@plasmicpkgs/plasmic-basic-components 0.0.28 → 0.0.31

package/dist/Data.d.ts

@@ -1,4 +1,4 @@
-import { ComponentMeta, SelectorDict, useSelectors as _useSelectors, useSelector as _useSelector, DataProvider as _DataProvider, DataProviderProps, applySelector as _applySelector, useDataEnv as _useDataEnv } from "@plasmicapp/host";
+import { applySelector as _applySelector, ComponentMeta, DataProvider as _DataProvider, DataProviderProps, SelectorDict, useDataEnv as _useDataEnv, useSelector as _useSelector, useSelectors as _useSelectors } from "@plasmicapp/host";
 import registerComponent from "@plasmicapp/host/registerComponent";
 import React, { ComponentProps, ReactNode } from "react";
 /**
@@ -53,7 +53,10 @@ export declare const dynamicRepeaterProps: {
         readonly defaultValue: "item";
         readonly description: "The name of the variable to use to store the current item in the loop";
     };
-    readonly children: "slot";
+    readonly children: {
+        readonly type: "slot";
+        readonly isRepeated: true;
+    };
 };
 export declare const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps>;
 export declare function registerDynamicRepeater(loader?: {

package/dist/Repeater.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ComponentMeta, registerComponent } from "@plasmicapp/host";
+interface RepeaterProps<T> {
+    children: React.ReactNode;
+    items: T[];
+    itemName?: string;
+    indexName?: string;
+}
+declare function Repeater<T>(props: RepeaterProps<T>): JSX.Element;
+export declare const repeaterMeta: ComponentMeta<RepeaterProps<any>>;
+export declare function registerRepeater(loader?: {
+    registerComponent: typeof registerComponent;
+}, customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>): void;
+export default Repeater;

package/dist/index.d.ts

@@ -3,6 +3,8 @@ export * from "./Embed";
 export { default as Embed } from "./Embed";
 export * from "./Iframe";
 export { default as Iframe } from "./Iframe";
+export * from "./Repeater";
+export { default as Repeater } from "./Repeater";
 export * from "./ScrollRevealer";
 export { default as ScrollRevealer } from "./ScrollRevealer";
 export * from "./Video";

package/dist/plasmic-basic-components.cjs.development.js

@@ -162,7 +162,10 @@ var dynamicRepeaterProps = {
     defaultValue: "item",
     description: "The name of the variable to use to store the current item in the loop"
   },
-  children: "slot"
+  children: {
+    type: "slot",
+    isRepeated: true
+  }
 };
 var dynamicRepeaterMeta = {
   name: "hostless-dynamic-repeater",
@@ -431,6 +434,72 @@ function registerIframe(loader, customIframeMeta) {
   }
 }
 
+var thisModule$1 = "@plasmicpkgs/plasmic-basic-components";
+var defaultItemName = "currentItem";
+var defaultIndexName = "currentIndex";
+
+function Repeater(props) {
+  var children = props.children,
+      items = props.items,
+      itemName = props.itemName,
+      indexName = props.indexName;
+
+  if (!Array.isArray(items)) {
+    throw new Error("Repeater received an invalid collection: not an array.");
+  }
+
+  return React__default.createElement(React__default.Fragment, null, items.map(function (item, index) {
+    return React__default.createElement(host.DataProvider, {
+      key: index.toString(),
+      name: itemName || defaultItemName,
+      data: item
+    }, React__default.createElement(host.DataProvider, {
+      name: indexName || defaultIndexName,
+      data: index
+    }, host.repeatedElement(index === 0, children)));
+  }));
+}
+
+var repeaterMeta = {
+  name: "plasmic-repeater",
+  displayName: "Repeater",
+  importName: "Repeater",
+  importPath: thisModule$1,
+  props: {
+    children: {
+      type: "slot",
+      isRepeated: true
+    },
+    items: {
+      type: "array",
+      defaultValue: [1, 2, 3],
+      displayName: "Collection",
+      description: "Items array (JavaScript expression)."
+    },
+    itemName: {
+      type: "string",
+      defaultValue: defaultItemName,
+      defaultValueHint: defaultItemName,
+      displayName: "Item",
+      description: "Data context key for the current item."
+    },
+    indexName: {
+      type: "string",
+      defaultValue: defaultIndexName,
+      defaultValueHint: defaultIndexName,
+      displayName: "Index",
+      description: "Data context key for the index of the current item."
+    }
+  }
+};
+function registerRepeater(loader, customRepeaterMeta) {
+  if (loader) {
+    loader.registerComponent(Repeater, customRepeaterMeta != null ? customRepeaterMeta : repeaterMeta);
+  } else {
+    host.registerComponent(Repeater, customRepeaterMeta != null ? customRepeaterMeta : repeaterMeta);
+  }
+}
+
 function useDirectionalIntersection(_ref) {
   var ref = _ref.ref,
       _ref$scrollDownThresh = _ref.scrollDownThreshold,
@@ -603,6 +672,7 @@ exports.DynamicRepeater = DynamicRepeater;
 exports.DynamicText = DynamicText;
 exports.Embed = Embed;
 exports.Iframe = Iframe;
+exports.Repeater = Repeater;
 exports.ScrollRevealer = ScrollRevealer;
 exports.Video = Video;
 exports.applySelector = applySelector;
@@ -621,8 +691,10 @@ exports.registerDynamicRepeater = registerDynamicRepeater;
 exports.registerDynamicText = registerDynamicText;
 exports.registerEmbed = registerEmbed;
 exports.registerIframe = registerIframe;
+exports.registerRepeater = registerRepeater;
 exports.registerScrollRevealer = registerScrollRevealer;
 exports.registerVideo = registerVideo;
+exports.repeaterMeta = repeaterMeta;
 exports.scrollRevealerMeta = scrollRevealerMeta;
 exports.useDataEnv = useDataEnv;
 exports.useDirectionalIntersection = useDirectionalIntersection;

package/dist/plasmic-basic-components.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-basic-components.cjs.development.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  ComponentMeta,\n  repeatedElement,\n  SelectorDict,\n  useSelectors as _useSelectors,\n  useSelector as _useSelector,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  applySelector as _applySelector,\n  useDataEnv as _useDataEnv,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function(...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function(...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function(...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function(...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const DataProvider: typeof _DataProvider = function(...args) {\n  console.warn(\n    \"DEPRECATED: Import DataProvider from @plasmicapp/host instead.\"\n  );\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index === 0, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: \"slot\",\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-text\",\n          props: {\n            selector: \"celebrities.0.name\",\n          },\n        },\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-image\",\n          props: {\n            selector: \"celebrities.0.profilePicture\",\n          },\n        },\n      ],\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (hideInEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","applySelector","console","warn","_applySelector","useSelector","_useSelector","useSelectors","_useSelectors","useDataEnv","_useDataEnv","DataProvider","_DataProvider","DynamicElement","tag","className","children","propSelectors","props","computed","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","map","item","index","key","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","dynamicRepeaterMeta","displayName","importName","importPath","registerDynamicRepeater","loader","customDynamicRepeaterMeta","registerComponent","dataProviderMeta","birthYear","profilePicture","registerDataProvider","customDataProviderMeta","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","registerDynamicElement","customDynamicElementMeta","dynamicTextMeta","registerDynamicText","customDynamicTextMeta","dynamicImageMeta","registerDynamicImage","customDynamicImageMeta","ensure","x","undefined","Error","Embed","code","hideInEditor","rootElt","useRef","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","effectiveCode","ref","dangerouslySetInnerHTML","__html","embedMeta","lang","editOnly","defaultStyles","maxWidth","registerEmbed","customEmbedMeta","Iframe","preview","isEditing","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","registerIframe","customIframeMeta","useDirectionalIntersection","scrollDownThreshold","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","handler","entries","intersectionRatio","observer","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","intersectionRef","scrollRevealerMeta","registerScrollRevealer","customScrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","registerVideo","customVideoMeta"],"mappings":"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"}
+{"version":3,"file":"plasmic-basic-components.cjs.development.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import DataProvider from @plasmicapp/host instead.\"\n  );\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index === 0, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-text\",\n          props: {\n            selector: \"celebrities.0.name\",\n          },\n        },\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-image\",\n          props: {\n            selector: \"celebrities.0.profilePicture\",\n          },\n        },\n      ],\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (hideInEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import React from \"react\";\nimport {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nfunction Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index === 0, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n\nexport default Repeater;\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","applySelector","console","warn","_applySelector","useSelector","_useSelector","useSelectors","_useSelectors","useDataEnv","_useDataEnv","DataProvider","_DataProvider","DynamicElement","tag","className","children","propSelectors","props","computed","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","map","item","index","key","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","isRepeated","dynamicRepeaterMeta","displayName","importName","importPath","registerDynamicRepeater","loader","customDynamicRepeaterMeta","registerComponent","dataProviderMeta","birthYear","profilePicture","registerDataProvider","customDataProviderMeta","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","registerDynamicElement","customDynamicElementMeta","dynamicTextMeta","registerDynamicText","customDynamicTextMeta","dynamicImageMeta","registerDynamicImage","customDynamicImageMeta","ensure","x","undefined","Error","Embed","code","hideInEditor","rootElt","useRef","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","effectiveCode","ref","dangerouslySetInnerHTML","__html","embedMeta","lang","editOnly","defaultStyles","maxWidth","registerEmbed","customEmbedMeta","Iframe","preview","isEditing","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","registerIframe","customIframeMeta","defaultItemName","defaultIndexName","Repeater","items","itemName","indexName","isArray","toString","repeaterMeta","registerRepeater","customRepeaterMeta","useDirectionalIntersection","scrollDownThreshold","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","handler","entries","intersectionRatio","observer","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","intersectionRef","scrollRevealerMeta","registerScrollRevealer","customScrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","registerVideo","customVideoMeta"],"mappings":"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"}

package/dist/plasmic-basic-components.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@plasmicapp/host"),r=e(require("@plasmicapp/host/registerComponent")),o=require("react"),a=e(o);function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var r,o,a={},i=Object.keys(e);for(o=0;o<i.length;o++)t.indexOf(r=i[o])>=0||(a[r]=e[r]);return a}var l=["tag","className","children","propSelectors"],n=["selector","propSelectors"],p=["selector","propSelectors"],c="@plasmicpkgs/plasmic-basic-components";function m(e){var r=e.tag,a=void 0===r?"div":r,n=e.className,p=e.children,c=e.propSelectors,m=s(e,l),d=t.useSelectors(c);return o.createElement(a,i({children:p},m,d,{className:n+" "+d.className}))}function d(e){var t=e.selector,r=e.propSelectors,o=s(e,n);return a.createElement(m,Object.assign({},o,{propSelectors:i({},r,{children:t})}),"(DynamicText requires a selector)")}function u(e){var t=e.selector,r=e.propSelectors,o=s(e,p);return a.createElement(m,Object.assign({tag:"img",loading:"lazy",style:{objectFit:"cover"}},o,{propSelectors:i({},r,{src:t}),src:"https://studio.plasmic.app/static/img/placeholder.png"}))}function h(e){var r,o=e.children,i=e.loopItemName,s=e.keySelector,l=e.data,n=null!=(r=null!=l?l:t.useSelector(e.selector))?r:[1,2,3];return a.createElement(a.Fragment,null,null==n||null==n.map?void 0:n.map((function(e,r){var l;return a.createElement(t.DataProvider,{key:null!=(l=t.applySelector(e,s))?l:r,name:i,data:e},t.repeatedElement(0===r,o))})))}var y={selector:{type:"string",description:"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField"},loopItemName:{type:"string",defaultValue:"item",description:"The name of the variable to use to store the current item in the loop"},children:"slot"},f={name:"hostless-dynamic-repeater",displayName:"Dynamic Repeater",importName:"DynamicRepeater",importPath:c,props:y},v={name:"hostless-data-provider",displayName:"Data Provider",importName:"DataProvider",importPath:c,props:{name:{type:"string",defaultValue:"celebrities",description:"The name of the variable to store the data in"},data:{type:"object",defaultValue:[{name:"Fill Murray",birthYear:1950,profilePicture:["https://www.fillmurray.com/200/300"]},{name:"Place Cage",birthYear:1950,profilePicture:["https://www.placecage.com/200/300"]}]},children:{type:"slot",defaultValue:[{type:"component",name:"hostless-dynamic-text",props:{selector:"celebrities.0.name"}},{type:"component",name:"hostless-dynamic-image",props:{selector:"celebrities.0.profilePicture"}}]}}},g={propSelectors:{type:"object",defaultValueHint:{},description:"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value."}},b=i({},g,{tag:{type:"string",defaultValueHint:"div",description:"The HTML tag to use"}}),x={name:"hostless-dynamic-element",displayName:"Dynamic Element",importName:"DynamicElement",importPath:c,props:i({},b,{children:"slot"})},w={name:"hostless-dynamic-text",importName:"DynamicText",displayName:"Dynamic Text",importPath:c,props:i({},b,{selector:{type:"string",description:"The selector expression to use to get the text, such as: someVariable.0.someField"}})},E={name:"hostless-dynamic-image",displayName:"Dynamic Image",importName:"DynamicImage",importPath:c,props:i({},g,{selector:{type:"string",description:"The selector expression to use to get the image source URL, such as: someVariable.0.someField"}})};function D(e){if(null==e)throw new Error("Value must not be undefined or null");return e}function N(e){var t=e.className,r=e.code,i=e.hideInEditor,s=void 0!==i&&i,l=o.useRef(null);return o.useEffect((function(){s||Array.from(D(l.current).querySelectorAll("script")).forEach((function(e){var t=document.createElement("script");Array.from(e.attributes).forEach((function(e){return t.setAttribute(e.name,e.value)})),t.appendChild(document.createTextNode(e.innerHTML)),D(e.parentNode).replaceChild(t,e)}))}),[r,s]),a.createElement("div",{ref:l,className:t,dangerouslySetInnerHTML:{__html:s?"":r}})}var P={name:"hostless-embed",displayName:"Embed HTML",importName:"Embed",importPath:"@plasmicpkgs/plasmic-basic-components",props:{code:{type:"code",lang:"html",defaultValueHint:"<div>Paste your embed code via the right sidebar</div>",description:"The HTML code to be embedded"},hideInEditor:{type:"boolean",displayName:"Hide in editor",description:"Disable running the code while editing in Plasmic Studio (may require reload)",editOnly:!0}},defaultStyles:{maxWidth:"100%"}};function S(e){var r=e.preview,i=e.src,s=e.className;return o.useContext(t.PlasmicCanvasContext)&&!r?a.createElement("div",{className:s},a.createElement("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"#eee",color:"#888",fontSize:"36px",fontFamily:"sans-serif",fontWeight:"bold",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"}},"Iframe placeholder")):a.createElement("iframe",{src:i,className:s})}var T={name:"hostless-iframe",displayName:"Iframe",importName:"Iframe",importPath:"@plasmicpkgs/plasmic-basic-components",props:{src:{type:"string",defaultValue:"https://www.example.com"},preview:{type:"boolean",description:"Load the iframe while editing in Plasmic Studio"}},defaultStyles:{width:"300px",height:"150px",maxWidth:"100%"}};function I(e){var t=e.ref,r=e.scrollDownThreshold,a=void 0===r?.5:r,i=e.scrollUpThreshold,s=void 0===i?0:i,l=o.useState(!1),n=l[0],p=l[1];return o.useEffect((function(){if(t.current&&"function"==typeof IntersectionObserver){var e=new IntersectionObserver((function(e){e[0].intersectionRatio>=a?p(!0):e[0].intersectionRatio<=s&&p(!1)}),{root:null,rootMargin:"0%",threshold:[s,a]});return e.observe(t.current),function(){p(!1),e.disconnect()}}return function(){}}),[t.current,a,s]),n}function R(e){var t=e.children,r=e.className,i=e.scrollDownThreshold,s=void 0===i?.5:i,l=e.scrollUpThreshold,n=void 0===l?0:l,p=o.useRef(null),c=I({ref:p,scrollUpThreshold:n,scrollDownThreshold:s});return a.createElement("div",{className:r,ref:p},c?t:null)}var C={name:"hostless-scroll-revealer",importName:"ScrollRevealer",displayName:"Scroll Revealer",importPath:"@plasmicpkgs/plasmic-basic-components",props:{children:"slot",scrollDownThreshold:{type:"number",displayName:"Scroll down threshold",defaultValueHint:.5,description:"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)"},scrollUpThreshold:{type:"number",displayName:"Scroll up threshold",defaultValueHint:0,description:"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)"}},defaultStyles:{width:"stretch",maxWidth:"100%"}},M=a.forwardRef((function(e,t){return a.createElement("video",Object.assign({ref:t},e))})),V={name:"hostless-html-video",importName:"Video",displayName:"HTML Video",importPath:"@plasmicpkgs/plasmic-basic-components",props:{src:{type:"string",defaultValue:"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm",displayName:"Source URL",description:"URL to a video file."},autoPlay:{type:"boolean",displayName:"Auto Play",description:"Whether the video show automatically start playing when the player loads"},controls:{type:"boolean",displayName:"Show Controls",description:"Whether the video player controls should be displayed"},playsInline:{type:"boolean",displayName:"Plays inline",description:"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that."},loop:{type:"boolean",displayName:"Loop",description:"Whether the video should be played again after it finishes"},muted:{type:"boolean",displayName:"Muted",description:"Whether audio should be muted"},poster:{type:"imageUrl",displayName:"Poster (placeholder) image",description:"Image to show while video is downloading"},preload:{type:"choice",options:["none","metadata","auto"],displayName:"Preload",description:"Whether to preload nothing, metadata only, or the full video"}},defaultStyles:{height:"hug",width:"640px",maxWidth:"100%"}};exports.DataProvider=function(){return console.warn("DEPRECATED: Import DataProvider from @plasmicapp/host instead."),t.DataProvider.apply(void 0,arguments)},exports.DynamicElement=m,exports.DynamicImage=u,exports.DynamicRepeater=h,exports.DynamicText=d,exports.Embed=N,exports.Iframe=S,exports.ScrollRevealer=R,exports.Video=M,exports.applySelector=function(){return console.warn("DEPRECATED: Import applySelector from @plasmicapp/host instead."),t.applySelector.apply(void 0,arguments)},exports.dataProviderMeta=v,exports.dynamicElementMeta=x,exports.dynamicImageMeta=E,exports.dynamicRepeaterMeta=f,exports.dynamicRepeaterProps=y,exports.dynamicTextMeta=w,exports.embedMeta=P,exports.iframeMeta=T,exports.registerDataProvider=function(e,o){e?e.registerComponent(t.DataProvider,null!=o?o:v):r(t.DataProvider,null!=o?o:v)},exports.registerDynamicElement=function(e,t){e?e.registerComponent(m,null!=t?t:x):r(m,null!=t?t:x)},exports.registerDynamicImage=function(e,t){e?e.registerComponent(u,null!=t?t:E):r(u,null!=t?t:E)},exports.registerDynamicRepeater=function(e,t){e?e.registerComponent(h,null!=t?t:f):r(h,null!=t?t:f)},exports.registerDynamicText=function(e,t){e?e.registerComponent(d,null!=t?t:w):r(d,null!=t?t:w)},exports.registerEmbed=function(e,t){e?e.registerComponent(N,null!=t?t:P):r(N,null!=t?t:P)},exports.registerIframe=function(e,t){e?e.registerComponent(S,null!=t?t:T):r(S,null!=t?t:T)},exports.registerScrollRevealer=function(e,t){e?e.registerComponent(R,null!=t?t:C):r(R,null!=t?t:C)},exports.registerVideo=function(e,t){e?e.registerComponent(M,null!=t?t:V):r(M,null!=t?t:V)},exports.scrollRevealerMeta=C,exports.useDataEnv=function(){return console.warn("DEPRECATED: Import useDataEnv from @plasmicapp/host instead."),t.useDataEnv.apply(void 0,arguments)},exports.useDirectionalIntersection=I,exports.useSelector=function(){return console.warn("DEPRECATED: Import useSelector from @plasmicapp/host instead."),t.useSelector.apply(void 0,arguments)},exports.useSelectors=function(){return console.warn("DEPRECATED: Import useSelectors from @plasmicapp/host instead."),t.useSelectors.apply(void 0,arguments)},exports.videoMeta=V;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@plasmicapp/host"),r=e(require("@plasmicapp/host/registerComponent")),o=require("react"),a=e(o);function n(){return(n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function i(e,t){if(null==e)return{};var r,o,a={},n=Object.keys(e);for(o=0;o<n.length;o++)t.indexOf(r=n[o])>=0||(a[r]=e[r]);return a}var l=["tag","className","children","propSelectors"],s=["selector","propSelectors"],p=["selector","propSelectors"],c="@plasmicpkgs/plasmic-basic-components";function m(e){var r=e.tag,a=void 0===r?"div":r,s=e.className,p=e.children,c=e.propSelectors,m=i(e,l),d=t.useSelectors(c);return o.createElement(a,n({children:p},m,d,{className:s+" "+d.className}))}function d(e){var t=e.selector,r=e.propSelectors,o=i(e,s);return a.createElement(m,Object.assign({},o,{propSelectors:n({},r,{children:t})}),"(DynamicText requires a selector)")}function u(e){var t=e.selector,r=e.propSelectors,o=i(e,p);return a.createElement(m,Object.assign({tag:"img",loading:"lazy",style:{objectFit:"cover"}},o,{propSelectors:n({},r,{src:t}),src:"https://studio.plasmic.app/static/img/placeholder.png"}))}function h(e){var r,o=e.children,n=e.loopItemName,i=e.keySelector,l=e.data,s=null!=(r=null!=l?l:t.useSelector(e.selector))?r:[1,2,3];return a.createElement(a.Fragment,null,null==s||null==s.map?void 0:s.map((function(e,r){var l;return a.createElement(t.DataProvider,{key:null!=(l=t.applySelector(e,i))?l:r,name:n,data:e},t.repeatedElement(0===r,o))})))}var y={selector:{type:"string",description:"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField"},loopItemName:{type:"string",defaultValue:"item",description:"The name of the variable to use to store the current item in the loop"},children:{type:"slot",isRepeated:!0}},f={name:"hostless-dynamic-repeater",displayName:"Dynamic Repeater",importName:"DynamicRepeater",importPath:c,props:y},v={name:"hostless-data-provider",displayName:"Data Provider",importName:"DataProvider",importPath:c,props:{name:{type:"string",defaultValue:"celebrities",description:"The name of the variable to store the data in"},data:{type:"object",defaultValue:[{name:"Fill Murray",birthYear:1950,profilePicture:["https://www.fillmurray.com/200/300"]},{name:"Place Cage",birthYear:1950,profilePicture:["https://www.placecage.com/200/300"]}]},children:{type:"slot",defaultValue:[{type:"component",name:"hostless-dynamic-text",props:{selector:"celebrities.0.name"}},{type:"component",name:"hostless-dynamic-image",props:{selector:"celebrities.0.profilePicture"}}]}}},g={propSelectors:{type:"object",defaultValueHint:{},description:"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value."}},x=n({},g,{tag:{type:"string",defaultValueHint:"div",description:"The HTML tag to use"}}),b={name:"hostless-dynamic-element",displayName:"Dynamic Element",importName:"DynamicElement",importPath:c,props:n({},x,{children:"slot"})},N={name:"hostless-dynamic-text",importName:"DynamicText",displayName:"Dynamic Text",importPath:c,props:n({},x,{selector:{type:"string",description:"The selector expression to use to get the text, such as: someVariable.0.someField"}})},E={name:"hostless-dynamic-image",displayName:"Dynamic Image",importName:"DynamicImage",importPath:c,props:n({},g,{selector:{type:"string",description:"The selector expression to use to get the image source URL, such as: someVariable.0.someField"}})};function w(e){if(null==e)throw new Error("Value must not be undefined or null");return e}function D(e){var t=e.className,r=e.code,n=e.hideInEditor,i=void 0!==n&&n,l=o.useRef(null);return o.useEffect((function(){i||Array.from(w(l.current).querySelectorAll("script")).forEach((function(e){var t=document.createElement("script");Array.from(e.attributes).forEach((function(e){return t.setAttribute(e.name,e.value)})),t.appendChild(document.createTextNode(e.innerHTML)),w(e.parentNode).replaceChild(t,e)}))}),[r,i]),a.createElement("div",{ref:l,className:t,dangerouslySetInnerHTML:{__html:i?"":r}})}var P={name:"hostless-embed",displayName:"Embed HTML",importName:"Embed",importPath:"@plasmicpkgs/plasmic-basic-components",props:{code:{type:"code",lang:"html",defaultValueHint:"<div>Paste your embed code via the right sidebar</div>",description:"The HTML code to be embedded"},hideInEditor:{type:"boolean",displayName:"Hide in editor",description:"Disable running the code while editing in Plasmic Studio (may require reload)",editOnly:!0}},defaultStyles:{maxWidth:"100%"}};function S(e){var r=e.preview,n=e.src,i=e.className;return o.useContext(t.PlasmicCanvasContext)&&!r?a.createElement("div",{className:i},a.createElement("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"#eee",color:"#888",fontSize:"36px",fontFamily:"sans-serif",fontWeight:"bold",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"}},"Iframe placeholder")):a.createElement("iframe",{src:n,className:i})}var I={name:"hostless-iframe",displayName:"Iframe",importName:"Iframe",importPath:"@plasmicpkgs/plasmic-basic-components",props:{src:{type:"string",defaultValue:"https://www.example.com"},preview:{type:"boolean",description:"Load the iframe while editing in Plasmic Studio"}},defaultStyles:{width:"300px",height:"150px",maxWidth:"100%"}};function T(e){var r=e.children,o=e.items,n=e.itemName,i=e.indexName;if(!Array.isArray(o))throw new Error("Repeater received an invalid collection: not an array.");return a.createElement(a.Fragment,null,o.map((function(e,o){return a.createElement(t.DataProvider,{key:o.toString(),name:n||"currentItem",data:e},a.createElement(t.DataProvider,{name:i||"currentIndex",data:o},t.repeatedElement(0===o,r)))})))}var R={name:"plasmic-repeater",displayName:"Repeater",importName:"Repeater",importPath:"@plasmicpkgs/plasmic-basic-components",props:{children:{type:"slot",isRepeated:!0},items:{type:"array",defaultValue:[1,2,3],displayName:"Collection",description:"Items array (JavaScript expression)."},itemName:{type:"string",defaultValue:"currentItem",defaultValueHint:"currentItem",displayName:"Item",description:"Data context key for the current item."},indexName:{type:"string",defaultValue:"currentIndex",defaultValueHint:"currentIndex",displayName:"Index",description:"Data context key for the index of the current item."}}};function C(e){var t=e.ref,r=e.scrollDownThreshold,a=void 0===r?.5:r,n=e.scrollUpThreshold,i=void 0===n?0:n,l=o.useState(!1),s=l[0],p=l[1];return o.useEffect((function(){if(t.current&&"function"==typeof IntersectionObserver){var e=new IntersectionObserver((function(e){e[0].intersectionRatio>=a?p(!0):e[0].intersectionRatio<=i&&p(!1)}),{root:null,rootMargin:"0%",threshold:[i,a]});return e.observe(t.current),function(){p(!1),e.disconnect()}}return function(){}}),[t.current,a,i]),s}function V(e){var t=e.children,r=e.className,n=e.scrollDownThreshold,i=void 0===n?.5:n,l=e.scrollUpThreshold,s=void 0===l?0:l,p=o.useRef(null),c=C({ref:p,scrollUpThreshold:s,scrollDownThreshold:i});return a.createElement("div",{className:r,ref:p},c?t:null)}var M={name:"hostless-scroll-revealer",importName:"ScrollRevealer",displayName:"Scroll Revealer",importPath:"@plasmicpkgs/plasmic-basic-components",props:{children:"slot",scrollDownThreshold:{type:"number",displayName:"Scroll down threshold",defaultValueHint:.5,description:"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)"},scrollUpThreshold:{type:"number",displayName:"Scroll up threshold",defaultValueHint:0,description:"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)"}},defaultStyles:{width:"stretch",maxWidth:"100%"}},H=a.forwardRef((function(e,t){return a.createElement("video",Object.assign({ref:t},e))})),k={name:"hostless-html-video",importName:"Video",displayName:"HTML Video",importPath:"@plasmicpkgs/plasmic-basic-components",props:{src:{type:"string",defaultValue:"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm",displayName:"Source URL",description:"URL to a video file."},autoPlay:{type:"boolean",displayName:"Auto Play",description:"Whether the video show automatically start playing when the player loads"},controls:{type:"boolean",displayName:"Show Controls",description:"Whether the video player controls should be displayed"},playsInline:{type:"boolean",displayName:"Plays inline",description:"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that."},loop:{type:"boolean",displayName:"Loop",description:"Whether the video should be played again after it finishes"},muted:{type:"boolean",displayName:"Muted",description:"Whether audio should be muted"},poster:{type:"imageUrl",displayName:"Poster (placeholder) image",description:"Image to show while video is downloading"},preload:{type:"choice",options:["none","metadata","auto"],displayName:"Preload",description:"Whether to preload nothing, metadata only, or the full video"}},defaultStyles:{height:"hug",width:"640px",maxWidth:"100%"}};exports.DataProvider=function(){return console.warn("DEPRECATED: Import DataProvider from @plasmicapp/host instead."),t.DataProvider.apply(void 0,arguments)},exports.DynamicElement=m,exports.DynamicImage=u,exports.DynamicRepeater=h,exports.DynamicText=d,exports.Embed=D,exports.Iframe=S,exports.Repeater=T,exports.ScrollRevealer=V,exports.Video=H,exports.applySelector=function(){return console.warn("DEPRECATED: Import applySelector from @plasmicapp/host instead."),t.applySelector.apply(void 0,arguments)},exports.dataProviderMeta=v,exports.dynamicElementMeta=b,exports.dynamicImageMeta=E,exports.dynamicRepeaterMeta=f,exports.dynamicRepeaterProps=y,exports.dynamicTextMeta=N,exports.embedMeta=P,exports.iframeMeta=I,exports.registerDataProvider=function(e,o){e?e.registerComponent(t.DataProvider,null!=o?o:v):r(t.DataProvider,null!=o?o:v)},exports.registerDynamicElement=function(e,t){e?e.registerComponent(m,null!=t?t:b):r(m,null!=t?t:b)},exports.registerDynamicImage=function(e,t){e?e.registerComponent(u,null!=t?t:E):r(u,null!=t?t:E)},exports.registerDynamicRepeater=function(e,t){e?e.registerComponent(h,null!=t?t:f):r(h,null!=t?t:f)},exports.registerDynamicText=function(e,t){e?e.registerComponent(d,null!=t?t:N):r(d,null!=t?t:N)},exports.registerEmbed=function(e,t){e?e.registerComponent(D,null!=t?t:P):r(D,null!=t?t:P)},exports.registerIframe=function(e,t){e?e.registerComponent(S,null!=t?t:I):r(S,null!=t?t:I)},exports.registerRepeater=function(e,r){e?e.registerComponent(T,null!=r?r:R):t.registerComponent(T,null!=r?r:R)},exports.registerScrollRevealer=function(e,t){e?e.registerComponent(V,null!=t?t:M):r(V,null!=t?t:M)},exports.registerVideo=function(e,t){e?e.registerComponent(H,null!=t?t:k):r(H,null!=t?t:k)},exports.repeaterMeta=R,exports.scrollRevealerMeta=M,exports.useDataEnv=function(){return console.warn("DEPRECATED: Import useDataEnv from @plasmicapp/host instead."),t.useDataEnv.apply(void 0,arguments)},exports.useDirectionalIntersection=C,exports.useSelector=function(){return console.warn("DEPRECATED: Import useSelector from @plasmicapp/host instead."),t.useSelector.apply(void 0,arguments)},exports.useSelectors=function(){return console.warn("DEPRECATED: Import useSelectors from @plasmicapp/host instead."),t.useSelectors.apply(void 0,arguments)},exports.videoMeta=k;
 //# sourceMappingURL=plasmic-basic-components.cjs.production.min.js.map

package/dist/plasmic-basic-components.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-basic-components.cjs.production.min.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  ComponentMeta,\n  repeatedElement,\n  SelectorDict,\n  useSelectors as _useSelectors,\n  useSelector as _useSelector,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  applySelector as _applySelector,\n  useDataEnv as _useDataEnv,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function(...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function(...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function(...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function(...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const DataProvider: typeof _DataProvider = function(...args) {\n  console.warn(\n    \"DEPRECATED: Import DataProvider from @plasmicapp/host instead.\"\n  );\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index === 0, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: \"slot\",\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-text\",\n          props: {\n            selector: \"celebrities.0.name\",\n          },\n        },\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-image\",\n          props: {\n            selector: \"celebrities.0.profilePicture\",\n          },\n        },\n      ],\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (hideInEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","DynamicElement","tag","className","children","propSelectors","props","computed","_useSelectors","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","_useSelector","map","item","index","_DataProvider","key","_applySelector","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","dynamicRepeaterMeta","displayName","importName","importPath","dataProviderMeta","birthYear","profilePicture","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","dynamicTextMeta","dynamicImageMeta","ensure","x","Error","Embed","code","hideInEditor","rootElt","useRef","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","ref","dangerouslySetInnerHTML","__html","embedMeta","lang","editOnly","defaultStyles","maxWidth","Iframe","preview","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","useDirectionalIntersection","scrollDownThreshold","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","observer","entries","intersectionRatio","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","intersectionRef","scrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","console","warn","loader","customDataProviderMeta","registerComponent","customDynamicElementMeta","customDynamicImageMeta","customDynamicRepeaterMeta","customDynamicTextMeta","customEmbedMeta","customIframeMeta","customScrollRevealerMeta","customVideoMeta","_useDataEnv"],"mappings":"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"}
+{"version":3,"file":"plasmic-basic-components.cjs.production.min.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import DataProvider from @plasmicapp/host instead.\"\n  );\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index === 0, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-text\",\n          props: {\n            selector: \"celebrities.0.name\",\n          },\n        },\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-image\",\n          props: {\n            selector: \"celebrities.0.profilePicture\",\n          },\n        },\n      ],\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (hideInEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import React from \"react\";\nimport {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nfunction Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index === 0, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n\nexport default Repeater;\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","DynamicElement","tag","className","children","propSelectors","props","computed","_useSelectors","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","_useSelector","map","item","index","_DataProvider","key","_applySelector","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","isRepeated","dynamicRepeaterMeta","displayName","importName","importPath","dataProviderMeta","birthYear","profilePicture","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","dynamicTextMeta","dynamicImageMeta","ensure","x","Error","Embed","code","hideInEditor","rootElt","useRef","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","ref","dangerouslySetInnerHTML","__html","embedMeta","lang","editOnly","defaultStyles","maxWidth","Iframe","preview","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","Repeater","items","itemName","indexName","isArray","DataProvider","toString","repeaterMeta","useDirectionalIntersection","scrollDownThreshold","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","observer","entries","intersectionRatio","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","intersectionRef","scrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","console","warn","loader","customDataProviderMeta","registerComponent","customDynamicElementMeta","customDynamicImageMeta","customDynamicRepeaterMeta","customDynamicTextMeta","customEmbedMeta","customIframeMeta","customRepeaterMeta","customScrollRevealerMeta","customVideoMeta","_useDataEnv"],"mappings":"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"}

package/dist/plasmic-basic-components.esm.js

@@ -1,4 +1,4 @@
-import { applySelector as applySelector$1, useSelector as useSelector$1, useSelectors as useSelectors$1, useDataEnv as useDataEnv$1, DataProvider as DataProvider$1, repeatedElement, PlasmicCanvasContext } from '@plasmicapp/host';
+import { applySelector as applySelector$1, useSelector as useSelector$1, useSelectors as useSelectors$1, useDataEnv as useDataEnv$1, DataProvider as DataProvider$1, repeatedElement, PlasmicCanvasContext, registerComponent as registerComponent$1 } from '@plasmicapp/host';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import React, { createElement, useRef, useEffect, useContext, useState } from 'react';
 
@@ -155,7 +155,10 @@ var dynamicRepeaterProps = {
     defaultValue: "item",
     description: "The name of the variable to use to store the current item in the loop"
   },
-  children: "slot"
+  children: {
+    type: "slot",
+    isRepeated: true
+  }
 };
 var dynamicRepeaterMeta = {
   name: "hostless-dynamic-repeater",
@@ -424,6 +427,72 @@ function registerIframe(loader, customIframeMeta) {
   }
 }
 
+var thisModule$1 = "@plasmicpkgs/plasmic-basic-components";
+var defaultItemName = "currentItem";
+var defaultIndexName = "currentIndex";
+
+function Repeater(props) {
+  var children = props.children,
+      items = props.items,
+      itemName = props.itemName,
+      indexName = props.indexName;
+
+  if (!Array.isArray(items)) {
+    throw new Error("Repeater received an invalid collection: not an array.");
+  }
+
+  return React.createElement(React.Fragment, null, items.map(function (item, index) {
+    return React.createElement(DataProvider$1, {
+      key: index.toString(),
+      name: itemName || defaultItemName,
+      data: item
+    }, React.createElement(DataProvider$1, {
+      name: indexName || defaultIndexName,
+      data: index
+    }, repeatedElement(index === 0, children)));
+  }));
+}
+
+var repeaterMeta = {
+  name: "plasmic-repeater",
+  displayName: "Repeater",
+  importName: "Repeater",
+  importPath: thisModule$1,
+  props: {
+    children: {
+      type: "slot",
+      isRepeated: true
+    },
+    items: {
+      type: "array",
+      defaultValue: [1, 2, 3],
+      displayName: "Collection",
+      description: "Items array (JavaScript expression)."
+    },
+    itemName: {
+      type: "string",
+      defaultValue: defaultItemName,
+      defaultValueHint: defaultItemName,
+      displayName: "Item",
+      description: "Data context key for the current item."
+    },
+    indexName: {
+      type: "string",
+      defaultValue: defaultIndexName,
+      defaultValueHint: defaultIndexName,
+      displayName: "Index",
+      description: "Data context key for the index of the current item."
+    }
+  }
+};
+function registerRepeater(loader, customRepeaterMeta) {
+  if (loader) {
+    loader.registerComponent(Repeater, customRepeaterMeta != null ? customRepeaterMeta : repeaterMeta);
+  } else {
+    registerComponent$1(Repeater, customRepeaterMeta != null ? customRepeaterMeta : repeaterMeta);
+  }
+}
+
 function useDirectionalIntersection(_ref) {
   var ref = _ref.ref,
       _ref$scrollDownThresh = _ref.scrollDownThreshold,
@@ -589,5 +658,5 @@ function registerVideo(loader, customVideoMeta) {
   }
 }
 
-export { DataProvider, DynamicElement, DynamicImage, DynamicRepeater, DynamicText, Embed, Iframe, ScrollRevealer, Video, applySelector, dataProviderMeta, dynamicElementMeta, dynamicImageMeta, dynamicRepeaterMeta, dynamicRepeaterProps, dynamicTextMeta, embedMeta, iframeMeta, registerDataProvider, registerDynamicElement, registerDynamicImage, registerDynamicRepeater, registerDynamicText, registerEmbed, registerIframe, registerScrollRevealer, registerVideo, scrollRevealerMeta, useDataEnv, useDirectionalIntersection, useSelector, useSelectors, videoMeta };
+export { DataProvider, DynamicElement, DynamicImage, DynamicRepeater, DynamicText, Embed, Iframe, Repeater, ScrollRevealer, Video, applySelector, dataProviderMeta, dynamicElementMeta, dynamicImageMeta, dynamicRepeaterMeta, dynamicRepeaterProps, dynamicTextMeta, embedMeta, iframeMeta, registerDataProvider, registerDynamicElement, registerDynamicImage, registerDynamicRepeater, registerDynamicText, registerEmbed, registerIframe, registerRepeater, registerScrollRevealer, registerVideo, repeaterMeta, scrollRevealerMeta, useDataEnv, useDirectionalIntersection, useSelector, useSelectors, videoMeta };
 //# sourceMappingURL=plasmic-basic-components.esm.js.map

package/dist/plasmic-basic-components.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-basic-components.esm.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  ComponentMeta,\n  repeatedElement,\n  SelectorDict,\n  useSelectors as _useSelectors,\n  useSelector as _useSelector,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  applySelector as _applySelector,\n  useDataEnv as _useDataEnv,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function(...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function(...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function(...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function(...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const DataProvider: typeof _DataProvider = function(...args) {\n  console.warn(\n    \"DEPRECATED: Import DataProvider from @plasmicapp/host instead.\"\n  );\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index === 0, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: \"slot\",\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-text\",\n          props: {\n            selector: \"celebrities.0.name\",\n          },\n        },\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-image\",\n          props: {\n            selector: \"celebrities.0.profilePicture\",\n          },\n        },\n      ],\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (hideInEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","applySelector","console","warn","_applySelector","useSelector","_useSelector","useSelectors","_useSelectors","useDataEnv","_useDataEnv","DataProvider","_DataProvider","DynamicElement","tag","className","children","propSelectors","props","computed","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","map","item","index","key","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","dynamicRepeaterMeta","displayName","importName","importPath","registerDynamicRepeater","loader","customDynamicRepeaterMeta","registerComponent","dataProviderMeta","birthYear","profilePicture","registerDataProvider","customDataProviderMeta","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","registerDynamicElement","customDynamicElementMeta","dynamicTextMeta","registerDynamicText","customDynamicTextMeta","dynamicImageMeta","registerDynamicImage","customDynamicImageMeta","ensure","x","undefined","Error","Embed","code","hideInEditor","rootElt","useRef","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","effectiveCode","ref","dangerouslySetInnerHTML","__html","embedMeta","lang","editOnly","defaultStyles","maxWidth","registerEmbed","customEmbedMeta","Iframe","preview","isEditing","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","registerIframe","customIframeMeta","useDirectionalIntersection","scrollDownThreshold","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","handler","entries","intersectionRatio","observer","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","intersectionRef","scrollRevealerMeta","registerScrollRevealer","customScrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","registerVideo","customVideoMeta"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,UAAU,GAAG,uCAAnB;AAEA;;;;IAGaC,aAAa,GAA0B,SAAvCA,aAAuC;AAClDC,EAAAA,OAAO,CAACC,IAAR,CACE,iEADF;AAGA,SAAOC,eAAc,MAAd,mBAAP;AACD;AAED;;;;IAGaC,WAAW,GAAwB,SAAnCA,WAAmC;AAC9CH,EAAAA,OAAO,CAACC,IAAR,CAAa,+DAAb;AACA,SAAOG,aAAY,MAAZ,mBAAP;AACD;AAED;;;;IAGaC,YAAY,GAAyB,SAArCA,YAAqC;AAChDL,EAAAA,OAAO,CAACC,IAAR,CACE,gEADF;AAGA,SAAOK,cAAa,MAAb,mBAAP;AACD;AAED;;;;IAGaC,UAAU,GAAuB,SAAjCA,UAAiC;AAC5CP,EAAAA,OAAO,CAACC,IAAR,CAAa,8DAAb;AACA,SAAOO,YAAW,MAAX,mBAAP;AACD;AAED;;;;IAGaC,YAAY,GAAyB,SAArCA,YAAqC;AAChDT,EAAAA,OAAO,CAACC,IAAR,CACE,gEADF;AAGA,SAAOS,cAAa,MAAb,mBAAP;AACD;SAQeC;sBAGdC;MAAAA,4BAAM;MACNC,iBAAAA;MACAC,gBAAAA;MACAC,qBAAAA;MACGC;;AAEH,MAAMC,QAAQ,GAAGX,cAAa,CAACS,aAAD,CAA9B;;AACA,SAAOG,aAAa,CAACN,GAAD;AAClBE,IAAAA,QAAQ,EAARA;AADkB,KAEfE,KAFe,EAGfC,QAHe;AAIlBJ,IAAAA,SAAS,EAAEA,SAAS,GAAG,GAAZ,GAAkBI,QAAQ,CAACJ;AAJpB,KAApB;AAMD;SAMeM;MACdC,iBAAAA;MACAL,sBAAAA;MACGC;;AAEH,SACEK,mBAAA,CAACV,cAAD,oBACMK;AACJD,IAAAA,aAAa,eAAOA,aAAP;AAAsBD,MAAAA,QAAQ,EAAEM;AAAhC;IAFf,qCAAA,CADF;AASD;SAQeE;MACdF,iBAAAA;MACAL,sBAAAA;MACGC;;AAEH,SACEK,mBAAA,CAACV,cAAD;AACEC,IAAAA,GAAG,EAAE;AACLW,IAAAA,OAAO,EAAE;AACTC,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE;AADN;KAGHT;AACJD,IAAAA,aAAa,eAAOA,aAAP;AAAsBW,MAAAA,GAAG,EAAEN;AAA3B;AACb;AACAM,IAAAA,GAAG,EAAC;IATN,CADF;AAaD;SAUeC;;;MACdb,iBAAAA;MACAc,qBAAAA;MACAC,oBAAAA;MACAT,iBAAAA;MACAU,aAAAA;AAEA;AACA,MAAMC,SAAS,YAAGD,IAAH,WAAGA,IAAH,GAAW1B,aAAY,CAACgB,QAAD,CAAvB,oBAAqC,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAApD;AACA,SACEC,mBAAA,eAAA,MAAA,EACGU,SADH,oBACGA,SAAS,CAAEC,GADd,oBACGD,SAAS,CAAEC,GAAX,CAAiB,UAACC,IAAD,EAAYC,KAAZ;AAAA;;AAAA,WAChBb,mBAAA,CAACX,cAAD;AACEyB,MAAAA,GAAG,qBAAEjC,eAAc,CAAC+B,IAAD,EAAOJ,WAAP,CAAhB,8BAAuCK;AAC1CE,MAAAA,IAAI,EAAER;AACNE,MAAAA,IAAI,EAAEG;KAHR,EAKGI,eAAe,CAACH,KAAK,KAAK,CAAX,EAAcpB,QAAd,CALlB,CADgB;AAAA,GAAjB,CADH,CADF;AAaD;IAEYwB,oBAAoB,GAAG;AAClClB,EAAAA,QAAQ,EAAE;AACRmB,IAAAA,IAAI,EAAE,QADE;AAERC,IAAAA,WAAW,EACT;AAHM,GADwB;AAMlCZ,EAAAA,YAAY,EAAE;AACZW,IAAAA,IAAI,EAAE,QADM;AAEZE,IAAAA,YAAY,EAAE,MAFF;AAGZD,IAAAA,WAAW,EACT;AAJU,GANoB;AAYlC1B,EAAAA,QAAQ,EAAE;AAZwB;IAevB4B,mBAAmB,GAAwC;AACtEN,EAAAA,IAAI,EAAE,2BADgE;AAEtEO,EAAAA,WAAW,EAAE,kBAFyD;AAGtEC,EAAAA,UAAU,EAAE,iBAH0D;AAItEC,EAAAA,UAAU,EAAE/C,UAJ0D;AAKtEkB,EAAAA,KAAK,EAAEsB;AAL+D;SAQxDQ,wBACdC,QACAC;AAEA,MAAID,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CACEtB,eADF,EAEEqB,yBAFF,WAEEA,yBAFF,GAE+BN,mBAF/B;AAID,GALD,MAKO;AACLO,IAAAA,iBAAiB,CACftB,eADe,EAEfqB,yBAFe,WAEfA,yBAFe,GAEcN,mBAFd,CAAjB;AAID;AACF;IAEYQ,gBAAgB,GAAqC;AAChEd,EAAAA,IAAI,EAAE,wBAD0D;AAEhEO,EAAAA,WAAW,EAAE,eAFmD;AAGhEC,EAAAA,UAAU,EAAE,cAHoD;AAIhEC,EAAAA,UAAU,EAAE/C,UAJoD;AAKhE;AACAkB,EAAAA,KAAK,EAAE;AACLoB,IAAAA,IAAI,EAAE;AACJG,MAAAA,IAAI,EAAE,QADF;AAEJE,MAAAA,YAAY,EAAE,aAFV;AAGJD,MAAAA,WAAW,EAAE;AAHT,KADD;AAMLV,IAAAA,IAAI,EAAE;AACJS,MAAAA,IAAI,EAAE,QADF;AAEJE,MAAAA,YAAY,EAAE,CACZ;AACEL,QAAAA,IAAI,EAAE,aADR;AAEEe,QAAAA,SAAS,EAAE,IAFb;AAGEC,QAAAA,cAAc,EAAE,CAAC,oCAAD;AAHlB,OADY,EAMZ;AACEhB,QAAAA,IAAI,EAAE,YADR;AAEEe,QAAAA,SAAS,EAAE,IAFb;AAGEC,QAAAA,cAAc,EAAE,CAAC,mCAAD;AAHlB,OANY;AAFV,KAND;AAqBLtC,IAAAA,QAAQ,EAAE;AACRyB,MAAAA,IAAI,EAAE,MADE;AAERE,MAAAA,YAAY,EAAE,CACZ;AACEF,QAAAA,IAAI,EAAE,WADR;AAEEH,QAAAA,IAAI,EAAE,uBAFR;AAGEpB,QAAAA,KAAK,EAAE;AACLI,UAAAA,QAAQ,EAAE;AADL;AAHT,OADY,EAQZ;AACEmB,QAAAA,IAAI,EAAE,WADR;AAEEH,QAAAA,IAAI,EAAE,wBAFR;AAGEpB,QAAAA,KAAK,EAAE;AACLI,UAAAA,QAAQ,EAAE;AADL;AAHT,OARY;AAFN;AArBL;AANyD;SAiDlDiC,qBACdN,QACAO;AAEA,MAAIP,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CACEvC,cADF,EAEE4C,sBAFF,WAEEA,sBAFF,GAE4BJ,gBAF5B;AAID,GALD,MAKO;AACLD,IAAAA,iBAAiB,CACfvC,cADe,EAEf4C,sBAFe,WAEfA,sBAFe,GAEWJ,gBAFX,CAAjB;AAID;AACF;AAED,IAAMK,sBAAsB,GAAG;AAC7BxC,EAAAA,aAAa,EAAE;AACbwB,IAAAA,IAAI,EAAE,QADO;AAEbiB,IAAAA,gBAAgB,EAAE,EAFL;AAGbhB,IAAAA,WAAW,EACT;AAJW;AADc,CAA/B;;AASA,IAAMiB,YAAY,6BACbF,sBADa;AAEhB3C,EAAAA,GAAG,EAAE;AACH2B,IAAAA,IAAI,EAAE,QADH;AAEHiB,IAAAA,gBAAgB,EAAE,KAFf;AAGHhB,IAAAA,WAAW,EAAE;AAHV;AAFW,EAAlB;;;IAWakB,kBAAkB,GAAsC;AACnEtB,EAAAA,IAAI,EAAE,0BAD6D;AAEnEO,EAAAA,WAAW,EAAE,iBAFsD;AAGnEC,EAAAA,UAAU,EAAE,gBAHuD;AAInEC,EAAAA,UAAU,EAAE/C,UAJuD;AAKnEkB,EAAAA,KAAK,4BAAOyC,YAAP;AAAqB3C,IAAAA,QAAQ,EAAE;AAA/B;AAL8D;SAQrD6C,uBACdZ,QACAa;AAEA,MAAIb,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CACEtC,cADF,EAEEiD,wBAFF,WAEEA,wBAFF,GAE8BF,kBAF9B;AAID,GALD,MAKO;AACLT,IAAAA,iBAAiB,CACftC,cADe,EAEfiD,wBAFe,WAEfA,wBAFe,GAEaF,kBAFb,CAAjB;AAID;AACF;IAEYG,eAAe,GAAoC;AAC9DzB,EAAAA,IAAI,EAAE,uBADwD;AAE9DQ,EAAAA,UAAU,EAAE,aAFkD;AAG9DD,EAAAA,WAAW,EAAE,cAHiD;AAI9DE,EAAAA,UAAU,EAAE/C,UAJkD;AAK9DkB,EAAAA,KAAK,4BACAyC,YADA;AAEHrC,IAAAA,QAAQ,EAAE;AACRmB,MAAAA,IAAI,EAAE,QADE;AAERC,MAAAA,WAAW,EACT;AAHM;AAFP;AALyD;SAehDsB,oBACdf,QACAgB;AAEA,MAAIhB,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CACE9B,WADF,EAEE4C,qBAFF,WAEEA,qBAFF,GAE2BF,eAF3B;AAID,GALD,MAKO;AACLZ,IAAAA,iBAAiB,CAAC9B,WAAD,EAAc4C,qBAAd,WAAcA,qBAAd,GAAuCF,eAAvC,CAAjB;AACD;AACF;IAEYG,gBAAgB,GAAqC;AAChE5B,EAAAA,IAAI,EAAE,wBAD0D;AAEhEO,EAAAA,WAAW,EAAE,eAFmD;AAGhEC,EAAAA,UAAU,EAAE,cAHoD;AAIhEC,EAAAA,UAAU,EAAE/C,UAJoD;AAKhEkB,EAAAA,KAAK,4BACAuC,sBADA;AAEHnC,IAAAA,QAAQ,EAAE;AACRmB,MAAAA,IAAI,EAAE,QADE;AAERC,MAAAA,WAAW,EACT;AAHM;AAFP;AAL2D;SAelDyB,qBACdlB,QACAmB;AAEA,MAAInB,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CACE3B,YADF,EAEE4C,sBAFF,WAEEA,sBAFF,GAE4BF,gBAF5B;AAID,GALD,MAKO;AACLf,IAAAA,iBAAiB,CAAC3B,YAAD,EAAe4C,sBAAf,WAAeA,sBAAf,GAAyCF,gBAAzC,CAAjB;AACD;AACF;;SCjXeG,OAAUC;AACxB,MAAIA,CAAC,KAAK,IAAN,IAAcA,CAAC,KAAKC,SAAxB,EAAmC;AACjC;AACA,UAAM,IAAIC,KAAJ,uCAAN;AACD,GAHD,MAGO;AACL,WAAOF,CAAP;AACD;AACF;;SCGuBG;MACtB1D,iBAAAA;MACA2D,YAAAA;+BACAC;MAAAA,8CAAe;AAEf,MAAMC,OAAO,GAAGC,MAAM,CAAiB,IAAjB,CAAtB;AACAC,EAAAA,SAAS,CAAC;AACR,QAAIH,YAAJ,EAAkB;AAChB;AACD;;AACDI,IAAAA,KAAK,CAACC,IAAN,CAAWX,MAAM,CAACO,OAAO,CAACK,OAAT,CAAN,CAAwBC,gBAAxB,CAAyC,QAAzC,CAAX,EAA+DC,OAA/D,CACE,UAACC,SAAD;AACE,UAAMC,SAAS,GAAGC,QAAQ,CAAClE,aAAT,CAAuB,QAAvB,CAAlB;AACA2D,MAAAA,KAAK,CAACC,IAAN,CAAWI,SAAS,CAACG,UAArB,EAAiCJ,OAAjC,CAAyC,UAACK,IAAD;AAAA,eACvCH,SAAS,CAACI,YAAV,CAAuBD,IAAI,CAAClD,IAA5B,EAAkCkD,IAAI,CAACE,KAAvC,CADuC;AAAA,OAAzC;AAGAL,MAAAA,SAAS,CAACM,WAAV,CAAsBL,QAAQ,CAACM,cAAT,CAAwBR,SAAS,CAACS,SAAlC,CAAtB;AACAxB,MAAAA,MAAM,CAACe,SAAS,CAACU,UAAX,CAAN,CAA6BC,YAA7B,CAA0CV,SAA1C,EAAqDD,SAArD;AACD,KARH;AAUD,GAdQ,EAcN,CAACV,IAAD,EAAOC,YAAP,CAdM,CAAT;AAeA,MAAMqB,aAAa,GAAGrB,YAAY,GAAG,EAAH,GAAQD,IAA1C;AACA,SACEnD,mBAAA,MAAA;AACE0E,IAAAA,GAAG,EAAErB;AACL7D,IAAAA,SAAS,EAAEA;AACXmF,IAAAA,uBAAuB,EAAE;AAAEC,MAAAA,MAAM,EAAEH;AAAV;GAH3B,CADF;AAOD;AAED,IAAaI,SAAS,GAA8B;AAClD9D,EAAAA,IAAI,EAAE,gBAD4C;AAElDO,EAAAA,WAAW,EAAE,YAFqC;AAGlDC,EAAAA,UAAU,EAAE,OAHsC;AAIlDC,EAAAA,UAAU,EAAE,uCAJsC;AAKlD7B,EAAAA,KAAK,EAAE;AACLwD,IAAAA,IAAI,EAAE;AACJjC,MAAAA,IAAI,EAAE,MADF;AAEJ4D,MAAAA,IAAI,EAAE,MAFF;AAGJ3C,MAAAA,gBAAgB,EACd,wDAJE;AAKJhB,MAAAA,WAAW,EAAE;AALT,KADD;AAQLiC,IAAAA,YAAY,EAAE;AACZlC,MAAAA,IAAI,EAAE,SADM;AAEZI,MAAAA,WAAW,EAAE,gBAFD;AAGZH,MAAAA,WAAW,EACT,+EAJU;AAKZ4D,MAAAA,QAAQ,EAAE;AALE;AART,GAL2C;AAqBlDC,EAAAA,aAAa,EAAE;AACbC,IAAAA,QAAQ,EAAE;AADG;AArBmC,CAA7C;AA0BP,SAAgBC,cACdxD,QACAyD;AAEA,MAAIzD,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CAAyBsB,KAAzB,EAAgCiC,eAAhC,WAAgCA,eAAhC,GAAmDN,SAAnD;AACD,GAFD,MAEO;AACLjD,IAAAA,iBAAiB,CAACsB,KAAD,EAAQiC,eAAR,WAAQA,eAAR,GAA2BN,SAA3B,CAAjB;AACD;AACF;;SCpEuBO;MAASC,eAAAA;MAAShF,WAAAA;MAAKb,iBAAAA;AAC7C,MAAM8F,SAAS,GAAGC,UAAU,CAACC,oBAAD,CAA5B;;AACA,MAAIF,SAAS,IAAI,CAACD,OAAlB,EAA2B;AACzB,WACErF,mBAAA,MAAA;AAAKR,MAAAA,SAAS,EAAEA;KAAhB,EACEQ,mBAAA,MAAA;AACEG,MAAAA,KAAK,EAAE;AACLsF,QAAAA,QAAQ,EAAE,UADL;AAELC,QAAAA,GAAG,EAAE,CAFA;AAGLC,QAAAA,IAAI,EAAE,CAHD;AAILC,QAAAA,KAAK,EAAE,CAJF;AAKLC,QAAAA,MAAM,EAAE,CALH;AAMLC,QAAAA,UAAU,EAAE,MANP;AAOLC,QAAAA,KAAK,EAAE,MAPF;AAQLC,QAAAA,QAAQ,EAAE,MARL;AASLC,QAAAA,UAAU,EAAE,YATP;AAULC,QAAAA,UAAU,EAAE,MAVP;AAWLC,QAAAA,OAAO,EAAE,MAXJ;AAYLC,QAAAA,UAAU,EAAE,QAZP;AAaLC,QAAAA,cAAc,EAAE,QAbX;AAcLC,QAAAA,QAAQ,EAAE;AAdL;KADT,sBAAA,CADF,CADF;AAwBD;;AACD,SAAOtG,mBAAA,SAAA;AAAQK,IAAAA,GAAG,EAAEA;AAAKb,IAAAA,SAAS,EAAEA;GAA7B,CAAP;AACD;AAED,IAAa+G,UAAU,GAA+B;AACpDxF,EAAAA,IAAI,EAAE,iBAD8C;AAEpDO,EAAAA,WAAW,EAAE,QAFuC;AAGpDC,EAAAA,UAAU,EAAE,QAHwC;AAIpDC,EAAAA,UAAU,EAAE,uCAJwC;AAKpD7B,EAAAA,KAAK,EAAE;AACLU,IAAAA,GAAG,EAAE;AACHa,MAAAA,IAAI,EAAE,QADH;AAEHE,MAAAA,YAAY,EAAE;AAFX,KADA;AAKLiE,IAAAA,OAAO,EAAE;AACPnE,MAAAA,IAAI,EAAE,SADC;AAEPC,MAAAA,WAAW,EAAE;AAFN;AALJ,GAL6C;AAepD6D,EAAAA,aAAa,EAAE;AACbwB,IAAAA,KAAK,EAAE,OADM;AAEbC,IAAAA,MAAM,EAAE,OAFK;AAGbxB,IAAAA,QAAQ,EAAE;AAHG;AAfqC,CAA/C;AAsBP,SAAgByB,eACdhF,QACAiF;AAEA,MAAIjF,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CAAyBwD,MAAzB,EAAiCuB,gBAAjC,WAAiCA,gBAAjC,GAAqDJ,UAArD;AACD,GAFD,MAEO;AACL3E,IAAAA,iBAAiB,CAACwD,MAAD,EAASuB,gBAAT,WAASA,gBAAT,GAA6BJ,UAA7B,CAAjB;AACD;AACF;;SC7DeK;MACdlC,WAAAA;mCACAmC;MAAAA,yDAAsB;mCACtBC;MAAAA,uDAAoB;;AAMpB,kBAAgCC,QAAQ,CAAC,KAAD,CAAxC;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA1D,EAAAA,SAAS,CAAC;AACR,QAAImB,GAAG,CAAChB,OAAJ,IAAe,OAAOwD,oBAAP,KAAgC,UAAnD,EAA+D;AAC7D,UAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,OAAD;AACd,YAAIA,OAAO,CAAC,CAAD,CAAP,CAAWC,iBAAX,IAAgCR,mBAApC,EAAyD;AACvDI,UAAAA,WAAW,CAAC,IAAD,CAAX;AACD,SAFD,MAEO,IAAIG,OAAO,CAAC,CAAD,CAAP,CAAWC,iBAAX,IAAgCP,iBAApC,EAAuD;AAC5DG,UAAAA,WAAW,CAAC,KAAD,CAAX;AACD;AACF,OAND;;AAQA,UAAMK,QAAQ,GAAG,IAAIJ,oBAAJ,CAAyBC,OAAzB,EAAkC;AACjDI,QAAAA,IAAI,EAAE,IAD2C;AAEjDC,QAAAA,UAAU,EAAE,IAFqC;AAGjDC,QAAAA,SAAS,EAAE,CAACX,iBAAD,EAAoBD,mBAApB;AAHsC,OAAlC,CAAjB;AAKAS,MAAAA,QAAQ,CAACI,OAAT,CAAiBhD,GAAG,CAAChB,OAArB;AAEA,aAAO;AACLuD,QAAAA,WAAW,CAAC,KAAD,CAAX;AACAK,QAAAA,QAAQ,CAACK,UAAT;AACD,OAHD;AAID;;AACD,WAAO,cAAP;AACD,GAvBQ,EAuBN,CAACjD,GAAG,CAAChB,OAAL,EAAcmD,mBAAd,EAAmCC,iBAAnC,CAvBM,CAAT;AAwBA,SAAOE,QAAP;AACD;AASD;;;;;;;;;AAQA,SAAwBY;MACtBnI,iBAAAA;MACAD,kBAAAA;oCACAqH;MAAAA,yDAAsB;oCACtBC;MAAAA,uDAAoB;AAEpB,MAAMe,eAAe,GAAGvE,MAAM,CAAiB,IAAjB,CAA9B;AACA,MAAM0D,QAAQ,GAAGJ,0BAA0B,CAAC;AAC1ClC,IAAAA,GAAG,EAAEmD,eADqC;AAE1Cf,IAAAA,iBAAiB,EAAjBA,iBAF0C;AAG1CD,IAAAA,mBAAmB,EAAnBA;AAH0C,GAAD,CAA3C;AAKA,SACE7G,mBAAA,MAAA;AAAKR,IAAAA,SAAS,EAAEA;AAAWkF,IAAAA,GAAG,EAAEmD;GAAhC,EACGb,QAAQ,GAAGvH,QAAH,GAAc,IADzB,CADF;AAKD;AAED,IAAaqI,kBAAkB,GAAuC;AACpE/G,EAAAA,IAAI,EAAE,0BAD8D;AAEpEQ,EAAAA,UAAU,EAAE,gBAFwD;AAGpED,EAAAA,WAAW,EAAE,iBAHuD;AAIpEE,EAAAA,UAAU,EAAE,uCAJwD;AAKpE7B,EAAAA,KAAK,EAAE;AACLF,IAAAA,QAAQ,EAAE,MADL;AAELoH,IAAAA,mBAAmB,EAAE;AACnB3F,MAAAA,IAAI,EAAE,QADa;AAEnBI,MAAAA,WAAW,EAAE,uBAFM;AAGnBa,MAAAA,gBAAgB,EAAE,GAHC;AAInBhB,MAAAA,WAAW,EACT;AALiB,KAFhB;AASL2F,IAAAA,iBAAiB,EAAE;AACjB5F,MAAAA,IAAI,EAAE,QADW;AAEjBI,MAAAA,WAAW,EAAE,qBAFI;AAGjBa,MAAAA,gBAAgB,EAAE,CAHD;AAIjBhB,MAAAA,WAAW,EACT;AALe;AATd,GAL6D;AAsBpE6D,EAAAA,aAAa,EAAE;AACbwB,IAAAA,KAAK,EAAE,SADM;AAEbvB,IAAAA,QAAQ,EAAE;AAFG;AAtBqD,CAA/D;AA4BP,SAAgB8C,uBACdrG,QACAsG;AAEA,MAAItG,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CACEgG,cADF,EAEEI,wBAFF,WAEEA,wBAFF,GAE8BF,kBAF9B;AAID,GALD,MAKO;AACLlG,IAAAA,iBAAiB,CACfgG,cADe,EAEfI,wBAFe,WAEfA,wBAFe,GAEaF,kBAFb,CAAjB;AAID;AACF;;AC5GD,IAAMG,KAAK,gBAAGjI,KAAK,CAACkI,UAAN,CACZ,UAACvI,KAAD,EAAoB+E,GAApB;AACE,SAAO1E,mBAAA,QAAA;AAAO0E,IAAAA,GAAG,EAAEA;KAAS/E,MAArB,CAAP;AACD,CAHW,CAAd;AAMA,IAEawI,SAAS,GAA8B;AAClDpH,EAAAA,IAAI,EAAE,qBAD4C;AAElDQ,EAAAA,UAAU,EAAE,OAFsC;AAGlDD,EAAAA,WAAW,EAAE,YAHqC;AAIlDE,EAAAA,UAAU,EAAE,uCAJsC;AAKlD7B,EAAAA,KAAK,EAAE;AACLU,IAAAA,GAAG,EAAE;AACHa,MAAAA,IAAI,EAAE,QADH;AAEHE,MAAAA,YAAY,EACV,2EAHC;AAIHE,MAAAA,WAAW,EAAE,YAJV;AAKHH,MAAAA,WAAW,EAAE;AALV,KADA;AAQLiH,IAAAA,QAAQ,EAAE;AACRlH,MAAAA,IAAI,EAAE,SADE;AAERI,MAAAA,WAAW,EAAE,WAFL;AAGRH,MAAAA,WAAW,EACT;AAJM,KARL;AAcLkH,IAAAA,QAAQ,EAAE;AACRnH,MAAAA,IAAI,EAAE,SADE;AAERI,MAAAA,WAAW,EAAE,eAFL;AAGRH,MAAAA,WAAW,EAAE;AAHL,KAdL;AAmBLmH,IAAAA,WAAW,EAAE;AACXpH,MAAAA,IAAI,EAAE,SADK;AAEXI,MAAAA,WAAW,EAAE,cAFF;AAGXH,MAAAA,WAAW,EACT;AAJS,KAnBR;AAyBLoH,IAAAA,IAAI,EAAE;AACJrH,MAAAA,IAAI,EAAE,SADF;AAEJI,MAAAA,WAAW,EAAE,MAFT;AAGJH,MAAAA,WAAW,EAAE;AAHT,KAzBD;AA8BLqH,IAAAA,KAAK,EAAE;AACLtH,MAAAA,IAAI,EAAE,SADD;AAELI,MAAAA,WAAW,EAAE,OAFR;AAGLH,MAAAA,WAAW,EAAE;AAHR,KA9BF;AAmCLsH,IAAAA,MAAM,EAAE;AACNvH,MAAAA,IAAI,EAAE,UADA;AAENI,MAAAA,WAAW,EAAE,4BAFP;AAGNH,MAAAA,WAAW,EAAE;AAHP,KAnCH;AAwCLuH,IAAAA,OAAO,EAAE;AACPxH,MAAAA,IAAI,EAAE,QADC;AAEPyH,MAAAA,OAAO,EAAE,CAAC,MAAD,EAAS,UAAT,EAAqB,MAArB,CAFF;AAGPrH,MAAAA,WAAW,EAAE,SAHN;AAIPH,MAAAA,WAAW,EACT;AALK;AAxCJ,GAL2C;AAqDlD6D,EAAAA,aAAa,EAAE;AACbyB,IAAAA,MAAM,EAAE,KADK;AAEbD,IAAAA,KAAK,EAAE,OAFM;AAGbvB,IAAAA,QAAQ,EAAE;AAHG;AArDmC,CAA7C;AA4DP,SAAgB2D,cACdlH,QACAmH;AAEA,MAAInH,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CAAyBqG,KAAzB,EAAgCY,eAAhC,WAAgCA,eAAhC,GAAmDV,SAAnD;AACD,GAFD,MAEO;AACLvG,IAAAA,iBAAiB,CAACqG,KAAD,EAAQY,eAAR,WAAQA,eAAR,GAA2BV,SAA3B,CAAjB;AACD;AACF;;;;"}
+{"version":3,"file":"plasmic-basic-components.esm.js","sources":["../src/Data.tsx","../src/common.ts","../src/Embed.tsx","../src/Iframe.tsx","../src/Repeater.tsx","../src/ScrollRevealer.tsx","../src/Video.tsx"],"sourcesContent":["import {\n  applySelector as _applySelector,\n  ComponentMeta,\n  DataProvider as _DataProvider,\n  DataProviderProps,\n  repeatedElement,\n  SelectorDict,\n  useDataEnv as _useDataEnv,\n  useSelector as _useSelector,\n  useSelectors as _useSelectors,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { ComponentProps, createElement, ReactNode } from \"react\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const applySelector: typeof _applySelector = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import applySelector from @plasmicapp/host instead.\"\n  );\n  return _applySelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelector: typeof _useSelector = function (...args) {\n  console.warn(\"DEPRECATED: Import useSelector from @plasmicapp/host instead.\");\n  return _useSelector(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useSelectors: typeof _useSelectors = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import useSelectors from @plasmicapp/host instead.\"\n  );\n  return _useSelectors(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const useDataEnv: typeof _useDataEnv = function (...args) {\n  console.warn(\"DEPRECATED: Import useDataEnv from @plasmicapp/host instead.\");\n  return _useDataEnv(...args);\n};\n\n/**\n * @deprecated This should be imported from @plasmicapp/host instead.\n */\nexport const DataProvider: typeof _DataProvider = function (...args) {\n  console.warn(\n    \"DEPRECATED: Import DataProvider from @plasmicapp/host instead.\"\n  );\n  return _DataProvider(...args);\n};\n\nexport interface CommonDynamicProps {\n  className?: string;\n  tag?: string;\n  propSelectors?: SelectorDict;\n}\n\nexport function DynamicElement<\n  Tag extends keyof JSX.IntrinsicElements = \"div\"\n>({\n  tag = \"div\",\n  className,\n  children,\n  propSelectors,\n  ...props\n}: CommonDynamicProps & ComponentProps<Tag>) {\n  const computed = _useSelectors(propSelectors);\n  return createElement(tag, {\n    children,\n    ...props,\n    ...computed,\n    className: className + \" \" + computed.className,\n  });\n}\n\nexport interface DynamicTextProps extends CommonDynamicProps {\n  selector?: string;\n}\n\nexport function DynamicText({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicTextProps) {\n  return (\n    <DynamicElement\n      {...props}\n      propSelectors={{ ...propSelectors, children: selector }}\n    >\n      {/*This is the default text*/}\n      (DynamicText requires a selector)\n    </DynamicElement>\n  );\n}\n\nexport interface DynamicImageProps\n  extends CommonDynamicProps,\n    ComponentProps<\"img\"> {\n  selector?: string;\n}\n\nexport function DynamicImage({\n  selector,\n  propSelectors,\n  ...props\n}: DynamicImageProps) {\n  return (\n    <DynamicElement<\"img\">\n      tag={\"img\"}\n      loading={\"lazy\"}\n      style={{\n        objectFit: \"cover\",\n      }}\n      {...props}\n      propSelectors={{ ...propSelectors, src: selector }}\n      // Default image placeholder\n      src=\"https://studio.plasmic.app/static/img/placeholder.png\"\n    />\n  );\n}\n\nexport interface DynamicRepeaterProps {\n  children?: ReactNode;\n  loopItemName?: string;\n  keySelector?: string;\n  selector?: string;\n  data?: any;\n}\n\nexport function DynamicRepeater({\n  children,\n  loopItemName,\n  keySelector,\n  selector,\n  data,\n}: DynamicRepeaterProps) {\n  // Defaults to an array of three items.\n  const finalData = data ?? _useSelector(selector) ?? [1, 2, 3];\n  return (\n    <>\n      {finalData?.map?.((item: any, index: number) => (\n        <_DataProvider\n          key={_applySelector(item, keySelector) ?? index}\n          name={loopItemName}\n          data={item}\n        >\n          {repeatedElement(index === 0, children)}\n        </_DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const dynamicRepeaterProps = {\n  selector: {\n    type: \"string\",\n    description:\n      \"The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField\",\n  },\n  loopItemName: {\n    type: \"string\",\n    defaultValue: \"item\",\n    description:\n      \"The name of the variable to use to store the current item in the loop\",\n  },\n  children: {\n    type: \"slot\",\n    isRepeated: true,\n  },\n} as const;\n\nexport const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps> = {\n  name: \"hostless-dynamic-repeater\",\n  displayName: \"Dynamic Repeater\",\n  importName: \"DynamicRepeater\",\n  importPath: thisModule,\n  props: dynamicRepeaterProps,\n};\n\nexport function registerDynamicRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  } else {\n    registerComponent(\n      DynamicRepeater,\n      customDynamicRepeaterMeta ?? dynamicRepeaterMeta\n    );\n  }\n}\n\nexport const dataProviderMeta: ComponentMeta<DataProviderProps> = {\n  name: \"hostless-data-provider\",\n  displayName: \"Data Provider\",\n  importName: \"DataProvider\",\n  importPath: thisModule,\n  // description: \"Makes some specified data available to the subtree in a context\",\n  props: {\n    name: {\n      type: \"string\",\n      defaultValue: \"celebrities\",\n      description: \"The name of the variable to store the data in\",\n    },\n    data: {\n      type: \"object\",\n      defaultValue: [\n        {\n          name: \"Fill Murray\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.fillmurray.com/200/300\"],\n        },\n        {\n          name: \"Place Cage\",\n          birthYear: 1950,\n          profilePicture: [\"https://www.placecage.com/200/300\"],\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-text\",\n          props: {\n            selector: \"celebrities.0.name\",\n          },\n        },\n        {\n          type: \"component\",\n          name: \"hostless-dynamic-image\",\n          props: {\n            selector: \"celebrities.0.profilePicture\",\n          },\n        },\n      ],\n    },\n  },\n};\n\nexport function registerDataProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataProviderMeta?: ComponentMeta<DataProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  } else {\n    registerComponent(\n      _DataProvider,\n      customDataProviderMeta ?? dataProviderMeta\n    );\n  }\n}\n\nconst dynamicPropsWithoutTag = {\n  propSelectors: {\n    type: \"object\",\n    defaultValueHint: {},\n    description:\n      \"An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.\",\n  },\n} as const;\n\nconst dynamicProps = {\n  ...dynamicPropsWithoutTag,\n  tag: {\n    type: \"string\",\n    defaultValueHint: \"div\",\n    description: \"The HTML tag to use\",\n  },\n} as const;\n\n// TODO Eventually we'll want to expose all the base HTML properties, but in the nicer way that we do within the studio.\n\nexport const dynamicElementMeta: ComponentMeta<CommonDynamicProps> = {\n  name: \"hostless-dynamic-element\",\n  displayName: \"Dynamic Element\",\n  importName: \"DynamicElement\",\n  importPath: thisModule,\n  props: { ...dynamicProps, children: \"slot\" },\n};\n\nexport function registerDynamicElement(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  } else {\n    registerComponent(\n      DynamicElement,\n      customDynamicElementMeta ?? dynamicElementMeta\n    );\n  }\n}\n\nexport const dynamicTextMeta: ComponentMeta<DynamicTextProps> = {\n  name: \"hostless-dynamic-text\",\n  importName: \"DynamicText\",\n  displayName: \"Dynamic Text\",\n  importPath: thisModule,\n  props: {\n    ...dynamicProps,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the text, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicText(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicTextMeta?: ComponentMeta<DynamicTextProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicText,\n      customDynamicTextMeta ?? dynamicTextMeta\n    );\n  } else {\n    registerComponent(DynamicText, customDynamicTextMeta ?? dynamicTextMeta);\n  }\n}\n\nexport const dynamicImageMeta: ComponentMeta<DynamicImageProps> = {\n  name: \"hostless-dynamic-image\",\n  displayName: \"Dynamic Image\",\n  importName: \"DynamicImage\",\n  importPath: thisModule,\n  props: {\n    ...dynamicPropsWithoutTag,\n    selector: {\n      type: \"string\",\n      description:\n        \"The selector expression to use to get the image source URL, such as: someVariable.0.someField\",\n    },\n  },\n};\n\nexport function registerDynamicImage(\n  loader?: { registerComponent: typeof registerComponent },\n  customDynamicImageMeta?: ComponentMeta<DynamicImageProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DynamicImage,\n      customDynamicImageMeta ?? dynamicImageMeta\n    );\n  } else {\n    registerComponent(DynamicImage, customDynamicImageMeta ?? dynamicImageMeta);\n  }\n}\n","export const tuple = <T extends any[]>(...args: T): T => args;\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ensure } from \"./common\";\n\nexport interface EmbedProps {\n  className?: string;\n  code: string;\n  hideInEditor?: boolean;\n}\n\nexport default function Embed({\n  className,\n  code,\n  hideInEditor = false,\n}: EmbedProps) {\n  const rootElt = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (hideInEditor) {\n      return;\n    }\n    Array.from(ensure(rootElt.current).querySelectorAll(\"script\")).forEach(\n      (oldScript) => {\n        const newScript = document.createElement(\"script\");\n        Array.from(oldScript.attributes).forEach((attr) =>\n          newScript.setAttribute(attr.name, attr.value)\n        );\n        newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n        ensure(oldScript.parentNode).replaceChild(newScript, oldScript);\n      }\n    );\n  }, [code, hideInEditor]);\n  const effectiveCode = hideInEditor ? \"\" : code;\n  return (\n    <div\n      ref={rootElt}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: effectiveCode }}\n    />\n  );\n}\n\nexport const embedMeta: ComponentMeta<EmbedProps> = {\n  name: \"hostless-embed\",\n  displayName: \"Embed HTML\",\n  importName: \"Embed\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    code: {\n      type: \"code\",\n      lang: \"html\",\n      defaultValueHint:\n        \"<div>Paste your embed code via the right sidebar</div>\",\n      description: \"The HTML code to be embedded\",\n    },\n    hideInEditor: {\n      type: \"boolean\",\n      displayName: \"Hide in editor\",\n      description:\n        \"Disable running the code while editing in Plasmic Studio (may require reload)\",\n      editOnly: true,\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerEmbed(\n  loader?: { registerComponent: typeof registerComponent },\n  customEmbedMeta?: ComponentMeta<EmbedProps>\n) {\n  if (loader) {\n    loader.registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  } else {\n    registerComponent(Embed, customEmbedMeta ?? embedMeta);\n  }\n}\n","import { ComponentMeta, PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\n\nexport interface IframeProps {\n  src: string;\n  preview?: boolean;\n  className?: string;\n}\n\nexport default function Iframe({ preview, src, className }: IframeProps) {\n  const isEditing = useContext(PlasmicCanvasContext);\n  if (isEditing && !preview) {\n    return (\n      <div className={className}>\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            background: \"#eee\",\n            color: \"#888\",\n            fontSize: \"36px\",\n            fontFamily: \"sans-serif\",\n            fontWeight: \"bold\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          Iframe placeholder\n        </div>\n      </div>\n    );\n  }\n  return <iframe src={src} className={className} />;\n}\n\nexport const iframeMeta: ComponentMeta<IframeProps> = {\n  name: \"hostless-iframe\",\n  displayName: \"Iframe\",\n  importName: \"Iframe\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue: \"https://www.example.com\",\n    },\n    preview: {\n      type: \"boolean\",\n      description: \"Load the iframe while editing in Plasmic Studio\",\n    },\n  },\n  defaultStyles: {\n    width: \"300px\",\n    height: \"150px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerIframe(\n  loader?: { registerComponent: typeof registerComponent },\n  customIframeMeta?: ComponentMeta<IframeProps>\n) {\n  if (loader) {\n    loader.registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  } else {\n    registerComponent(Iframe, customIframeMeta ?? iframeMeta);\n  }\n}\n","import React from \"react\";\nimport {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n} from \"@plasmicapp/host\";\n\nconst thisModule = \"@plasmicpkgs/plasmic-basic-components\";\n\nconst defaultItemName = \"currentItem\";\nconst defaultIndexName = \"currentIndex\";\n\ninterface RepeaterProps<T> {\n  children: React.ReactNode;\n  items: T[];\n  itemName?: string;\n  indexName?: string;\n}\n\nfunction Repeater<T>(props: RepeaterProps<T>) {\n  const { children, items, itemName, indexName } = props;\n\n  if (!Array.isArray(items)) {\n    throw new Error(\"Repeater received an invalid collection: not an array.\");\n  }\n\n  return (\n    <>\n      {items.map((item, index) => (\n        <DataProvider\n          key={index.toString()}\n          name={itemName || defaultItemName}\n          data={item}\n        >\n          <DataProvider name={indexName || defaultIndexName} data={index}>\n            {repeatedElement(index === 0, children)}\n          </DataProvider>\n        </DataProvider>\n      ))}\n    </>\n  );\n}\n\nexport const repeaterMeta: ComponentMeta<RepeaterProps<any>> = {\n  name: `plasmic-repeater`,\n  displayName: \"Repeater\",\n  importName: \"Repeater\",\n  importPath: thisModule,\n  props: {\n    children: {\n      type: \"slot\",\n      isRepeated: true,\n    },\n    items: {\n      type: \"array\",\n      defaultValue: [1, 2, 3],\n      displayName: \"Collection\",\n      description: \"Items array (JavaScript expression).\",\n    },\n    itemName: {\n      type: \"string\",\n      defaultValue: defaultItemName,\n      defaultValueHint: defaultItemName,\n      displayName: \"Item\",\n      description: \"Data context key for the current item.\",\n    },\n    indexName: {\n      type: \"string\",\n      defaultValue: defaultIndexName,\n      defaultValueHint: defaultIndexName,\n      displayName: \"Index\",\n      description: \"Data context key for the index of the current item.\",\n    },\n  },\n};\n\nexport function registerRepeater(\n  loader?: { registerComponent: typeof registerComponent },\n  customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>\n) {\n  if (loader) {\n    loader.registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  } else {\n    registerComponent(Repeater, customRepeaterMeta ?? repeaterMeta);\n  }\n}\n\nexport default Repeater;\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, {\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport function useDirectionalIntersection({\n  ref,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: {\n  ref: RefObject<HTMLElement>;\n  scrollDownThreshold?: number;\n  scrollUpThreshold?: number;\n}) {\n  const [revealed, setRevealed] = useState(false);\n  useEffect(() => {\n    if (ref.current && typeof IntersectionObserver === \"function\") {\n      const handler = (entries: IntersectionObserverEntry[]) => {\n        if (entries[0].intersectionRatio >= scrollDownThreshold) {\n          setRevealed(true);\n        } else if (entries[0].intersectionRatio <= scrollUpThreshold) {\n          setRevealed(false);\n        }\n      };\n\n      const observer = new IntersectionObserver(handler, {\n        root: null,\n        rootMargin: \"0%\",\n        threshold: [scrollUpThreshold, scrollDownThreshold],\n      });\n      observer.observe(ref.current);\n\n      return () => {\n        setRevealed(false);\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current, scrollDownThreshold, scrollUpThreshold]);\n  return revealed;\n}\n\nexport interface ScrollRevealerProps {\n  children?: ReactNode;\n  className?: string;\n  scrollUpThreshold?: number;\n  scrollDownThreshold?: number;\n}\n\n/**\n * Unlike react-awesome-reveal, ScrollRevealer:\n *\n * - has configurable thresholds\n * - triggers arbitrary render/unrender animations\n *\n * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.\n */\nexport default function ScrollRevealer({\n  children,\n  className,\n  scrollDownThreshold = 0.5,\n  scrollUpThreshold = 0,\n}: ScrollRevealerProps) {\n  const intersectionRef = useRef<HTMLDivElement>(null);\n  const revealed = useDirectionalIntersection({\n    ref: intersectionRef,\n    scrollUpThreshold,\n    scrollDownThreshold,\n  });\n  return (\n    <div className={className} ref={intersectionRef}>\n      {revealed ? children : null}\n    </div>\n  );\n}\n\nexport const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps> = {\n  name: \"hostless-scroll-revealer\",\n  importName: \"ScrollRevealer\",\n  displayName: \"Scroll Revealer\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    children: \"slot\",\n    scrollDownThreshold: {\n      type: \"number\",\n      displayName: \"Scroll down threshold\",\n      defaultValueHint: 0.5,\n      description:\n        \"How much of the element (as a fraction) must you scroll into view for it to appear (defaults to 0.5)\",\n    },\n    scrollUpThreshold: {\n      type: \"number\",\n      displayName: \"Scroll up threshold\",\n      defaultValueHint: 0,\n      description:\n        \"While scrolling up, how much of the element (as a fraction) can still be scrolled in view before it disappears (defaults to 0, meaning you must scroll up until it's completely out of view)\",\n    },\n  },\n  defaultStyles: {\n    width: \"stretch\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerScrollRevealer(\n  loader?: { registerComponent: typeof registerComponent },\n  customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  } else {\n    registerComponent(\n      ScrollRevealer,\n      customScrollRevealerMeta ?? scrollRevealerMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport type VideoProps = Pick<\n  React.ComponentProps<\"video\">,\n  | \"autoPlay\"\n  | \"controls\"\n  | \"loop\"\n  | \"muted\"\n  | \"playsInline\"\n  | \"poster\"\n  | \"preload\"\n  | \"src\"\n>;\n\nconst Video = React.forwardRef<HTMLVideoElement, VideoProps>(\n  (props: VideoProps, ref) => {\n    return <video ref={ref} {...props} />;\n  }\n);\n\nexport default Video;\n\nexport const videoMeta: ComponentMeta<VideoProps> = {\n  name: \"hostless-html-video\",\n  importName: \"Video\",\n  displayName: \"HTML Video\",\n  importPath: \"@plasmicpkgs/plasmic-basic-components\",\n  props: {\n    src: {\n      type: \"string\",\n      defaultValue:\n        \"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm\",\n      displayName: \"Source URL\",\n      description: \"URL to a video file.\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video show automatically start playing when the player loads\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description: \"Whether the video player controls should be displayed\",\n    },\n    playsInline: {\n      type: \"boolean\",\n      displayName: \"Plays inline\",\n      description:\n        \"Usually on mobile, when tilted landscape, videos can play fullscreen. Turn this on to prevent that.\",\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description: \"Whether audio should be muted\",\n    },\n    poster: {\n      type: \"imageUrl\",\n      displayName: \"Poster (placeholder) image\",\n      description: \"Image to show while video is downloading\",\n    },\n    preload: {\n      type: \"choice\",\n      options: [\"none\", \"metadata\", \"auto\"],\n      displayName: \"Preload\",\n      description:\n        \"Whether to preload nothing, metadata only, or the full video\",\n    },\n  },\n  defaultStyles: {\n    height: \"hug\",\n    width: \"640px\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerVideo(\n  loader?: { registerComponent: typeof registerComponent },\n  customVideoMeta?: ComponentMeta<VideoProps>\n) {\n  if (loader) {\n    loader.registerComponent(Video, customVideoMeta ?? videoMeta);\n  } else {\n    registerComponent(Video, customVideoMeta ?? videoMeta);\n  }\n}\n"],"names":["thisModule","applySelector","console","warn","_applySelector","useSelector","_useSelector","useSelectors","_useSelectors","useDataEnv","_useDataEnv","DataProvider","_DataProvider","DynamicElement","tag","className","children","propSelectors","props","computed","createElement","DynamicText","selector","React","DynamicImage","loading","style","objectFit","src","DynamicRepeater","loopItemName","keySelector","data","finalData","map","item","index","key","name","repeatedElement","dynamicRepeaterProps","type","description","defaultValue","isRepeated","dynamicRepeaterMeta","displayName","importName","importPath","registerDynamicRepeater","loader","customDynamicRepeaterMeta","registerComponent","dataProviderMeta","birthYear","profilePicture","registerDataProvider","customDataProviderMeta","dynamicPropsWithoutTag","defaultValueHint","dynamicProps","dynamicElementMeta","registerDynamicElement","customDynamicElementMeta","dynamicTextMeta","registerDynamicText","customDynamicTextMeta","dynamicImageMeta","registerDynamicImage","customDynamicImageMeta","ensure","x","undefined","Error","Embed","code","hideInEditor","rootElt","useRef","useEffect","Array","from","current","querySelectorAll","forEach","oldScript","newScript","document","attributes","attr","setAttribute","value","appendChild","createTextNode","innerHTML","parentNode","replaceChild","effectiveCode","ref","dangerouslySetInnerHTML","__html","embedMeta","lang","editOnly","defaultStyles","maxWidth","registerEmbed","customEmbedMeta","Iframe","preview","isEditing","useContext","PlasmicCanvasContext","position","top","left","right","bottom","background","color","fontSize","fontFamily","fontWeight","display","alignItems","justifyContent","overflow","iframeMeta","width","height","registerIframe","customIframeMeta","defaultItemName","defaultIndexName","Repeater","items","itemName","indexName","isArray","toString","repeaterMeta","registerRepeater","customRepeaterMeta","useDirectionalIntersection","scrollDownThreshold","scrollUpThreshold","useState","revealed","setRevealed","IntersectionObserver","handler","entries","intersectionRatio","observer","root","rootMargin","threshold","observe","disconnect","ScrollRevealer","intersectionRef","scrollRevealerMeta","registerScrollRevealer","customScrollRevealerMeta","Video","forwardRef","videoMeta","autoPlay","controls","playsInline","loop","muted","poster","preload","options","registerVideo","customVideoMeta"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/plasmic-basic-components",
-  "version": "0.0.28",
+  "version": "0.0.31",
   "description": "Plasmic registration call for the HTML5 video element",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,7 +28,7 @@
     "analyze": "size-limit --why"
   },
   "devDependencies": {
-    "@plasmicapp/host": "1.0.25",
+    "@plasmicapp/host": "1.0.28",
     "@size-limit/preset-small-lib": "^4.11.0",
     "@types/node": "^14.0.26",
     "@types/react": "^17.0.39",
@@ -39,7 +39,7 @@
     "typescript": "^3.9.7"
   },
   "peerDependencies": {
-    "@plasmicapp/host": "^1.0.7",
+    "@plasmicapp/host": "^1.0.25",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   }