@player-tools/dsl 0.5.0--canary.62.1176 → 0.5.0-next.0

package/dist/index.esm.js

@@ -1,923 +0,0 @@
-import * as React from 'react';
-import React__default from 'react';
-import mergeRefs from 'react-merge-refs';
-import { flattenNodes, ProxyNode, createPortal, PropertyNode, ValueNode, ArrayNode, toJSON, render } from 'react-json-reconciler';
-export * from 'react-json-reconciler';
-import { parseExpression } from '@player-ui/player';
-import { dequal } from 'dequal';
-import { SyncWaterfallHook, SyncHook, AsyncSeriesWaterfallHook, AsyncSeriesHook } from 'tapable-ts';
-import { SourceMapGenerator, SourceMapConsumer } from 'source-map-js';
-
-const IDSuffixContext = React__default.createContext("root");
-const IndexSuffixStopContext = React__default.createContext(false);
-const useGetIdPrefix = () => {
-  return React__default.useContext(IDSuffixContext);
-};
-const IDSuffixProvider = (props) => {
-  const currentPrefix = useGetIdPrefix();
-  return /* @__PURE__ */ React__default.createElement(IDSuffixContext.Provider, {
-    value: [
-      currentPrefix === "root" ? void 0 : currentPrefix,
-      props.suffix
-    ].filter(Boolean).join("-")
-  }, props.children);
-};
-const IDProvider = (props) => {
-  if (props.id) {
-    return /* @__PURE__ */ React__default.createElement(IDSuffixContext.Provider, {
-      value: props.id
-    }, props.children);
-  }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.children);
-};
-const useIndexInSlot = (ref) => {
-  const [index, setIndex] = React__default.useState(-1);
-  const slotContext = React__default.useContext(SlotContext);
-  React__default.useEffect(() => {
-    var _a, _b;
-    if (!(slotContext == null ? void 0 : slotContext.isArray)) {
-      throw new Error("Cannot get index in non-array slot");
-    }
-    if (ref.current && ((_b = (_a = slotContext == null ? void 0 : slotContext.ref.current) == null ? void 0 : _a.valueNode) == null ? void 0 : _b.type) === "array") {
-      const allChildren = flattenNodes(slotContext.ref.current.valueNode.children);
-      const foundIndex = allChildren.indexOf(ref.current);
-      if (foundIndex !== index) {
-        setIndex(foundIndex);
-      }
-    }
-  }, [index, ref, slotContext == null ? void 0 : slotContext.isArray, slotContext == null ? void 0 : slotContext.ref]);
-  return index;
-};
-const IDSuffixIndexProvider = (props) => {
-  var _a;
-  const slotIndex = useIndexInSlot(props.wrapperRef);
-  const stopIndex = React__default.useContext(IndexSuffixStopContext);
-  if (stopIndex) {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.children);
-  }
-  return /* @__PURE__ */ React__default.createElement(IDSuffixProvider, {
-    suffix: (_a = props.templateIndex) != null ? _a : String(slotIndex)
-  }, /* @__PURE__ */ React__default.createElement(IndexSuffixStopContext.Provider, {
-    value: true
-  }, props.children));
-};
-const OptionalIDSuffixProvider = (props) => {
-  const slotContext = React__default.useContext(SlotContext);
-  if (slotContext == null ? void 0 : slotContext.isArray) {
-    return /* @__PURE__ */ React__default.createElement(IDSuffixIndexProvider, {
-      wrapperRef: props.wrapperRef,
-      templateIndex: props.templateIndex
-    }, props.children);
-  }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.children);
-};
-
-var __defProp$5 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-const OpaqueIdentifier = Symbol("TemplateStringType");
-const TemplateStringComponent = (props) => {
-  return React.createElement("value", {
-    value: props.value
-  }, null);
-};
-const createTemplateInstance = (options) => {
-  const value = options.strings.reduce((sum, next, i) => {
-    var _a;
-    const element2 = options.other[i];
-    if (typeof element2 === "string") {
-      return sum + next + element2;
-    }
-    return sum + next + ((_a = element2 == null ? void 0 : element2.toRefString(options)) != null ? _a : "");
-  }, "");
-  if (options.nestedContext === "expression") {
-    const parsedExpression = parseExpression(value, { strict: false });
-    if (parsedExpression.error) {
-      throw parsedExpression.error;
-    }
-  }
-  const toString = () => {
-    return options.toRefString({}, value);
-  };
-  const toValue = () => {
-    return value;
-  };
-  const element = React.createElement(TemplateStringComponent, {
-    value: toString()
-  }, null);
-  return __spreadProps$4(__spreadValues$5({}, element), {
-    [OpaqueIdentifier]: true,
-    toString,
-    toValue,
-    toRefString: (refStringOptions) => {
-      return options.toRefString(refStringOptions, value);
-    }
-  });
-};
-const createBindingTemplateInstance = (options) => {
-  const templateInstance = createTemplateInstance(__spreadProps$4(__spreadValues$5({}, options), {
-    toRefString: (context, value) => {
-      return `{{${value}}}`;
-    }
-  }));
-  templateInstance.__type = "binding";
-  return templateInstance;
-};
-const createExpressionTemplateInstance = (options) => {
-  const templateInstance = createTemplateInstance(__spreadProps$4(__spreadValues$5({}, options), {
-    toRefString: (contextOptions, value) => {
-      if ((contextOptions == null ? void 0 : contextOptions.nestedContext) === "expression") {
-        return value;
-      }
-      const inBinding = (contextOptions == null ? void 0 : contextOptions.nestedContext) === "binding";
-      return `${inBinding ? "`" : "@["}${value}${inBinding ? "`" : "]@"}`;
-    }
-  }));
-  templateInstance.__type = "expression";
-  return templateInstance;
-};
-const binding = (strings, ...nested) => {
-  return createBindingTemplateInstance({
-    strings,
-    other: nested,
-    nestedContext: "binding"
-  });
-};
-const expression = (strings, ...nested) => {
-  return createExpressionTemplateInstance({
-    strings,
-    other: nested,
-    nestedContext: "expression"
-  });
-};
-const isTemplateStringInstance = (val) => {
-  return val !== null && typeof val === "object" && val[OpaqueIdentifier] === true;
-};
-
-var __defProp$4 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-function toArray(val) {
-  return Array.isArray(val) ? val : [val];
-}
-function toJsonElement(value, indexOrKey, options) {
-  var _a;
-  const indexProp = typeof indexOrKey === "number" ? { key: indexOrKey } : null;
-  if (Array.isArray(value)) {
-    return /* @__PURE__ */ React.createElement("array", __spreadValues$4({}, indexProp), value.map((item, idx) => toJsonElement(item, idx, options)));
-  }
-  if (isTemplateStringInstance(value)) {
-    if (typeof indexOrKey === "string" && ((_a = options == null ? void 0 : options.propertiesToSkip) == null ? void 0 : _a.includes(indexOrKey))) {
-      return /* @__PURE__ */ React.createElement("value", __spreadValues$4({}, indexProp), value.toValue());
-    }
-    return /* @__PURE__ */ React.createElement("value", __spreadValues$4({}, indexProp), value.toRefString());
-  }
-  if (typeof value === "object" && value !== null) {
-    return /* @__PURE__ */ React.createElement("obj", __spreadValues$4({}, indexProp), Object.keys(value).map((key) => /* @__PURE__ */ React.createElement("property", {
-      key,
-      name: key
-    }, toJsonElement(value[key], key, options))));
-  }
-  return /* @__PURE__ */ React.createElement("value", __spreadProps$3(__spreadValues$4({}, indexProp), {
-    value
-  }));
-}
-function toJsonProperties(value, options = { propertiesToSkip: ["applicability"] }) {
-  return Object.keys(value).map((key) => {
-    return /* @__PURE__ */ React.createElement("property", {
-      key,
-      name: key
-    }, toJsonElement(value[key], key, options));
-  });
-}
-function normalizeText(options) {
-  const { node, TextComp } = options;
-  const nodeArr = React.Children.toArray(node);
-  if (nodeArr.every((n) => React.isValidElement(n) && n.type !== TemplateStringComponent)) {
-    return node;
-  }
-  if (TextComp) {
-    return /* @__PURE__ */ React.createElement(TextComp, null, nodeArr);
-  }
-  throw new Error(`Tried to convert node to Text Asset, but no Component was supplied.`);
-}
-function normalizeToCollection(options) {
-  const { node, CollectionComp } = options;
-  if (React.Children.count(node) > 1 && React.Children.toArray(node).every((n) => typeof n !== "string")) {
-    if (!CollectionComp) {
-      throw new Error(`Tried to convert array to a collection asset, but no Component was given.`);
-    }
-    return /* @__PURE__ */ React.createElement(CollectionComp, null, node);
-  }
-  return normalizeText(__spreadProps$3(__spreadValues$4({}, options), { node }));
-}
-function flattenChildren(children) {
-  const childrenArray = React.Children.toArray(children);
-  return childrenArray.reduce((flatChildren, child) => {
-    if (child.type === React.Fragment) {
-      return flatChildren.concat(flattenChildren(child.props.children));
-    }
-    flatChildren.push(child);
-    return flatChildren;
-  }, []);
-}
-
-var __defProp$3 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const SlotContext = React__default.createContext(void 0);
-const AssetWrapper = React__default.forwardRef((props, ref) => {
-  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ React__default.createElement("obj", {
-    ref
-  }, toJsonProperties(rest), /* @__PURE__ */ React__default.createElement("property", {
-    name: "asset"
-  }, children));
-});
-const GeneratedIDProperty = (props) => {
-  var _a;
-  const currentPrefixId = useGetIdPrefix();
-  return /* @__PURE__ */ React__default.createElement("property", {
-    name: "id"
-  }, (_a = props.id) != null ? _a : currentPrefixId);
-};
-const Asset = React__default.forwardRef((props, ref) => {
-  const _a = props, { id, type, applicability, children } = _a, rest = __objRest(_a, ["id", "type", "applicability", "children"]);
-  const slotContext = React__default.useContext(SlotContext);
-  const localRef = React__default.useRef(null);
-  const Wrapper = (slotContext == null ? void 0 : slotContext.wrapInAsset) ? AssetWrapper : React__default.Fragment;
-  return /* @__PURE__ */ React__default.createElement(Wrapper, __spreadValues$3({
-    ref: (slotContext == null ? void 0 : slotContext.wrapInAsset) ? mergeRefs([ref, localRef]) : void 0
-  }, (slotContext == null ? void 0 : slotContext.wrapInAsset) && (slotContext == null ? void 0 : slotContext.additionalProperties) ? slotContext == null ? void 0 : slotContext.additionalProperties : {}), /* @__PURE__ */ React__default.createElement(OptionalIDSuffixProvider, {
-    wrapperRef: localRef
-  }, /* @__PURE__ */ React__default.createElement(SlotContext.Provider, {
-    value: void 0
-  }, /* @__PURE__ */ React__default.createElement(IDProvider, {
-    id
-  }, /* @__PURE__ */ React__default.createElement("obj", {
-    ref: (slotContext == null ? void 0 : slotContext.wrapInAsset) ? void 0 : mergeRefs([ref, localRef])
-  }, /* @__PURE__ */ React__default.createElement(GeneratedIDProperty, {
-    id
-  }), /* @__PURE__ */ React__default.createElement("property", {
-    name: "type"
-  }, type), applicability !== void 0 && /* @__PURE__ */ React__default.createElement("property", {
-    name: "applicability"
-  }, /* @__PURE__ */ React__default.createElement("value", {
-    value: typeof applicability === "boolean" ? applicability : applicability.toValue()
-  })), toJsonProperties(rest), children)))));
-});
-Asset.defaultProps = {
-  id: void 0,
-  children: void 0
-};
-const View = React__default.forwardRef((props, ref) => {
-  const _a = props, { validation, children } = _a, rest = __objRest(_a, ["validation", "children"]);
-  return /* @__PURE__ */ React__default.createElement(Asset, __spreadValues$3({
-    ref
-  }, rest), validation && /* @__PURE__ */ React__default.createElement("property", {
-    key: "validation",
-    name: "validation"
-  }, toJsonElement(validation, "validation", {
-    propertiesToSkip: ["ref"]
-  })), children);
-});
-View.defaultProps = {
-  id: void 0,
-  children: void 0
-};
-const Slot = (props) => {
-  var _a, _b;
-  const { TextComp, CollectionComp } = props;
-  const children = flattenChildren(props.children);
-  const propRef = React__default.useRef(null);
-  return /* @__PURE__ */ React__default.createElement("property", {
-    ref: propRef,
-    name: props.name
-  }, /* @__PURE__ */ React__default.createElement(IDSuffixProvider, {
-    suffix: props.name
-  }, /* @__PURE__ */ React__default.createElement(IndexSuffixStopContext.Provider, {
-    value: false
-  }, /* @__PURE__ */ React__default.createElement(SlotContext.Provider, {
-    value: {
-      ref: propRef,
-      propertyName: props.name,
-      wrapInAsset: (_a = props.wrapInAsset) != null ? _a : false,
-      isArray: (_b = props.isArray) != null ? _b : false,
-      additionalProperties: props.additionalProperties,
-      TextComp,
-      CollectionComp
-    }
-  }, props.isArray && /* @__PURE__ */ React__default.createElement("array", null, React__default.Children.map(children, (child, index) => {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, {
-      key: `${props.name}-${index}`
-    }, normalizeText({ node: child, TextComp }));
-  })), !props.isArray && normalizeToCollection({
-    node: children,
-    TextComp,
-    CollectionComp
-  })))));
-};
-function createSlot(options) {
-  return (props) => {
-    const _a = props, { children } = _a, other = __objRest(_a, ["children"]);
-    return /* @__PURE__ */ React__default.createElement(Slot, __spreadProps$2(__spreadValues$3({}, options), {
-      additionalProperties: other
-    }), children);
-  };
-}
-
-var __defProp$2 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-const SwitchContext = React__default.createContext({});
-const Switch = (props) => {
-  const slotContext = React__default.useContext(SlotContext);
-  const propertyNode = React__default.useRef(null);
-  return /* @__PURE__ */ React__default.createElement("obj", {
-    ref: propertyNode
-  }, /* @__PURE__ */ React__default.createElement(SwitchContext.Provider, {
-    value: __spreadProps$1(__spreadValues$2({}, props), {
-      TextComp: slotContext == null ? void 0 : slotContext.TextComp,
-      CollectionComp: slotContext == null ? void 0 : slotContext.CollectionComp
-    })
-  }, /* @__PURE__ */ React__default.createElement(OptionalIDSuffixProvider, {
-    wrapperRef: propertyNode
-  }, /* @__PURE__ */ React__default.createElement("property", {
-    name: props.isDynamic ? "dynamicSwitch" : "staticSwitch"
-  }, /* @__PURE__ */ React__default.createElement(SlotContext.Provider, {
-    value: void 0
-  }, /* @__PURE__ */ React__default.createElement("array", null, props.children))))), (slotContext == null ? void 0 : slotContext.additionalProperties) && toJsonProperties(slotContext.additionalProperties));
-};
-const findParentArray = (node) => {
-  if (node.type === "array") {
-    return node;
-  }
-  if (node.parent) {
-    return findParentArray(node.parent);
-  }
-  throw new Error("can't find parent array");
-};
-const findArrayIndex = (node) => {
-  const parentArray = findParentArray(node);
-  const allSearch = flattenNodes(parentArray.children);
-  return allSearch.indexOf(node);
-};
-const Case = (props) => {
-  const slotContext = React__default.useContext(SlotContext);
-  const switchContext = React__default.useContext(SwitchContext);
-  const [caseIndex, setCaseIndex] = React__default.useState(-1);
-  const caseNode = React__default.useRef(null);
-  React__default.useLayoutEffect(() => {
-    if (caseNode.current) {
-      const index = findArrayIndex(caseNode.current);
-      if (index !== caseIndex) {
-        setCaseIndex(index);
-      }
-    }
-  }, [caseIndex]);
-  let expValue = true;
-  if (props.exp !== void 0) {
-    expValue = isTemplateStringInstance(props.exp) ? props.exp.toValue() : props.exp;
-  }
-  return /* @__PURE__ */ React__default.createElement("obj", {
-    ref: caseNode
-  }, /* @__PURE__ */ React__default.createElement("property", {
-    name: "case"
-  }, /* @__PURE__ */ React__default.createElement("value", {
-    value: expValue
-  })), /* @__PURE__ */ React__default.createElement(IDSuffixProvider, {
-    suffix: `${switchContext.isDynamic ? "dynamicSwitch" : "staticSwitch"}-${caseIndex}`
-  }, /* @__PURE__ */ React__default.createElement(SlotContext.Provider, {
-    value: slotContext ? __spreadProps$1(__spreadValues$2({}, slotContext), { wrapInAsset: false }) : void 0
-  }, /* @__PURE__ */ React__default.createElement("property", {
-    name: "asset"
-  }, normalizeToCollection({
-    node: props.children,
-    TextComp: switchContext == null ? void 0 : switchContext.TextComp,
-    CollectionComp: switchContext == null ? void 0 : switchContext.CollectionComp
-  })))));
-};
-Switch.Case = Case;
-
-const TemplateContext = React__default.createContext({
-  depth: 0
-});
-function addTemplateToObject(obj, templateObj, templateParentNodeType) {
-  var _a;
-  let templateProp = obj.properties.find((p) => {
-    var _a2;
-    return p.keyNode.value === "template" && ((_a2 = p.valueNode) == null ? void 0 : _a2.type) === "array";
-  });
-  if (!templateProp) {
-    templateProp = new PropertyNode(new ValueNode("template"), new ArrayNode());
-    templateProp.parent = obj;
-    obj.properties.push(templateProp);
-  }
-  const templateItems = templateProp.valueNode;
-  templateItems.items.push(templateObj);
-  templateObj.parent = templateItems;
-  const templateParentProp = obj.properties.find((p) => {
-    var _a2;
-    return p.keyNode.value === templateParentNodeType && ((_a2 = p.valueNode) == null ? void 0 : _a2.type) === "array";
-  });
-  if (templateParentProp) {
-    const indexOfTemplateParent = obj.properties.indexOf(templateParentProp, 1);
-    const templateParentValueNode = (_a = obj.properties[indexOfTemplateParent]) == null ? void 0 : _a.valueNode;
-    if (templateParentValueNode) {
-      const templateParentArray = toJSON(templateParentValueNode);
-      if (Array.isArray(templateParentArray) && templateParentArray.length === 0) {
-        obj.properties.splice(indexOfTemplateParent, 1);
-      }
-    }
-  }
-  return () => {
-    templateItems.items = templateItems.items.filter((t) => t !== templateObj);
-    if (templateItems.children.length === 0 && templateProp) {
-      obj.properties.splice(obj.properties.indexOf(templateProp, 1));
-    }
-  };
-}
-const TemplateProvider = (props) => {
-  const baseContext = React__default.useContext(TemplateContext);
-  return /* @__PURE__ */ React__default.createElement(TemplateContext.Provider, {
-    value: { depth: baseContext.depth + 1 }
-  }, props.children);
-};
-const getParentObject = (node) => {
-  if (node.type === "object") {
-    return node;
-  }
-  if (node.parent) {
-    return getParentObject(node.parent);
-  }
-};
-const getParentProperty = (node) => {
-  if (node.type === "property") {
-    return node;
-  }
-  if (node.parent) {
-    return getParentProperty(node.parent);
-  }
-};
-const Template = (props) => {
-  var _a;
-  const baseContext = React__default.useContext(TemplateContext);
-  const dynamicProp = (_a = props.dynamic) != null ? _a : false;
-  const [outputProp, setOutputProp] = React__default.useState(props.output);
-  const proxyRef = React__default.useRef(null);
-  const valueRef = React__default.useRef(null);
-  const outputElement = React__default.useMemo(() => new ProxyNode(), []);
-  React__default.useLayoutEffect(() => {
-    const propNode = proxyRef.current && getParentProperty(proxyRef.current);
-    if (outputProp === void 0 && propNode) {
-      setOutputProp(propNode.keyNode.value);
-    }
-  }, [proxyRef, outputProp]);
-  React__default.useEffect(() => {
-    const templateObj = outputElement.items[0];
-    if (proxyRef.current) {
-      const parentObject = getParentObject(proxyRef.current);
-      if (!parentObject) {
-        throw new Error("Unable to find parent to add template to");
-      }
-      if (!outputProp) {
-        return;
-      }
-      return addTemplateToObject(parentObject, templateObj, outputProp);
-    }
-  }, [proxyRef, outputProp, outputElement.items]);
-  return /* @__PURE__ */ React__default.createElement("proxy", {
-    ref: proxyRef
-  }, createPortal(/* @__PURE__ */ React__default.createElement(OptionalIDSuffixProvider, {
-    wrapperRef: valueRef,
-    templateIndex: `_index${baseContext.depth === 0 ? "" : baseContext.depth}_`
-  }, /* @__PURE__ */ React__default.createElement(TemplateProvider, null, /* @__PURE__ */ React__default.createElement("object", null, /* @__PURE__ */ React__default.createElement("property", {
-    name: "data"
-  }, props.data.toValue()), /* @__PURE__ */ React__default.createElement("property", {
-    name: "output"
-  }, outputProp), /* @__PURE__ */ React__default.createElement("property", {
-    name: "value"
-  }, props.children), dynamicProp && /* @__PURE__ */ React__default.createElement("property", {
-    name: "dynamic"
-  }, toJsonElement(dynamicProp))))), outputElement), /* @__PURE__ */ React__default.createElement("value", {
-    ref: valueRef,
-    value: void 0
-  }));
-};
-
-var __defProp$1 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp$1.call(b2, prop))
-      __defNormalProp$1(a, prop, b2[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b2)) {
-      if (__propIsEnum$1.call(b2, prop))
-        __defNormalProp$1(a, prop, b2[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
-const bindingSymbol = Symbol("binding");
-const SchemaTypeName = Symbol("Schema Rename");
-const isTypeDef = (property) => {
-  return property.type !== void 0;
-};
-class SchemaGenerator {
-  constructor(logger) {
-    this.hooks = {
-      createSchemaNode: new SyncWaterfallHook()
-    };
-    this.toSchema = (schema) => {
-      const newSchema = {
-        ROOT: {}
-      };
-      this.children = [];
-      this.generatedDataTypes.clear();
-      Object.keys(schema).forEach((property) => {
-        const subType = schema[property];
-        newSchema.ROOT[property] = this.hooks.createSchemaNode.call(this.processChild(property, subType), subType);
-      });
-      while (this.children.length > 0) {
-        const c = this.children.pop();
-        if (c === void 0) {
-          break;
-        }
-        const { name, child } = c;
-        const typeDef = {};
-        Object.keys(child).forEach((property) => {
-          const subType = child[property];
-          typeDef[property] = this.hooks.createSchemaNode.call(this.processChild(property, subType), subType);
-        });
-        newSchema[name] = typeDef;
-      }
-      return newSchema;
-    };
-    this.makePlaceholderType = (typeName) => {
-      return {
-        type: `${typeName}Type`
-      };
-    };
-    this.children = [];
-    this.generatedDataTypes = new Map();
-    this.logger = logger != null ? logger : console;
-  }
-  processChild(property, subType) {
-    var _a, _b, _c;
-    if (isTypeDef(subType)) {
-      return subType;
-    }
-    let intermediateType;
-    if (Array.isArray(subType)) {
-      if (subType.length > 1) {
-        this.logger.warn(`Type ${property} has multiple types in array, should only contain one top level object type. Only taking first defined type`);
-      }
-      const subTypeName = (_a = subType[0][SchemaTypeName]) != null ? _a : property;
-      intermediateType = this.makePlaceholderArrayType(subTypeName);
-      this.children.push({ name: intermediateType.type, child: subType[0] });
-    } else {
-      const subTypeName = (_b = subType[SchemaTypeName]) != null ? _b : property;
-      intermediateType = this.makePlaceholderType(subTypeName);
-      this.children.push({ name: intermediateType.type, child: subType });
-    }
-    if (this.generatedDataTypes.has(intermediateType.type)) {
-      const generatedType = this.generatedDataTypes.get(intermediateType.type);
-      if (!dequal(subType, (_c = this.generatedDataTypes.get(intermediateType.type)) == null ? void 0 : _c.node)) {
-        generatedType.count += 1;
-        const newIntermediateType = __spreadProps(__spreadValues$1({}, intermediateType), {
-          type: `${intermediateType.type}${generatedType.count}`
-        });
-        this.logger.warn(`WARNING: Generated two intermediate types with the name: ${intermediateType.type} that are of different shapes, using artificial type ${newIntermediateType.type}`);
-        intermediateType = newIntermediateType;
-        this.children.pop();
-        this.children.push({ name: intermediateType.type, child: subType });
-      }
-    }
-    this.generatedDataTypes.set(intermediateType.type, {
-      node: subType,
-      count: 1
-    });
-    return intermediateType;
-  }
-  makePlaceholderArrayType(typeName) {
-    return {
-      type: `${typeName}Type`,
-      isArray: true
-    };
-  }
-}
-function makeBindingsForObject(obj, arrayAccessorKeys = ["_index_"]) {
-  const accessor = (paths) => {
-    const bindingMap = new WeakMap();
-    return {
-      ownKeys(target) {
-        return Reflect.ownKeys(target);
-      },
-      get(target, key) {
-        const bindingKeys = Object.keys(target);
-        if (Array.isArray(target[key]) && target[key].length > 0 && target[key].every((it) => typeof it !== "object")) {
-          return [...target[key]];
-        }
-        if (!bindingMap.has(target)) {
-          bindingMap.set(target, binding`${paths.join(".")}`);
-        }
-        if (key === bindingSymbol) {
-          return paths;
-        }
-        if (Array.isArray(target) && (arrayAccessorKeys.includes(key) || typeof key === "number")) {
-          return new Proxy(target[0], accessor(paths.concat([key])));
-        }
-        if (bindingKeys.includes(key) && typeof target[key] === "object") {
-          return new Proxy(target[key], accessor(paths.concat([key])));
-        }
-        const createdInstance = bindingMap.get(target);
-        return createdInstance == null ? void 0 : createdInstance[key];
-      }
-    };
-  };
-  return new Proxy(obj, accessor([]));
-}
-const getBindingFromObject = (obj) => {
-  const baseBindings = obj[bindingSymbol];
-  if (!Array.isArray(baseBindings) || baseBindings.length === 0) {
-    throw new Error(`Unable to get binding for ${obj}`);
-  }
-  return binding`${baseBindings.join(".")}`;
-};
-const getBindingStringFromObject = (obj) => {
-  return getBindingFromObject(obj).toString();
-};
-const getRefStringFromObject = (obj) => {
-  return getBindingFromObject(obj).toRefString();
-};
-
-const fingerprintContent = (content, filename) => {
-  if (content !== null || content !== void 0) {
-    if (React__default.isValidElement(content)) {
-      return "view";
-    }
-    if (typeof content === "object" && "navigation" in content) {
-      return "flow";
-    }
-    if (!filename || filename.includes("schema")) {
-      return "schema";
-    }
-  }
-};
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-const parseNavigationExpressions = (nav) => {
-  function replaceExpWithStr(obj) {
-    function convExp(value) {
-      return value && typeof value === "object" && value.__type === "expression" ? value.toValue() : replaceExpWithStr(value);
-    }
-    if (Array.isArray(obj)) {
-      return obj.map(convExp);
-    }
-    if (typeof obj === "object") {
-      return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, convExp(value)]));
-    }
-    return obj;
-  }
-  return replaceExpWithStr(nav);
-};
-const mergeSourceMaps = (sourceMaps, generated) => {
-  const generator = new SourceMapGenerator();
-  sourceMaps.forEach(({ sourceMap, offsetIndexSearch, source }) => {
-    const generatedLineOffset = generated.split("\n").findIndex((line) => line.includes(offsetIndexSearch));
-    const sourceLineOffset = source.split("\n").findIndex((line) => line.includes(offsetIndexSearch));
-    const lineOffset = generatedLineOffset - sourceLineOffset;
-    const generatedLine = generated.split("\n")[generatedLineOffset];
-    const sourceLine = source.split("\n")[sourceLineOffset];
-    const generatedColumn = generatedLine.indexOf(offsetIndexSearch);
-    const sourceColumn = sourceLine.indexOf(offsetIndexSearch);
-    const columnOffset = generatedColumn - sourceColumn;
-    const consumer = new SourceMapConsumer(JSON.parse(sourceMap));
-    consumer.eachMapping((mapping) => {
-      generator.addMapping({
-        generated: {
-          line: mapping.generatedLine + lineOffset,
-          column: mapping.generatedColumn + columnOffset
-        },
-        original: {
-          line: mapping.originalLine,
-          column: mapping.originalColumn
-        },
-        source: mapping.source
-      });
-    });
-  });
-  return generator.toString();
-};
-class DSLCompiler {
-  constructor(logger) {
-    this.hooks = {
-      schemaGenerator: new SyncHook(),
-      preProcessFlow: new AsyncSeriesWaterfallHook(),
-      postProcessFlow: new AsyncSeriesWaterfallHook(),
-      onEnd: new AsyncSeriesHook()
-    };
-    this.logger = logger != null ? logger : console;
-  }
-  serialize(value, context) {
-    return __async(this, null, function* () {
-      var _a, _b;
-      if (typeof value !== "object" || value === null) {
-        throw new Error("Unable to serialize non-object");
-      }
-      const type = (context == null ? void 0 : context.type) ? context.type : fingerprintContent(value);
-      const schemaGenerator = new SchemaGenerator(this.logger);
-      this.hooks.schemaGenerator.call(schemaGenerator);
-      if (type === "view") {
-        const { jsonValue, sourceMap } = yield render(value, {
-          collectSourceMap: true
-        });
-        return {
-          value: jsonValue,
-          sourceMap
-        };
-      }
-      if (type === "flow") {
-        const allSourceMaps = [];
-        const copiedValue = __spreadValues({}, value);
-        copiedValue.views = yield Promise.all((_b = (_a = copiedValue == null ? void 0 : copiedValue.views) == null ? void 0 : _a.map((node) => __async(this, null, function* () {
-          if (React__default.isValidElement(node)) {
-            const { jsonValue, sourceMap, stringValue } = yield render(node, {
-              collectSourceMap: true
-            });
-            if (sourceMap) {
-              const searchIdLine = stringValue.split("\n").find((line) => line.includes(`"id": "${jsonValue.id}"`));
-              if (searchIdLine) {
-                allSourceMaps.push({
-                  sourceMap,
-                  offsetIndexSearch: searchIdLine,
-                  source: stringValue
-                });
-              }
-            }
-            return jsonValue;
-          }
-          return node;
-        }))) != null ? _b : []);
-        if ("navigation" in value) {
-          Object.entries(value.navigation).forEach(([navKey, node]) => {
-            if (typeof node === "object") {
-              Object.entries(node).forEach(([nodeKey, flowNode]) => {
-                var _a2, _b2, _c, _d;
-                if (flowNode && typeof flowNode === "object" && "state_type" in flowNode && flowNode.state_type === "VIEW" && React__default.isValidElement(flowNode.ref)) {
-                  const actualViewIndex = (_b2 = (_a2 = value.views) == null ? void 0 : _a2.indexOf) == null ? void 0 : _b2.call(_a2, flowNode.ref);
-                  if (actualViewIndex !== void 0 && actualViewIndex > -1) {
-                    const actualId = (_d = (_c = copiedValue.views) == null ? void 0 : _c[actualViewIndex]) == null ? void 0 : _d.id;
-                    copiedValue.navigation[navKey][nodeKey].ref = actualId;
-                  }
-                }
-              });
-            }
-          });
-          if ("schema" in copiedValue) {
-            copiedValue.schema = schemaGenerator.toSchema(copiedValue.schema);
-          }
-          copiedValue.navigation = parseNavigationExpressions(copiedValue.navigation);
-        }
-        if (value) {
-          const postProcessFlow = yield this.hooks.postProcessFlow.call(copiedValue);
-          return {
-            value: postProcessFlow,
-            sourceMap: mergeSourceMaps(allSourceMaps, JSON.stringify(copiedValue, null, 2))
-          };
-        }
-      }
-      if (type === "schema") {
-        return {
-          value: schemaGenerator.toSchema(value)
-        };
-      }
-      throw Error("DSL Compiler Error: Unable to determine type to compile as");
-    });
-  }
-}
-
-const DefaultCompilerContentTypes = ["view", "flow", "schema"];
-function isDefaultCompilerContentType(t) {
-  return DefaultCompilerContentTypes.includes(t);
-}
-
-export { Asset, AssetWrapper, DSLCompiler, GeneratedIDProperty, IDProvider, IDSuffixIndexProvider, IDSuffixProvider, IndexSuffixStopContext, OptionalIDSuffixProvider, SchemaGenerator, SchemaTypeName, Slot, SlotContext, Switch, Template, TemplateContext, TemplateStringComponent, View, binding, createSlot, expression, fingerprintContent, flattenChildren, getBindingFromObject, getBindingStringFromObject, getRefStringFromObject, isDefaultCompilerContentType, isTemplateStringInstance, makeBindingsForObject, normalizeText, normalizeToCollection, toArray, toJsonElement, toJsonProperties, useGetIdPrefix, useIndexInSlot };
-//# sourceMappingURL=index.esm.js.map