@pixerate/editor 0.26.1 → 0.27.0

package/dist/canvas/index.cjs

@@ -1,17 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10;
 
 
-var _chunk26BVFKHUcjs = require('../chunk-26BVFKHU.cjs');
 
 
 
 
 
 
+var _chunk4BVP64JJcjs = require('../chunk-4BVP64JJ.cjs');
 
 
 
-var _chunk4BVP64JJcjs = require('../chunk-4BVP64JJ.cjs');
 
 
 
@@ -23,10 +22,11 @@ var _chunk4BVP64JJcjs = require('../chunk-4BVP64JJ.cjs');
 
 
 
+var _chunkWADCJ7A7cjs = require('../chunk-WADCJ7A7.cjs');
 
 
 
-var _chunkWADCJ7A7cjs = require('../chunk-WADCJ7A7.cjs');
+var _chunk26BVFKHUcjs = require('../chunk-26BVFKHU.cjs');
 
 // src/canvas/clock.ts
 var pageHidden = () => typeof document !== "undefined" && document.hidden;
@@ -11382,6 +11382,289 @@ function restoreCanvasMainComponent(nodes, id, options = {}) {
   for (const nn of nested) after = rebaseInstance(after, nn, options.tokens);
   return done(nodes, after, [compId], options);
 }
+var VARIANT_GAP = 20;
+var variantKey = (values) => formatVariantName(values);
+function variantNameProblem(kind, s) {
+  const label = kind === "property" ? "Variant property names" : "Variant values";
+  if (!s) return `${label} must not be empty.`;
+  if (/[,=]/.test(s)) return `${label} can't contain "," or "=".`;
+  return void 0;
+}
+function cleanVariantPairs(pairs) {
+  const out = {};
+  for (const [rawKey, rawValue] of Object.entries(pairs)) {
+    if (typeof rawValue !== "string") return `"${rawKey}" takes a text value.`;
+    const k = rawKey.trim();
+    const v = rawValue.trim();
+    const problem = _nullishCoalesce(variantNameProblem("property", k), () => ( variantNameProblem("value", v)));
+    if (problem) return problem;
+    out[k] = v;
+  }
+  return out;
+}
+function variantOrder(ids, values) {
+  const order = [];
+  for (const id of ids) for (const k of Object.keys(_nullishCoalesce(values.get(id), () => ( {})))) if (!order.includes(k)) order.push(k);
+  return order;
+}
+function withVariantValues(node, values, order) {
+  const name = formatVariantName(values, order);
+  const data = { ...dataOf(node), [COMPONENT_DATA_KEY]: { ..._nullishCoalesce(getComponentData(node), () => ( {})), variant: values }, label: name };
+  if (typeof data.name === "string" && data.name.includes("=")) data.name = name;
+  return same(dataOf(node), data) ? node : withData(node, data);
+}
+function closestVariant(list, wanted) {
+  const entries = Object.entries(wanted);
+  let best;
+  const better = (a, b) => {
+    for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return a[i] > b[i];
+    return false;
+  };
+  for (const v of list) {
+    const values = getVariantValues(v);
+    const matches2 = entries.map(([k, val]) => values[k] === val ? 1 : 0);
+    const score = [matches2.reduce((a, b) => a + b, 0), ...matches2];
+    if (!best || better(score, best.score)) best = { score, id: v.id };
+  }
+  return _optionalChain([best, 'optionalAccess', _320 => _320.id]);
+}
+function variantEditIn(g, setId) {
+  const set = g.get(setId);
+  if (!isCanvasComponentSet(set)) return { code: "not-found", reason: "Choose a component set." };
+  if (owningInstanceIn(g, setId)) return { code: "inside-instance", reason: "A component set inside an instance can't be edited: edit its main." };
+  const variants = variantsIn(g, setId);
+  return { set, variants, values: new Map(variants.map((v) => [v.id, getVariantValues(v)])) };
+}
+function addMissingProperties(edit, pairs, defaultValue) {
+  const known = /* @__PURE__ */ new Set();
+  for (const v of edit.values.values()) for (const k of Object.keys(v)) known.add(k);
+  const added = Object.keys(pairs).filter((k) => !known.has(k));
+  if (added.length === 0) return void 0;
+  const problem = variantNameProblem("value", defaultValue);
+  if (problem) return problem;
+  const defs = _optionalChain([dataOf, 'call', _321 => _321(edit.set), 'access', _322 => _322[COMPONENT_SET_DATA_KEY], 'optionalAccess', _323 => _323.properties]);
+  const clash = isRecord(defs) ? added.find((k) => k in defs) : void 0;
+  if (clash) return `"${clash}" is a component property.`;
+  for (const [id, v] of edit.values) {
+    const next = { ...v };
+    for (const k of added) next[k] = defaultValue;
+    edit.values.set(id, next);
+  }
+  return void 0;
+}
+function duplicateAmong(values, ids) {
+  for (const id of ids) {
+    const key = variantKey(values.get(id));
+    for (const [other, v] of values) {
+      if (other !== id && variantKey(v) === key) return formatVariantName(values.get(id), variantOrder([...values.keys()], values));
+    }
+  }
+  return void 0;
+}
+function writeVariantEdit(edit, extra = []) {
+  const order = variantOrder([...edit.variants.map((v) => v.id), ...extra], edit.values);
+  const updates = /* @__PURE__ */ new Map();
+  for (const v of edit.variants) {
+    const next = withVariantValues(v, edit.values.get(v.id), order);
+    if (next !== v) updates.set(v.id, next);
+  }
+  return updates;
+}
+function nextVariantValuesIn(g, setId, fromId) {
+  const variants = variantsIn(g, setId);
+  const base = getVariantValues(g.get(fromId));
+  const first = variantOptionsIn(g, setId)[0];
+  const prop = _nullishCoalesce(_optionalChain([first, 'optionalAccess', _324 => _324.name]), () => ( "Property 1"));
+  const used = new Set(variants.map((v) => variantKey(getVariantValues(v))));
+  for (let k = variants.length + 1; ; k++) {
+    const values = { ...base, [prop]: `Variant${k}` };
+    if (!_optionalChain([first, 'optionalAccess', _325 => _325.values, 'access', _326 => _326.includes, 'call', _327 => _327(`Variant${k}`)]) && !used.has(variantKey(values))) return values;
+  }
+}
+function getNextVariantValues(nodes, setId, from) {
+  const g = new Graph(nodes);
+  return nextVariantValuesIn(g, setId, _nullishCoalesce(from, () => ( defaultVariantIn(g, setId))));
+}
+function relayoutSet(nodes, setId, options) {
+  if (options.layout === false || !getAutoLayout(nodes.find((n) => n.id === setId))) return nodes;
+  return applyNodeUpdates(nodes, layoutUpMany(nodes, [setId], typeof options.layout === "object" ? options.layout : {}));
+}
+function addCanvasVariant(nodes, setId, options = {}) {
+  const g = new Graph(nodes);
+  const edit = variantEditIn(g, setId);
+  if (!("set" in edit)) return fail(nodes, edit.code, edit.reason);
+  if (edit.variants.length === 0) return fail(nodes, "invalid", "The set has no variant to duplicate.");
+  const fromId = _nullishCoalesce(options.from, () => ( defaultVariantIn(g, setId)));
+  const source = edit.variants.find((v) => v.id === fromId);
+  if (!source) return fail(nodes, "not-found", `"${fromId}" is not a variant of this set.`);
+  const wanted = cleanVariantPairs(_nullishCoalesce(options.variant, () => ( nextVariantValuesIn(g, setId, fromId))));
+  if (typeof wanted === "string") return fail(nodes, "invalid", wanted);
+  const problem = addMissingProperties(edit, wanted, (_nullishCoalesce(options.defaultValue, () => ( "Default"))).trim());
+  if (problem) return fail(nodes, "invalid", problem);
+  const id = _nullishCoalesce(options.id, () => ( uniqueId(`${setId}-variant`, g.byId)));
+  if (g.get(id)) return fail(nodes, "invalid", `Id "${id}" is taken.`);
+  edit.values.set(id, { ...edit.values.get(fromId), ...wanted });
+  const dup = duplicateAmong(edit.values, [id]);
+  if (dup) return fail(nodes, "invalid", `A variant with ${dup} exists already.`);
+  const autoLayout = !!getAutoLayout(edit.set);
+  const { width, height } = getNodeSize(source);
+  let position = options.position ? { ...options.position } : { ...source.position };
+  if (!options.position && !autoLayout) {
+    const rects = edit.variants.map((v) => ({ ...v.position, ...getNodeSize(v) }));
+    position = { x: source.position.x + width + VARIANT_GAP, y: source.position.y };
+    for (let k = 0; k <= rects.length; k++) {
+      const hit = rects.find((r) => position.x < r.x + r.width && r.x < position.x + width && position.y < r.y + r.height && r.y < position.y + height);
+      if (!hit) break;
+      position = { x: hit.x + hit.width + VARIANT_GAP, y: position.y };
+    }
+  }
+  const taken = new Set(g.byId.keys());
+  taken.add(id);
+  const map = /* @__PURE__ */ new Map([[fromId, id]]);
+  const sub3 = g.subtree(fromId);
+  for (const d of sub3) {
+    if (d === fromId) continue;
+    const nid = uniqueId(`${id}-${d}`, taken);
+    taken.add(nid);
+    map.set(d, nid);
+  }
+  const order = variantOrder([...edit.variants.map((v) => v.id), id], edit.values);
+  const subSet = new Set(sub3);
+  const copies = nodes.filter((n) => subSet.has(n.id)).map((n) => {
+    const next = { ...n, id: map.get(n.id) };
+    if (n.parentId !== void 0 && n.id !== fromId) next.parentId = _nullishCoalesce(map.get(n.parentId), () => ( n.parentId));
+    for (const k of RUNTIME_KEYS) delete next[k];
+    if (n.id !== fromId) return next;
+    next.position = position;
+    return withVariantValues(next, edit.values.get(id), order);
+  });
+  const updates = writeVariantEdit(edit, [id]);
+  const inSet = new Set(g.subtree(setId));
+  let last = -1;
+  nodes.forEach((n, i) => {
+    if (inSet.has(n.id)) last = i;
+  });
+  let after = [];
+  nodes.forEach((n, i) => {
+    after.push(_nullishCoalesce(updates.get(n.id), () => ( n)));
+    if (i === last) after.push(...copies);
+  });
+  if (autoLayout && !options.position) after = relayoutSet(after, setId, options);
+  else {
+    const size = getNodeSize(edit.set);
+    const w = Math.max(size.width, position.x + width + VARIANT_GAP);
+    const h = Math.max(size.height, position.y + height + VARIANT_GAP);
+    if (w !== size.width || h !== size.height) after = applyNodeUpdates(after, [{ id: setId, width: w, height: h }]);
+  }
+  return done(nodes, after, [id], options);
+}
+function removeCanvasVariant(nodes, variantId, options = {}) {
+  const g = new Graph(nodes);
+  const set = variantSetIn(g, variantId);
+  if (!set) return fail(nodes, "not-found", "Choose a variant of a component set.");
+  if (owningInstanceIn(g, set.id)) return fail(nodes, "inside-instance", "A component set inside an instance can't be edited: edit its main.");
+  const others = variantsIn(g, set.id).filter((v) => v.id !== variantId);
+  if (others.length === 0) return fail(nodes, "invalid", "A component set needs at least one variant: delete the set instead.");
+  const replacement = closestVariant(others, getVariantValues(g.get(variantId)));
+  const swap = (v) => v === variantId ? replacement : v;
+  const repointed = nodes.map((n) => {
+    const data = dataOf(n);
+    let next;
+    const inst = getInstanceData(n);
+    if (inst) {
+      const moved = { ...inst, componentId: swap(inst.componentId) };
+      if (inst.properties) moved.properties = Object.fromEntries(Object.entries(inst.properties).map(([k, v]) => [k, swap(v)]));
+      if (!same(moved, inst)) next = { ...data, [INSTANCE_DATA_KEY]: moved };
+    }
+    for (const key of [COMPONENT_DATA_KEY, COMPONENT_SET_DATA_KEY]) {
+      const owner = data[key];
+      if (!isRecord(owner) || !isRecord(owner.properties)) continue;
+      const defs = {};
+      for (const [k, def] of Object.entries(owner.properties)) {
+        defs[k] = def.type === "instanceSwap" ? { ...def, default: swap(def.default), ...def.preferred ? { preferred: [...new Set(def.preferred.map(swap))] } : {} } : def;
+      }
+      if (!same(defs, owner.properties)) next = { ..._nullishCoalesce(next, () => ( data)), [key]: { ...owner, properties: defs } };
+    }
+    return next ? withData(n, next) : n;
+  });
+  const mid = syncCanvasComponents(nodes, repointed, options);
+  const gone = new Set(new Graph(mid).subtree(variantId));
+  const after = relayoutSet(
+    mid.filter((n) => !gone.has(n.id)),
+    set.id,
+    options
+  );
+  return { ok: true, nodes: syncCanvasComponents(mid, after, options), ids: [replacement] };
+}
+function setCanvasVariantProperties(nodes, variantId, values, options = {}) {
+  const g = new Graph(nodes);
+  const set = variantSetIn(g, variantId);
+  if (!set) return fail(nodes, "not-found", "Choose a variant of a component set.");
+  const edit = variantEditIn(g, set.id);
+  if (!("set" in edit)) return fail(nodes, edit.code, edit.reason);
+  const wanted = cleanVariantPairs(values);
+  if (typeof wanted === "string") return fail(nodes, "invalid", wanted);
+  const problem = addMissingProperties(edit, wanted, (_nullishCoalesce(options.defaultValue, () => ( "Default"))).trim());
+  if (problem) return fail(nodes, "invalid", problem);
+  edit.values.set(variantId, { ...edit.values.get(variantId), ...wanted });
+  const dup = duplicateAmong(edit.values, [variantId]);
+  if (dup) return fail(nodes, "invalid", `A variant with ${dup} exists already.`);
+  const updates = writeVariantEdit(edit);
+  if (updates.size === 0) return { ok: true, nodes, ids: [variantId] };
+  return done(nodes, nodes.map((n) => _nullishCoalesce(updates.get(n.id), () => ( n))), [variantId], options);
+}
+function updateInstanceValues(g, setId, updates, fn) {
+  const ids = new Set(variantsIn(g, setId).map((v) => v.id));
+  for (const n of g.nodes) {
+    const inst = getInstanceData(n);
+    if (!_optionalChain([inst, 'optionalAccess', _328 => _328.properties]) || !ids.has(inst.componentId)) continue;
+    const props = fn({ ...inst.properties });
+    if (same(props, inst.properties)) continue;
+    const cur = _nullishCoalesce(updates.get(n.id), () => ( n));
+    updates.set(n.id, withData(cur, { ...dataOf(cur), [INSTANCE_DATA_KEY]: { ...inst, properties: props } }));
+  }
+}
+function renameCanvasVariantProperty(nodes, setId, name, newName, options = {}) {
+  const g = new Graph(nodes);
+  const edit = variantEditIn(g, setId);
+  if (!("set" in edit)) return fail(nodes, edit.code, edit.reason);
+  const known = variantOptionsIn(g, setId);
+  if (!known.some((o) => o.name === name)) return fail(nodes, "unknown-property", `Unknown variant property "${name}".`);
+  const to = newName.trim();
+  const problem = variantNameProblem("property", to);
+  if (problem) return fail(nodes, "invalid", problem);
+  if (to === name) return { ok: true, nodes, ids: [setId] };
+  if (known.some((o) => o.name === to)) return fail(nodes, "invalid", `"${to}" exists already.`);
+  if (to in propertyDefsIn(g, edit.variants[0].id)) return fail(nodes, "invalid", `"${to}" is a component property.`);
+  const rename = (v) => Object.fromEntries(Object.entries(v).map(([k, val]) => [k === name ? to : k, val]));
+  for (const [id, v] of edit.values) edit.values.set(id, rename(v));
+  const updates = writeVariantEdit(edit);
+  updateInstanceValues(g, setId, updates, (props) => name in props ? rename(props) : props);
+  return done(nodes, nodes.map((n) => _nullishCoalesce(updates.get(n.id), () => ( n))), [setId], options);
+}
+function renameCanvasVariantValue(nodes, setId, property, value, newValue, options = {}) {
+  const g = new Graph(nodes);
+  const edit = variantEditIn(g, setId);
+  if (!("set" in edit)) return fail(nodes, edit.code, edit.reason);
+  const option = variantOptionsIn(g, setId).find((o) => o.name === property);
+  if (!option) return fail(nodes, "unknown-property", `Unknown variant property "${property}".`);
+  if (!option.values.includes(value)) return fail(nodes, "invalid", `"${property}" has no value "${value}".`);
+  const to = newValue.trim();
+  const problem = variantNameProblem("value", to);
+  if (problem) return fail(nodes, "invalid", problem);
+  if (to === value) return { ok: true, nodes, ids: [setId] };
+  const touched = [];
+  for (const [id, v] of edit.values) {
+    if (v[property] !== value) continue;
+    edit.values.set(id, { ...v, [property]: to });
+    touched.push(id);
+  }
+  const dup = duplicateAmong(edit.values, touched);
+  if (dup) return fail(nodes, "invalid", `A variant with ${dup} exists already.`);
+  const updates = writeVariantEdit(edit);
+  updateInstanceValues(g, setId, updates, (props) => props[property] === value ? { ...props, [property]: to } : props);
+  return done(nodes, nodes.map((n) => _nullishCoalesce(updates.get(n.id), () => ( n))), [setId], options);
+}
 
 // src/canvas/componentsController.ts
 function makePatch(from, to) {
@@ -11418,7 +11701,7 @@ function createCanvasComponentsController(options) {
     layout: options.layout,
     tokens: options.tokens
   });
-  const selection = (ids) => ids ? [...ids] : _nullishCoalesce(_optionalChain([options, 'access', _320 => _320.getSelectedIds, 'optionalCall', _321 => _321()]), () => ( options.getNodes().filter((n) => n.selected).map((n) => n.id)));
+  const selection = (ids) => ids ? [...ids] : _nullishCoalesce(_optionalChain([options, 'access', _329 => _329.getSelectedIds, 'optionalCall', _330 => _330()]), () => ( options.getNodes().filter((n) => n.selected).map((n) => n.id)));
   const target = (id) => _nullishCoalesce(id, () => ( selection()[0]));
   function set(next) {
     synced = next;
@@ -11449,6 +11732,24 @@ function createCanvasComponentsController(options) {
   }
   const reason = (result) => result.ok ? true : result.reason;
   const nodes = () => options.getNodes();
+  const refused = (why) => ({ ok: false, nodes: nodes(), code: "not-found", reason: why });
+  const setOf = (id) => {
+    const at = target(id);
+    const node = at ? nodes().find((n) => n.id === at) : void 0;
+    if (!node) return void 0;
+    return isCanvasComponentSet(node) ? node.id : getVariantSet(nodes(), node.id);
+  };
+  const variantOf = (id) => {
+    const at = target(id);
+    return at && getVariantSet(nodes(), at) ? at : void 0;
+  };
+  const NO_SET = "Select a component set or one of its variants.";
+  const NO_VARIANT = "Select a variant of a component set.";
+  const addOptions = (setId, addOptions_) => {
+    if (addOptions_.from !== void 0 || setId !== void 0) return addOptions_;
+    const v = variantOf();
+    return v ? { ...addOptions_, from: v } : addOptions_;
+  };
   const controller = {
     sync,
     /** Rebuilds every instance from its main (e.g. after loading), not recorded in history. */
@@ -11563,6 +11864,63 @@ function createCanvasComponentsController(options) {
         (n) => setCanvasComponentProperty(n, componentId, name, def, { ...syncOptions(), ...propertyOptions })
       );
     },
+    /**
+     * Adds a variant to a set (default: the selection's set) by duplicating `from` (default:
+     * the selected variant, else the default variant) with the given `variant` values.
+     */
+    addVariant(setId, variantOptions = {}) {
+      const set2 = setOf(setId);
+      if (!set2) return refused(NO_SET);
+      const opts = addOptions(setId, variantOptions);
+      return run("Add Variant", (n) => addCanvasVariant(n, set2, { ...syncOptions(), ...opts }));
+    },
+    canAddVariant(setId, variantOptions = {}) {
+      const set2 = setOf(setId);
+      return set2 ? reason(addCanvasVariant(nodes(), set2, { ...addOptions(setId, variantOptions), layout: false })) : NO_SET;
+    },
+    /** Removes a variant (default: the selected one); its instances switch to the closest variant. */
+    removeVariant(variantId) {
+      const v = variantOf(variantId);
+      if (!v) return refused(NO_VARIANT);
+      return run("Remove Variant", (n) => removeCanvasVariant(n, v, syncOptions()));
+    },
+    canRemoveVariant(variantId) {
+      const v = variantOf(variantId);
+      return v ? reason(removeCanvasVariant(nodes(), v, { layout: false })) : NO_VARIANT;
+    },
+    /** Edits a variant's property values (default: the selected variant). */
+    setVariantProperties(values, variantId, variantOptions = {}) {
+      const v = variantOf(variantId);
+      if (!v) return refused(NO_VARIANT);
+      return run("Edit Variant", (n) => setCanvasVariantProperties(n, v, values, { ...syncOptions(), ...variantOptions }));
+    },
+    canSetVariantProperties(values, variantId) {
+      const v = variantOf(variantId);
+      if (!v) return NO_VARIANT;
+      return values ? reason(setCanvasVariantProperties(nodes(), v, values, { layout: false })) : true;
+    },
+    /** Renames a variant property across a set (default: the selection's set). */
+    renameVariantProperty(name, newName, setId) {
+      const set2 = setOf(setId);
+      if (!set2) return refused(NO_SET);
+      return run("Rename Variant Property", (n) => renameCanvasVariantProperty(n, set2, name, newName, syncOptions()));
+    },
+    canRenameVariantProperty(name, newName, setId) {
+      const set2 = setOf(setId);
+      if (!set2) return NO_SET;
+      return name !== void 0 && newName !== void 0 ? reason(renameCanvasVariantProperty(nodes(), set2, name, newName, { layout: false })) : true;
+    },
+    /** Renames a value of a variant property across a set (default: the selection's set). */
+    renameVariantValue(property, value, newValue, setId) {
+      const set2 = setOf(setId);
+      if (!set2) return refused(NO_SET);
+      return run("Rename Variant Value", (n) => renameCanvasVariantValue(n, set2, property, value, newValue, syncOptions()));
+    },
+    canRenameVariantValue(property, value, newValue, setId) {
+      const set2 = setOf(setId);
+      if (!set2) return NO_SET;
+      return property !== void 0 && value !== void 0 && newValue !== void 0 ? reason(renameCanvasVariantValue(nodes(), set2, property, value, newValue, { layout: false })) : true;
+    },
     /** Binds (or with `null` unbinds) a main layer's field to a component property. */
     bindComponentProperty(layerId, field, name) {
       return run("Bind Component Property", (n) => bindCanvasComponentProperty(n, layerId, field, name, syncOptions()));
@@ -11572,12 +11930,12 @@ function createCanvasComponentsController(options) {
       const at = target(id);
       const list = sync();
       const inst = at ? getOwningInstance(list, at) : void 0;
-      const main = inst ? _optionalChain([getInstanceData, 'call', _322 => _322(list.find((n) => n.id === inst)), 'optionalAccess', _323 => _323.componentId]) : void 0;
+      const main = inst ? _optionalChain([getInstanceData, 'call', _331 => _331(list.find((n) => n.id === inst)), 'optionalAccess', _332 => _332.componentId]) : void 0;
       const node = main ? list.find((n) => n.id === main) : void 0;
       if (!node) return void 0;
       const next = list.map((n) => !!n.selected === (n.id === main) ? n : { ...n, selected: n.id === main });
       set(next);
-      _optionalChain([options, 'access', _324 => _324.onReveal, 'optionalCall', _325 => _325(next.find((n) => n.id === main))]);
+      _optionalChain([options, 'access', _333 => _333.onReveal, 'optionalCall', _334 => _334(next.find((n) => n.id === main))]);
       return main;
     },
     canGoToMainComponent(id) {
@@ -11602,7 +11960,7 @@ function createCanvasComponentsController(options) {
 }
 var CANVAS_COMPONENT_DRAG_TYPE = "application/x-pixerate-component";
 function getCanvasComponentDragId(dataTransfer) {
-  const id = _optionalChain([dataTransfer, 'optionalAccess', _326 => _326.getData, 'call', _327 => _327(CANVAS_COMPONENT_DRAG_TYPE)]);
+  const id = _optionalChain([dataTransfer, 'optionalAccess', _335 => _335.getData, 'call', _336 => _336(CANVAS_COMPONENT_DRAG_TYPE)]);
   return id ? id : void 0;
 }
 
@@ -11954,5 +12312,11 @@ function getCanvasComponentDragId(dataTransfer) {
 
 
 
-exports.ANIMATABLE_PROPERTIES = ANIMATABLE_PROPERTIES; exports.ANIMATION_DATA_KEY = ANIMATION_DATA_KEY; exports.ANIMATION_EASING_LABELS = ANIMATION_EASING_LABELS; exports.ANIMATION_EASING_PRESETS = ANIMATION_EASING_PRESETS; exports.ANIMATION_TIME_EPSILON = ANIMATION_TIME_EPSILON; exports.AUTO_LAYOUT_DATA_KEY = AUTO_LAYOUT_DATA_KEY; exports.AnimationEditError = AnimationEditError; exports.AnimationPlayer = AnimationPlayer; exports.CANVAS_COMPONENT_DRAG_TYPE = CANVAS_COMPONENT_DRAG_TYPE; exports.CANVAS_TOKEN_PROPERTIES = CANVAS_TOKEN_PROPERTIES; exports.CHILD_LAYOUT_DATA_KEY = CHILD_LAYOUT_DATA_KEY; exports.COMPONENT_DATA_KEY = COMPONENT_DATA_KEY; exports.COMPONENT_OVERRIDES_DATA_KEY = COMPONENT_OVERRIDES_DATA_KEY; exports.COMPONENT_PROPERTY_REFS_DATA_KEY = COMPONENT_PROPERTY_REFS_DATA_KEY; exports.COMPONENT_SET_DATA_KEY = COMPONENT_SET_DATA_KEY; exports.COMPONENT_SOURCE_DATA_KEY = COMPONENT_SOURCE_DATA_KEY; exports.CONNECTION_LINE_TYPES = CONNECTION_LINE_TYPES; exports.CSS_ANIMATION_PROPERTIES = CSS_ANIMATION_PROPERTIES; exports.CUBIC_BEZIER_PRESETS = CUBIC_BEZIER_PRESETS; exports.CanvasScenesStore = CanvasScenesStore; exports.DEFAULT_ARRANGE_SHORTCUTS = _chunk26BVFKHUcjs.DEFAULT_ARRANGE_SHORTCUTS; exports.DEFAULT_NODE_HEIGHT = _chunkWADCJ7A7cjs.DEFAULT_NODE_HEIGHT; exports.DEFAULT_NODE_WIDTH = _chunkWADCJ7A7cjs.DEFAULT_NODE_WIDTH; exports.DEFAULT_PLACEMENT_GAP = _chunkWADCJ7A7cjs.DEFAULT_PLACEMENT_GAP; exports.INSTANCE_DATA_KEY = INSTANCE_DATA_KEY; exports.LOCKED_DATA_KEY = LOCKED_DATA_KEY; exports.LOCKED_PREVIOUS_FLAGS_KEY = LOCKED_PREVIOUS_FLAGS_KEY; exports.MAX_KEYFRAME_REFS = MAX_KEYFRAME_REFS; exports.ManualClock = ManualClock; exports.PathOpsError = PathOpsError; exports.RESIZE_HANDLES = RESIZE_HANDLES; exports.SHAPE_DATA_KEY = SHAPE_DATA_KEY; exports.SHAPE_KINDS = SHAPE_KINDS; exports.SHAPE_NODE_TYPE = SHAPE_NODE_TYPE; exports.SHAPE_OPERATIONS = SHAPE_OPERATIONS; exports.StreamingLayoutManager = StreamingLayoutManager; exports.TOKEN_BINDINGS_DATA_KEY = TOKEN_BINDINGS_DATA_KEY; exports.TOKEN_MODES_DATA_KEY = TOKEN_MODES_DATA_KEY; exports.addKeyframesAtTime = addKeyframesAtTime; exports.alignNodes = alignNodes; exports.animateNode = animateNode; exports.applyAnimation = applyAnimation; exports.applyAnimationOverrides = applyAnimationOverrides; exports.applyConstraints = applyConstraints; exports.applyNodeUpdates = applyNodeUpdates; exports.applyShapeCombination = applyShapeCombination; exports.applyShapeReplacement = applyShapeReplacement; exports.arcToCubics = arcToCubics; exports.bezierPathArea = bezierPathArea; exports.bezierPathBounds = bezierPathBounds; exports.bezierPathLength = bezierPathLength; exports.bezierPathPointAtLength = bezierPathPointAtLength; exports.bezierPathSignedArea = bezierPathSignedArea; exports.bezierPathToSvg = bezierPathToSvg; exports.bindCanvasComponentProperty = bindCanvasComponentProperty; exports.bindCanvasToken = bindCanvasToken; exports.blendLayout = blendLayout; exports.boundsOf = _chunkWADCJ7A7cjs.boundsOf; exports.calculateDagreReflowDisplacement = calculateDagreReflowDisplacement; exports.calculateDirectionalDisplacement = calculateDirectionalDisplacement; exports.canCombineShapeNodes = canCombineShapeNodes; exports.canOffsetShapeNodes = canOffsetShapeNodes; exports.canOutlineShapeNodeStrokes = canOutlineShapeNodeStrokes; exports.canvasHeight = canvasHeight; exports.centerNodes = _chunkWADCJ7A7cjs.centerNodes; exports.centre = _chunkWADCJ7A7cjs.centre; exports.clampAnimationValue = clampAnimationValue; exports.clampLayoutSize = clampLayoutSize; exports.closeContour = closeContour; exports.collectDescendantIds = collectDescendantIds; exports.combineCanvasComponentsAsVariants = combineCanvasComponentsAsVariants; exports.combineShapeNodes = combineShapeNodes; exports.computeNodesBoundingBox = computeNodesBoundingBox; exports.computeSnapGuides = computeSnapGuides; exports.connectedOnly = connectedOnly; exports.contourSignedArea = contourSignedArea; exports.contoursToPath = contoursToPath; exports.copyKeyframes = copyKeyframes; exports.countPathSegments = countPathSegments; exports.createAnimationPlayer = createAnimationPlayer; exports.createBezierTrajectory = createBezierTrajectory; exports.createCanvasAnimationController = createCanvasAnimationController; exports.createCanvasArrangeController = createCanvasArrangeController; exports.createCanvasAutoLayoutController = createCanvasAutoLayoutController; exports.createCanvasComponent = createCanvasComponent; exports.createCanvasComponentsController = createCanvasComponentsController; exports.createCanvasInstance = createCanvasInstance; exports.createCanvasScenesStore = createCanvasScenesStore; exports.createFanOutTrajectory = createFanOutTrajectory; exports.createGuideIndex = createGuideIndex; exports.createNodeGuideIndex = createNodeGuideIndex; exports.createNodeLookup = createNodeLookup; exports.cubicBezierAt = cubicBezierAt; exports.cubicPointAt = cubicPointAt; exports.cubicsToPathData = cubicsToPathData; exports.dashContours = dashContours; exports.defaultEasing = defaultEasing; exports.deleteKeyframes = deleteKeyframes; exports.detachCanvasInstance = detachCanvasInstance; exports.detachTokenBindings = detachTokenBindings; exports.diffOverrideGroups = diffOverrideGroups; exports.distanceToBezierPath = distanceToBezierPath; exports.distributeNodes = distributeNodes; exports.dividePaths = dividePaths; exports.dividePolygons = dividePolygons; exports.easingFromInfluence = easingFromInfluence; exports.easingLabel = easingLabel; exports.easingToCss = easingToCss; exports.ensureLayout = _chunkWADCJ7A7cjs.ensureLayout; exports.estimateCanvasHeight = estimateCanvasHeight; exports.estimateNodeSize = _chunkWADCJ7A7cjs.estimateNodeSize; exports.evaluateAnimation = evaluateAnimation; exports.evaluateEasing = evaluateEasing; exports.evaluateTrack = evaluateTrack; exports.excludePaths = excludePaths; exports.exportCssAnimation = exportCssAnimation; exports.findConnectorSnap = findConnectorSnap; exports.findVariant = findVariant; exports.fitCubicRun = fitCubicRun; exports.fitCubics = fitCubics; exports.fitFreehandPath = fitFreehandPath; exports.fitPathData = fitPathData; exports.fitViewportToNodes = fitViewportToNodes; exports.fitViewportToRect = fitViewportToRect; exports.flattenSvgPath = flattenSvgPath; exports.flowSide = _chunkWADCJ7A7cjs.flowSide; exports.formatAnimationTime = formatAnimationTime; exports.formatNumber = formatNumber2; exports.formatOklab = formatOklab; exports.formatVariantName = formatVariantName; exports.getAbsolutePosition = getAbsolutePosition; exports.getAnimatableProperty = getAnimatableProperty; exports.getAnimatedProperties = getAnimatedProperties; exports.getAnimatedValue = getAnimatedValue; exports.getAnimationDuration = getAnimationDuration; exports.getAnimationTrack = getAnimationTrack; exports.getAutoLayout = getAutoLayout; exports.getAutoLayoutGrid = getAutoLayoutGrid; exports.getAutoLayoutInsertTarget = getAutoLayoutInsertTarget; exports.getBindableTokenProperties = getBindableTokenProperties; exports.getCanvasComponentDragId = getCanvasComponentDragId; exports.getCanvasTokenProperty = getCanvasTokenProperty; exports.getCenteredNodePosition = _chunkWADCJ7A7cjs.getCenteredNodePosition; exports.getChildLayout = getChildLayout; exports.getComponentData = getComponentData; exports.getComponentInstances = getComponentInstances; exports.getComponentPropertyDefs = getComponentPropertyDefs; exports.getComponentPropertyRefs = getComponentPropertyRefs; exports.getComponentSourceId = getComponentSourceId; exports.getCssPropertyAnimations = getCssPropertyAnimations; exports.getDefaultVariant = getDefaultVariant; exports.getEffectiveTokenModes = getEffectiveTokenModes; exports.getFlowChildren = getFlowChildren; exports.getInstanceData = getInstanceData; exports.getInstanceProperties = getInstanceProperties; exports.getInstanceStatus = getInstanceStatus; exports.getKeyframeTimes = getKeyframeTimes; exports.getLayerName = getLayerName; exports.getLayoutParent = getLayoutParent; exports.getLayoutSizing = getLayoutSizing; exports.getLayoutedNodes = _chunkWADCJ7A7cjs.getLayoutedNodes; exports.getNodeAnimation = getNodeAnimation; exports.getNodeOverrides = getNodeOverrides; exports.getNodeRect = getNodeRect; exports.getNodeShape = getNodeShape; exports.getNodeSize = getNodeSize; exports.getNodeTokenBindings = getNodeTokenBindings; exports.getNodeTokenModes = getNodeTokenModes; exports.getOwningComponent = getOwningComponent; exports.getOwningInstance = getOwningInstance; exports.getResizingNodeRect = getResizingNodeRect; exports.getRootInstance = getRootInstance; exports.getShapeRenderData = getShapeRenderData; exports.getShapeSvg = getShapeSvg; exports.getTimelineRows = getTimelineRows; exports.getTimelineTicks = getTimelineTicks; exports.getTokenPropertyScope = getTokenPropertyScope; exports.getTokensForProperty = getTokensForProperty; exports.getVariantConflicts = getVariantConflicts; exports.getVariantOptions = getVariantOptions; exports.getVariantSet = getVariantSet; exports.getVariantValues = getVariantValues; exports.handlePoint = handlePoint; exports.hasVisibleStroke = hasVisibleStroke; exports.inferResizeHandle = inferResizeHandle; exports.inspectCanvasInstance = inspectCanvasInstance; exports.inspectNodeTokens = inspectNodeTokens; exports.interpolateAnimationValue = interpolateAnimationValue; exports.intersectPaths = intersectPaths; exports.intersectPolygons = intersectPolygons; exports.invertNodeUpdates = invertNodeUpdates; exports.isAnimationEasing = isAnimationEasing; exports.isAnimationKeyframe = isAnimationKeyframe; exports.isAutoLayoutFrame = isAutoLayoutFrame; exports.isCanvasComponent = isCanvasComponent; exports.isCanvasComponentSet = isCanvasComponentSet; exports.isCanvasInstance = isCanvasInstance; exports.isCssExportExact = isCssExportExact; exports.isEventFromTextInput = isEventFromTextInput; exports.isInsideInstance = isInsideInstance; exports.isKeyframeSelected = isKeyframeSelected; exports.isLocked = isLocked; exports.isMeasureModifierHeld = isMeasureModifierHeld; exports.isNodeAnimated = isNodeAnimated; exports.isShapeDescription = isShapeDescription; exports.isShapeNode = isShapeNode; exports.isStraightCubic = isStraightCubic; exports.isValidCanvasEdge = isValidCanvasEdge; exports.isValidCanvasNode = isValidCanvasNode; exports.isValidCanvasScene = isValidCanvasScene; exports.isValidUrl = isValidUrl; exports.layoutAll = layoutAll; exports.layoutBounds = layoutBounds; exports.layoutFrame = layoutFrame; exports.layoutUp = layoutUp; exports.layoutUpMany = layoutUpMany; exports.linearPositionTrajectory = linearPositionTrajectory; exports.linearTrajectory = linearTrajectory; exports.listCanvasComponents = listCanvasComponents; exports.lockNodes = lockNodes; exports.makeSizingCoherent = makeSizingCoherent; exports.matchArrangeShortcut = _chunk26BVFKHUcjs.matchArrangeShortcut; exports.matchSize = matchSize; exports.measureBetween = measureBetween; exports.measureLabel = measureLabel; exports.measureSelection = measureSelection; exports.measureToLine = measureToLine; exports.mergeNodeUpdates = mergeNodeUpdates; exports.mixColorsOklab = mixColorsOklab; exports.moveKeyframes = moveKeyframes; exports.moveLayoutChild = moveLayoutChild; exports.multiPolygonArea = multiPolygonArea; exports.multiPolygonBounds = multiPolygonBounds; exports.nearestHandlePositions = nearestHandlePositions; exports.normalizeBezierPath = normalizeBezierPath; exports.normalizeKeyframes = normalizeKeyframes; exports.offsetPath = offsetPath; exports.offsetShapeNodes = offsetShapeNodes; exports.oklabToRgb = oklabToRgb; exports.oppositePosition = oppositePosition; exports.outlineShapeNodeStrokes = outlineShapeNodeStrokes; exports.outlineStroke = outlineStroke; exports.overlaps = _chunkWADCJ7A7cjs.overlaps; exports.pageHidden = pageHidden; exports.parseCanvasClipboardData = parseCanvasClipboardData; exports.parseCanvasScenes = parseCanvasScenes; exports.parseCssEasing = parseCssEasing; exports.parseKeyframeClipboard = parseKeyframeClipboard; exports.parseNodeStyleDeclarations = parseNodeStyleDeclarations; exports.parseOklab = parseOklab; exports.parseSvgPath = parseSvgPath; exports.parseVariantName = parseVariantName; exports.pasteKeyframes = pasteKeyframes; exports.pathBoolean = pathBoolean; exports.pathToContours = pathToContours; exports.placeBeside = _chunkWADCJ7A7cjs.placeBeside; exports.playWebAnimations = playWebAnimations; exports.pointInBezierPath = pointInBezierPath; exports.pointInMultiPolygon = pointInMultiPolygon; exports.pointInRings = pointInRings; exports.polygonArea = polygonArea; exports.polygonBoolean = polygonBoolean; exports.polygonToSvgPath = polygonToSvgPath; exports.positionToSide = positionToSide; exports.pruneCanvasTokenModes = pruneCanvasTokenModes; exports.pushCanvasInstanceOverrides = pushCanvasInstanceOverrides; exports.readAnimatableValue = readAnimatableValue; exports.readNodeStyleProperty = readNodeStyleProperty; exports.readOverrideGroup = readOverrideGroup; exports.readStyleSize = readStyleSize; exports.realClock = realClock; exports.recordAnimationChanges = recordAnimationChanges; exports.relayoutUpdates = relayoutUpdates; exports.remapPastedNodes = remapPastedNodes; exports.removeTrack = removeTrack; exports.reorderNodes = reorderNodes; exports.repositionNodesTo = repositionNodesTo; exports.resetCanvasInstanceOverrides = resetCanvasInstanceOverrides; exports.resizeHandleAxes = resizeHandleAxes; exports.resolveCanvasTokens = resolveCanvasTokens; exports.resolveEasing = resolveEasing; exports.resolvePadding = resolvePadding; exports.restoreCanvasMainComponent = restoreCanvasMainComponent; exports.revertShapeCombination = revertShapeCombination; exports.rgbToOklab = rgbToOklab; exports.ringSignedArea = ringSignedArea; exports.runMultiNodeTransition = runMultiNodeTransition; exports.sampleAnimationFrames = sampleAnimationFrames; exports.scaleKeyframes = scaleKeyframes; exports.segmentBounds = segmentBounds; exports.segmentCurvature = segmentCurvature; exports.segmentDerivative = segmentDerivative; exports.segmentExtrema = segmentExtrema; exports.segmentLength = segmentLength; exports.segmentNearest = segmentNearest; exports.segmentParamAtLength = segmentParamAtLength; exports.segmentPoint = segmentPoint; exports.segmentTangent = segmentTangent; exports.serializeCanvasNodes = serializeCanvasNodes; exports.setCanvasComponentProperty = setCanvasComponentProperty; exports.setCanvasInstanceProperties = setCanvasInstanceProperties; exports.setCanvasTokenMode = setCanvasTokenMode; exports.setKeyframe = setKeyframe; exports.setKeyframeEasing = setKeyframeEasing; exports.setMotionPath = setMotionPath; exports.setTrackEnabled = setTrackEnabled; exports.shapeNodeToBezierPath = shapeNodeToBezierPath; exports.shapeNodeToPolygon = shapeNodeToPolygon; exports.shapeToBezierPath = shapeToBezierPath; exports.shapeToPolygon = shapeToPolygon; exports.sideToPosition = sideToPosition; exports.simplifyRing = simplifyRing; exports.snapKeyframeDelta = snapKeyframeDelta; exports.snapNodeDrag = snapNodeDrag; exports.snapNodeResize = snapNodeResize; exports.snapResize = snapResize; exports.snapTimeToFrame = snapTimeToFrame; exports.snapToGrid = snapToGrid; exports.splitSegment = splitSegment; exports.springAt = springAt; exports.strokeOutlineRings = strokeOutlineRings; exports.subSegment = subSegment; exports.subtractPaths = subtractPaths; exports.subtractPolygons = subtractPolygons; exports.swapCanvasInstance = swapCanvasInstance; exports.syncAllCanvasInstances = syncAllCanvasInstances; exports.syncCanvasComponents = syncCanvasComponents; exports.syncCanvasInstance = syncCanvasInstance; exports.timeToX = timeToX; exports.toBezierPath = toBezierPath; exports.toWebAnimations = toWebAnimations; exports.toggleLockNodes = toggleLockNodes; exports.transformBezierPath = transformBezierPath; exports.trimSegments = trimSegments; exports.unionPolygons = unionPolygons; exports.unitePaths = unitePaths; exports.unlockNodes = unlockNodes; exports.updateKeyframe = updateKeyframe; exports.windingNumber = windingNumber; exports.withNodeAnimation = withNodeAnimation; exports.withStyleOpacity = withStyleOpacity; exports.withStyleSize = withStyleSize; exports.wouldCreateComponentCycle = wouldCreateComponentCycle; exports.wrapAnimationTime = wrapAnimationTime; exports.writeNodeStyleProperty = writeNodeStyleProperty; exports.writeOverrideGroup = writeOverrideGroup; exports.xToTime = xToTime; exports.xorPolygons = xorPolygons;
+
+
+
+
+
+
+exports.ANIMATABLE_PROPERTIES = ANIMATABLE_PROPERTIES; exports.ANIMATION_DATA_KEY = ANIMATION_DATA_KEY; exports.ANIMATION_EASING_LABELS = ANIMATION_EASING_LABELS; exports.ANIMATION_EASING_PRESETS = ANIMATION_EASING_PRESETS; exports.ANIMATION_TIME_EPSILON = ANIMATION_TIME_EPSILON; exports.AUTO_LAYOUT_DATA_KEY = AUTO_LAYOUT_DATA_KEY; exports.AnimationEditError = AnimationEditError; exports.AnimationPlayer = AnimationPlayer; exports.CANVAS_COMPONENT_DRAG_TYPE = CANVAS_COMPONENT_DRAG_TYPE; exports.CANVAS_TOKEN_PROPERTIES = CANVAS_TOKEN_PROPERTIES; exports.CHILD_LAYOUT_DATA_KEY = CHILD_LAYOUT_DATA_KEY; exports.COMPONENT_DATA_KEY = COMPONENT_DATA_KEY; exports.COMPONENT_OVERRIDES_DATA_KEY = COMPONENT_OVERRIDES_DATA_KEY; exports.COMPONENT_PROPERTY_REFS_DATA_KEY = COMPONENT_PROPERTY_REFS_DATA_KEY; exports.COMPONENT_SET_DATA_KEY = COMPONENT_SET_DATA_KEY; exports.COMPONENT_SOURCE_DATA_KEY = COMPONENT_SOURCE_DATA_KEY; exports.CONNECTION_LINE_TYPES = CONNECTION_LINE_TYPES; exports.CSS_ANIMATION_PROPERTIES = CSS_ANIMATION_PROPERTIES; exports.CUBIC_BEZIER_PRESETS = CUBIC_BEZIER_PRESETS; exports.CanvasScenesStore = CanvasScenesStore; exports.DEFAULT_ARRANGE_SHORTCUTS = _chunk26BVFKHUcjs.DEFAULT_ARRANGE_SHORTCUTS; exports.DEFAULT_NODE_HEIGHT = _chunkWADCJ7A7cjs.DEFAULT_NODE_HEIGHT; exports.DEFAULT_NODE_WIDTH = _chunkWADCJ7A7cjs.DEFAULT_NODE_WIDTH; exports.DEFAULT_PLACEMENT_GAP = _chunkWADCJ7A7cjs.DEFAULT_PLACEMENT_GAP; exports.INSTANCE_DATA_KEY = INSTANCE_DATA_KEY; exports.LOCKED_DATA_KEY = LOCKED_DATA_KEY; exports.LOCKED_PREVIOUS_FLAGS_KEY = LOCKED_PREVIOUS_FLAGS_KEY; exports.MAX_KEYFRAME_REFS = MAX_KEYFRAME_REFS; exports.ManualClock = ManualClock; exports.PathOpsError = PathOpsError; exports.RESIZE_HANDLES = RESIZE_HANDLES; exports.SHAPE_DATA_KEY = SHAPE_DATA_KEY; exports.SHAPE_KINDS = SHAPE_KINDS; exports.SHAPE_NODE_TYPE = SHAPE_NODE_TYPE; exports.SHAPE_OPERATIONS = SHAPE_OPERATIONS; exports.StreamingLayoutManager = StreamingLayoutManager; exports.TOKEN_BINDINGS_DATA_KEY = TOKEN_BINDINGS_DATA_KEY; exports.TOKEN_MODES_DATA_KEY = TOKEN_MODES_DATA_KEY; exports.addCanvasVariant = addCanvasVariant; exports.addKeyframesAtTime = addKeyframesAtTime; exports.alignNodes = alignNodes; exports.animateNode = animateNode; exports.applyAnimation = applyAnimation; exports.applyAnimationOverrides = applyAnimationOverrides; exports.applyConstraints = applyConstraints; exports.applyNodeUpdates = applyNodeUpdates; exports.applyShapeCombination = applyShapeCombination; exports.applyShapeReplacement = applyShapeReplacement; exports.arcToCubics = arcToCubics; exports.bezierPathArea = bezierPathArea; exports.bezierPathBounds = bezierPathBounds; exports.bezierPathLength = bezierPathLength; exports.bezierPathPointAtLength = bezierPathPointAtLength; exports.bezierPathSignedArea = bezierPathSignedArea; exports.bezierPathToSvg = bezierPathToSvg; exports.bindCanvasComponentProperty = bindCanvasComponentProperty; exports.bindCanvasToken = bindCanvasToken; exports.blendLayout = blendLayout; exports.boundsOf = _chunkWADCJ7A7cjs.boundsOf; exports.calculateDagreReflowDisplacement = calculateDagreReflowDisplacement; exports.calculateDirectionalDisplacement = calculateDirectionalDisplacement; exports.canCombineShapeNodes = canCombineShapeNodes; exports.canOffsetShapeNodes = canOffsetShapeNodes; exports.canOutlineShapeNodeStrokes = canOutlineShapeNodeStrokes; exports.canvasHeight = canvasHeight; exports.centerNodes = _chunkWADCJ7A7cjs.centerNodes; exports.centre = _chunkWADCJ7A7cjs.centre; exports.clampAnimationValue = clampAnimationValue; exports.clampLayoutSize = clampLayoutSize; exports.closeContour = closeContour; exports.collectDescendantIds = collectDescendantIds; exports.combineCanvasComponentsAsVariants = combineCanvasComponentsAsVariants; exports.combineShapeNodes = combineShapeNodes; exports.computeNodesBoundingBox = computeNodesBoundingBox; exports.computeSnapGuides = computeSnapGuides; exports.connectedOnly = connectedOnly; exports.contourSignedArea = contourSignedArea; exports.contoursToPath = contoursToPath; exports.copyKeyframes = copyKeyframes; exports.countPathSegments = countPathSegments; exports.createAnimationPlayer = createAnimationPlayer; exports.createBezierTrajectory = createBezierTrajectory; exports.createCanvasAnimationController = createCanvasAnimationController; exports.createCanvasArrangeController = createCanvasArrangeController; exports.createCanvasAutoLayoutController = createCanvasAutoLayoutController; exports.createCanvasComponent = createCanvasComponent; exports.createCanvasComponentsController = createCanvasComponentsController; exports.createCanvasInstance = createCanvasInstance; exports.createCanvasScenesStore = createCanvasScenesStore; exports.createFanOutTrajectory = createFanOutTrajectory; exports.createGuideIndex = createGuideIndex; exports.createNodeGuideIndex = createNodeGuideIndex; exports.createNodeLookup = createNodeLookup; exports.cubicBezierAt = cubicBezierAt; exports.cubicPointAt = cubicPointAt; exports.cubicsToPathData = cubicsToPathData; exports.dashContours = dashContours; exports.defaultEasing = defaultEasing; exports.deleteKeyframes = deleteKeyframes; exports.detachCanvasInstance = detachCanvasInstance; exports.detachTokenBindings = detachTokenBindings; exports.diffOverrideGroups = diffOverrideGroups; exports.distanceToBezierPath = distanceToBezierPath; exports.distributeNodes = distributeNodes; exports.dividePaths = dividePaths; exports.dividePolygons = dividePolygons; exports.easingFromInfluence = easingFromInfluence; exports.easingLabel = easingLabel; exports.easingToCss = easingToCss; exports.ensureLayout = _chunkWADCJ7A7cjs.ensureLayout; exports.estimateCanvasHeight = estimateCanvasHeight; exports.estimateNodeSize = _chunkWADCJ7A7cjs.estimateNodeSize; exports.evaluateAnimation = evaluateAnimation; exports.evaluateEasing = evaluateEasing; exports.evaluateTrack = evaluateTrack; exports.excludePaths = excludePaths; exports.exportCssAnimation = exportCssAnimation; exports.findConnectorSnap = findConnectorSnap; exports.findVariant = findVariant; exports.fitCubicRun = fitCubicRun; exports.fitCubics = fitCubics; exports.fitFreehandPath = fitFreehandPath; exports.fitPathData = fitPathData; exports.fitViewportToNodes = fitViewportToNodes; exports.fitViewportToRect = fitViewportToRect; exports.flattenSvgPath = flattenSvgPath; exports.flowSide = _chunkWADCJ7A7cjs.flowSide; exports.formatAnimationTime = formatAnimationTime; exports.formatNumber = formatNumber2; exports.formatOklab = formatOklab; exports.formatVariantName = formatVariantName; exports.getAbsolutePosition = getAbsolutePosition; exports.getAnimatableProperty = getAnimatableProperty; exports.getAnimatedProperties = getAnimatedProperties; exports.getAnimatedValue = getAnimatedValue; exports.getAnimationDuration = getAnimationDuration; exports.getAnimationTrack = getAnimationTrack; exports.getAutoLayout = getAutoLayout; exports.getAutoLayoutGrid = getAutoLayoutGrid; exports.getAutoLayoutInsertTarget = getAutoLayoutInsertTarget; exports.getBindableTokenProperties = getBindableTokenProperties; exports.getCanvasComponentDragId = getCanvasComponentDragId; exports.getCanvasTokenProperty = getCanvasTokenProperty; exports.getCenteredNodePosition = _chunkWADCJ7A7cjs.getCenteredNodePosition; exports.getChildLayout = getChildLayout; exports.getComponentData = getComponentData; exports.getComponentInstances = getComponentInstances; exports.getComponentPropertyDefs = getComponentPropertyDefs; exports.getComponentPropertyRefs = getComponentPropertyRefs; exports.getComponentSourceId = getComponentSourceId; exports.getCssPropertyAnimations = getCssPropertyAnimations; exports.getDefaultVariant = getDefaultVariant; exports.getEffectiveTokenModes = getEffectiveTokenModes; exports.getFlowChildren = getFlowChildren; exports.getInstanceData = getInstanceData; exports.getInstanceProperties = getInstanceProperties; exports.getInstanceStatus = getInstanceStatus; exports.getKeyframeTimes = getKeyframeTimes; exports.getLayerName = getLayerName; exports.getLayoutParent = getLayoutParent; exports.getLayoutSizing = getLayoutSizing; exports.getLayoutedNodes = _chunkWADCJ7A7cjs.getLayoutedNodes; exports.getNextVariantValues = getNextVariantValues; exports.getNodeAnimation = getNodeAnimation; exports.getNodeOverrides = getNodeOverrides; exports.getNodeRect = getNodeRect; exports.getNodeShape = getNodeShape; exports.getNodeSize = getNodeSize; exports.getNodeTokenBindings = getNodeTokenBindings; exports.getNodeTokenModes = getNodeTokenModes; exports.getOwningComponent = getOwningComponent; exports.getOwningInstance = getOwningInstance; exports.getResizingNodeRect = getResizingNodeRect; exports.getRootInstance = getRootInstance; exports.getShapeRenderData = getShapeRenderData; exports.getShapeSvg = getShapeSvg; exports.getTimelineRows = getTimelineRows; exports.getTimelineTicks = getTimelineTicks; exports.getTokenPropertyScope = getTokenPropertyScope; exports.getTokensForProperty = getTokensForProperty; exports.getVariantConflicts = getVariantConflicts; exports.getVariantOptions = getVariantOptions; exports.getVariantSet = getVariantSet; exports.getVariantValues = getVariantValues; exports.handlePoint = handlePoint; exports.hasVisibleStroke = hasVisibleStroke; exports.inferResizeHandle = inferResizeHandle; exports.inspectCanvasInstance = inspectCanvasInstance; exports.inspectNodeTokens = inspectNodeTokens; exports.interpolateAnimationValue = interpolateAnimationValue; exports.intersectPaths = intersectPaths; exports.intersectPolygons = intersectPolygons; exports.invertNodeUpdates = invertNodeUpdates; exports.isAnimationEasing = isAnimationEasing; exports.isAnimationKeyframe = isAnimationKeyframe; exports.isAutoLayoutFrame = isAutoLayoutFrame; exports.isCanvasComponent = isCanvasComponent; exports.isCanvasComponentSet = isCanvasComponentSet; exports.isCanvasInstance = isCanvasInstance; exports.isCssExportExact = isCssExportExact; exports.isEventFromTextInput = isEventFromTextInput; exports.isInsideInstance = isInsideInstance; exports.isKeyframeSelected = isKeyframeSelected; exports.isLocked = isLocked; exports.isMeasureModifierHeld = isMeasureModifierHeld; exports.isNodeAnimated = isNodeAnimated; exports.isShapeDescription = isShapeDescription; exports.isShapeNode = isShapeNode; exports.isStraightCubic = isStraightCubic; exports.isValidCanvasEdge = isValidCanvasEdge; exports.isValidCanvasNode = isValidCanvasNode; exports.isValidCanvasScene = isValidCanvasScene; exports.isValidUrl = isValidUrl; exports.layoutAll = layoutAll; exports.layoutBounds = layoutBounds; exports.layoutFrame = layoutFrame; exports.layoutUp = layoutUp; exports.layoutUpMany = layoutUpMany; exports.linearPositionTrajectory = linearPositionTrajectory; exports.linearTrajectory = linearTrajectory; exports.listCanvasComponents = listCanvasComponents; exports.lockNodes = lockNodes; exports.makeSizingCoherent = makeSizingCoherent; exports.matchArrangeShortcut = _chunk26BVFKHUcjs.matchArrangeShortcut; exports.matchSize = matchSize; exports.measureBetween = measureBetween; exports.measureLabel = measureLabel; exports.measureSelection = measureSelection; exports.measureToLine = measureToLine; exports.mergeNodeUpdates = mergeNodeUpdates; exports.mixColorsOklab = mixColorsOklab; exports.moveKeyframes = moveKeyframes; exports.moveLayoutChild = moveLayoutChild; exports.multiPolygonArea = multiPolygonArea; exports.multiPolygonBounds = multiPolygonBounds; exports.nearestHandlePositions = nearestHandlePositions; exports.normalizeBezierPath = normalizeBezierPath; exports.normalizeKeyframes = normalizeKeyframes; exports.offsetPath = offsetPath; exports.offsetShapeNodes = offsetShapeNodes; exports.oklabToRgb = oklabToRgb; exports.oppositePosition = oppositePosition; exports.outlineShapeNodeStrokes = outlineShapeNodeStrokes; exports.outlineStroke = outlineStroke; exports.overlaps = _chunkWADCJ7A7cjs.overlaps; exports.pageHidden = pageHidden; exports.parseCanvasClipboardData = parseCanvasClipboardData; exports.parseCanvasScenes = parseCanvasScenes; exports.parseCssEasing = parseCssEasing; exports.parseKeyframeClipboard = parseKeyframeClipboard; exports.parseNodeStyleDeclarations = parseNodeStyleDeclarations; exports.parseOklab = parseOklab; exports.parseSvgPath = parseSvgPath; exports.parseVariantName = parseVariantName; exports.pasteKeyframes = pasteKeyframes; exports.pathBoolean = pathBoolean; exports.pathToContours = pathToContours; exports.placeBeside = _chunkWADCJ7A7cjs.placeBeside; exports.playWebAnimations = playWebAnimations; exports.pointInBezierPath = pointInBezierPath; exports.pointInMultiPolygon = pointInMultiPolygon; exports.pointInRings = pointInRings; exports.polygonArea = polygonArea; exports.polygonBoolean = polygonBoolean; exports.polygonToSvgPath = polygonToSvgPath; exports.positionToSide = positionToSide; exports.pruneCanvasTokenModes = pruneCanvasTokenModes; exports.pushCanvasInstanceOverrides = pushCanvasInstanceOverrides; exports.readAnimatableValue = readAnimatableValue; exports.readNodeStyleProperty = readNodeStyleProperty; exports.readOverrideGroup = readOverrideGroup; exports.readStyleSize = readStyleSize; exports.realClock = realClock; exports.recordAnimationChanges = recordAnimationChanges; exports.relayoutUpdates = relayoutUpdates; exports.remapPastedNodes = remapPastedNodes; exports.removeCanvasVariant = removeCanvasVariant; exports.removeTrack = removeTrack; exports.renameCanvasVariantProperty = renameCanvasVariantProperty; exports.renameCanvasVariantValue = renameCanvasVariantValue; exports.reorderNodes = reorderNodes; exports.repositionNodesTo = repositionNodesTo; exports.resetCanvasInstanceOverrides = resetCanvasInstanceOverrides; exports.resizeHandleAxes = resizeHandleAxes; exports.resolveCanvasTokens = resolveCanvasTokens; exports.resolveEasing = resolveEasing; exports.resolvePadding = resolvePadding; exports.restoreCanvasMainComponent = restoreCanvasMainComponent; exports.revertShapeCombination = revertShapeCombination; exports.rgbToOklab = rgbToOklab; exports.ringSignedArea = ringSignedArea; exports.runMultiNodeTransition = runMultiNodeTransition; exports.sampleAnimationFrames = sampleAnimationFrames; exports.scaleKeyframes = scaleKeyframes; exports.segmentBounds = segmentBounds; exports.segmentCurvature = segmentCurvature; exports.segmentDerivative = segmentDerivative; exports.segmentExtrema = segmentExtrema; exports.segmentLength = segmentLength; exports.segmentNearest = segmentNearest; exports.segmentParamAtLength = segmentParamAtLength; exports.segmentPoint = segmentPoint; exports.segmentTangent = segmentTangent; exports.serializeCanvasNodes = serializeCanvasNodes; exports.setCanvasComponentProperty = setCanvasComponentProperty; exports.setCanvasInstanceProperties = setCanvasInstanceProperties; exports.setCanvasTokenMode = setCanvasTokenMode; exports.setCanvasVariantProperties = setCanvasVariantProperties; exports.setKeyframe = setKeyframe; exports.setKeyframeEasing = setKeyframeEasing; exports.setMotionPath = setMotionPath; exports.setTrackEnabled = setTrackEnabled; exports.shapeNodeToBezierPath = shapeNodeToBezierPath; exports.shapeNodeToPolygon = shapeNodeToPolygon; exports.shapeToBezierPath = shapeToBezierPath; exports.shapeToPolygon = shapeToPolygon; exports.sideToPosition = sideToPosition; exports.simplifyRing = simplifyRing; exports.snapKeyframeDelta = snapKeyframeDelta; exports.snapNodeDrag = snapNodeDrag; exports.snapNodeResize = snapNodeResize; exports.snapResize = snapResize; exports.snapTimeToFrame = snapTimeToFrame; exports.snapToGrid = snapToGrid; exports.splitSegment = splitSegment; exports.springAt = springAt; exports.strokeOutlineRings = strokeOutlineRings; exports.subSegment = subSegment; exports.subtractPaths = subtractPaths; exports.subtractPolygons = subtractPolygons; exports.swapCanvasInstance = swapCanvasInstance; exports.syncAllCanvasInstances = syncAllCanvasInstances; exports.syncCanvasComponents = syncCanvasComponents; exports.syncCanvasInstance = syncCanvasInstance; exports.timeToX = timeToX; exports.toBezierPath = toBezierPath; exports.toWebAnimations = toWebAnimations; exports.toggleLockNodes = toggleLockNodes; exports.transformBezierPath = transformBezierPath; exports.trimSegments = trimSegments; exports.unionPolygons = unionPolygons; exports.unitePaths = unitePaths; exports.unlockNodes = unlockNodes; exports.updateKeyframe = updateKeyframe; exports.windingNumber = windingNumber; exports.withNodeAnimation = withNodeAnimation; exports.withStyleOpacity = withStyleOpacity; exports.withStyleSize = withStyleSize; exports.wouldCreateComponentCycle = wouldCreateComponentCycle; exports.wrapAnimationTime = wrapAnimationTime; exports.writeNodeStyleProperty = writeNodeStyleProperty; exports.writeOverrideGroup = writeOverrideGroup; exports.xToTime = xToTime; exports.xorPolygons = xorPolygons;
 //# sourceMappingURL=index.cjs.map