@vuu-ui/vuu-layout 0.0.26

package/cjs/utils/pathUtils.js

@@ -0,0 +1,293 @@
+'use strict';
+
+var React = require('react');
+var ComponentRegistry = require('../registry/ComponentRegistry.js');
+var propUtils = require('./propUtils.js');
+var typeOf = require('./typeOf.js');
+
+const removeFinalPathSegment = (path) => {
+  const pos = path.lastIndexOf(".");
+  if (pos === -1) {
+    return path;
+  } else {
+    return path.slice(0, pos);
+  }
+};
+const getChildren = (c) => React.isValidElement(c.props.children) ? [c.props.children] : c.props.children;
+const resolvePath = (source, path = "") => {
+  const [step1, ...steps] = path.split(".");
+  if (step1?.startsWith("#")) {
+    const node = findTargetById(source, step1.slice(1), true);
+    if (node && steps.length) {
+      return resolvePath(node, steps.join("."));
+    }
+  } else if (step1 === "ACTIVE_CHILD") {
+    const { active } = propUtils.getProps(source);
+    const children = getChildren(source);
+    const { path: path2 } = propUtils.getProps(children[active]);
+    return path2;
+  }
+  return "";
+};
+const resolveJSONPath = (source, path = "") => {
+  const [step1, ...steps] = path.split(".");
+  if (step1?.startsWith("#")) {
+    const node = findTargetJSONById(source, step1.slice(1), true);
+    if (node && steps.length) {
+      return resolveJSONPath(node, steps.join("."));
+    }
+  } else if (step1 === "ACTIVE_CHILD") {
+    const { children, props } = source;
+    const { active } = props;
+    if (typeof active === "number" && children?.[active]) {
+      return children[active];
+    }
+  }
+  return;
+};
+function followPathToParent(source, path) {
+  const { "data-path": dataPath, path: sourcePath = dataPath } = propUtils.getProps(source);
+  if (path === "0")
+    return null;
+  if (path === sourcePath)
+    return null;
+  return followPath(source, removeFinalPathSegment(path), true);
+}
+function findTarget(source, test) {
+  const { children, ...props } = propUtils.getProps(source);
+  if (test(props)) {
+    return source;
+  }
+  if (React.Children.count(children) > 0) {
+    const array = React.isValidElement(children) ? [children] : children;
+    for (const child of array) {
+      const target = findTarget(child, test);
+      if (target) {
+        return target;
+      }
+    }
+  }
+}
+function containerOf(source, target) {
+  if (target === source) {
+    return null;
+  }
+  const { path: sourcePath, children } = propUtils.getProps(source);
+  const { idx, finalStep } = nextStep(sourcePath, propUtils.getProp(target, "path"));
+  if (finalStep) {
+    return source;
+  }
+  if (children === void 0 || children[idx] === void 0) {
+    return null;
+  }
+  return containerOf(children[idx], target);
+}
+const getChild = (children, idx) => {
+  if (React.isValidElement(children) && idx == 0) {
+    return children;
+  }
+  if (Array.isArray(children)) {
+    return children[idx];
+  }
+};
+function followPathToComponent(component, path) {
+  const paths = path.split(".");
+  let children = [component];
+  for (let i = 0; i < paths.length; i++) {
+    const idx = parseInt(paths[i]);
+    const child = children[idx];
+    if (i === paths.length - 1) {
+      return child;
+    }
+    children = getChildren(child);
+  }
+}
+const findTargetById = (source, id, throwIfNotFound = true) => {
+  const { children, id: idProp } = source.props;
+  if (idProp === id) {
+    return source;
+  }
+  if (React.Children.count(children) > 0) {
+    const childArray = React.isValidElement(children) ? [children] : children;
+    for (const child of childArray) {
+      if (React.isValidElement(child)) {
+        const target = findTargetById(child, id, false);
+        if (target) {
+          return target;
+        }
+      }
+    }
+  }
+  if (throwIfNotFound === true) {
+    throw Error(`pathUtils.findTargetById id #${id} not found in source`);
+  }
+};
+const findTargetJSONById = (source, id, throwIfNotFound = true) => {
+  const { children, id: idProp } = source;
+  if (idProp === id) {
+    return source;
+  }
+  if (Array.isArray(children) && children.length > 0) {
+    for (const child of children) {
+      if (child !== null && typeof child === "object") {
+        const target = findTargetJSONById(child, id, false);
+        if (target) {
+          return target;
+        }
+      }
+    }
+  }
+  if (throwIfNotFound === true) {
+    throw Error(`pathUtils.findTargetJSONById id #${id} not found in source`);
+  }
+};
+function followPath(source, path, throwIfNotFound = false) {
+  if (path.startsWith("#")) {
+    return findTargetById(source, path.slice(1), throwIfNotFound);
+  }
+  const { "data-path": dataPath, path: sourcePath = dataPath } = propUtils.getProps(source);
+  if (path.indexOf(sourcePath) !== 0) {
+    throw Error(
+      `pathUtils.followPath path ${path} is not within source path ${sourcePath}`
+    );
+  }
+  const route = path.slice(sourcePath.length + 1);
+  if (route === "") {
+    return source;
+  }
+  let target = source;
+  const paths = route.split(".");
+  for (let i = 0; i < paths.length; i++) {
+    if (React.Children.count(target.props.children) === 0) {
+      const message = `element at 0.${paths.slice(0, i).join(".")} has no children, so cannot fulfill rest of path ${paths.slice(i).join(".")}`;
+      if (throwIfNotFound) {
+        throw Error(message);
+      } else {
+        console.warn(message);
+        return;
+      }
+    }
+    target = getChild(target.props.children, parseInt(paths[i]));
+    if (target === void 0) {
+      const message = `model at 0.${paths.slice(0, i).join(".")} has no children that fulfill next step of path ${paths.slice(i).join(".")}`;
+      if (throwIfNotFound) {
+        throw Error(message);
+      } else {
+        console.warn(message);
+      }
+    }
+  }
+  return target;
+}
+function nextLeaf(root, path) {
+  const parent = followPathToParent(root, path);
+  let pathIndices = path.split(".").map((idx) => parseInt(idx, 10));
+  if (parent) {
+    const lastIdx = pathIndices.pop();
+    const { children } = parent.props;
+    if (children.length - 1 > lastIdx) {
+      return firstLeaf(children[lastIdx + 1]);
+    } else {
+      const parentIdx = pathIndices.pop();
+      const nextParent = followPathToParent(root, propUtils.getProp(parent, "path"));
+      if (nextParent && typeof parentIdx === "number") {
+        pathIndices = nextParent.props.path.split(".").map((idx) => parseInt(idx, 10));
+        if (nextParent.props.children.length - 1 > parentIdx) {
+          const nextStep2 = nextParent.props.children[parentIdx + 1];
+          if (ComponentRegistry.isContainer(typeOf.typeOf(nextStep2))) {
+            return firstLeaf(nextStep2);
+          } else {
+            return nextStep2;
+          }
+        }
+      }
+    }
+  }
+  return firstLeaf(root);
+}
+function previousLeaf(root, path) {
+  const pathIndices = path.split(".").map((idx) => parseInt(idx, 10));
+  let lastIdx = pathIndices.pop();
+  let parent = followPathToParent(root, path);
+  if (parent != null && typeof lastIdx === "number") {
+    const { children } = parent.props;
+    if (lastIdx > 0) {
+      return lastLeaf(children[lastIdx - 1]);
+    } else {
+      while (pathIndices.length > 1) {
+        lastIdx = pathIndices.pop();
+        parent = followPathToParent(
+          root,
+          propUtils.getProp(parent, "path")
+        );
+        if (lastIdx > 0) {
+          const nextStep2 = parent.props.children[lastIdx - 1];
+          if (ComponentRegistry.isContainer(typeOf.typeOf(nextStep2))) {
+            return lastLeaf(nextStep2);
+          }
+          return nextStep2;
+        }
+      }
+    }
+  }
+  return lastLeaf(root);
+}
+function firstLeaf(layoutRoot) {
+  if (ComponentRegistry.isContainer(typeOf.typeOf(layoutRoot))) {
+    const { children } = layoutRoot.props || layoutRoot;
+    return firstLeaf(children[0]);
+  }
+  return layoutRoot;
+}
+function lastLeaf(root) {
+  if (ComponentRegistry.isContainer(typeOf.typeOf(root))) {
+    const { children } = root.props || root;
+    return lastLeaf(children[children.length - 1]);
+  }
+  return root;
+}
+function nextStep(pathSoFar, targetPath, followPathToEnd = false) {
+  if (pathSoFar === targetPath) {
+    return { idx: -1, finalStep: true };
+  }
+  const pathVisited = `${pathSoFar}.`;
+  if (!targetPath.startsWith(pathVisited)) {
+    throw Error("pathUtils nextStep has strayed from the path");
+  }
+  const endOfTheLine = followPathToEnd ? 0 : 1;
+  const paths = targetPath.replace(pathVisited, "").split(".").map((n) => parseInt(n, 10));
+  return { idx: paths[0], finalStep: paths.length === endOfTheLine };
+}
+function resetPath(model, path, additionalProps) {
+  if (propUtils.getProp(model, "path") === path) {
+    return model;
+  }
+  const children = [];
+  React.Children.forEach(model.props.children, (child, i) => {
+    if (!propUtils.getProp(child, "path")) {
+      children.push(child);
+    } else {
+      children.push(resetPath(child, `${path}.${i}`));
+    }
+  });
+  const pathPropName = model.props["data-path"] ? "data-path" : "path";
+  return React.cloneElement(
+    model,
+    { [pathPropName]: path, ...additionalProps },
+    children
+  );
+}
+
+exports.containerOf = containerOf;
+exports.findTarget = findTarget;
+exports.followPath = followPath;
+exports.followPathToComponent = followPathToComponent;
+exports.followPathToParent = followPathToParent;
+exports.getChild = getChild;
+exports.nextLeaf = nextLeaf;
+exports.nextStep = nextStep;
+exports.previousLeaf = previousLeaf;
+exports.resetPath = resetPath;
+exports.resolveJSONPath = resolveJSONPath;
+exports.resolvePath = resolvePath;
+//# sourceMappingURL=pathUtils.js.map

package/cjs/utils/pathUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pathUtils.js","sources":["../../src/utils/pathUtils.ts"],"sourcesContent":["import React, { isValidElement, ReactElement } from \"react\";\nimport { LayoutJSON, LayoutModel, WithActive } from \"../layout-reducer\";\nimport { isContainer } from \"../registry/ComponentRegistry\";\nimport { getProp, getProps } from \"./propUtils\";\nimport { typeOf } from \"./typeOf\";\n\nconst removeFinalPathSegment = (path: string) => {\n  const pos = path.lastIndexOf(\".\");\n  if (pos === -1) {\n    return path;\n  } else {\n    return path.slice(0, pos);\n  }\n};\n\nconst getChildren = (c: ReactElement) =>\n  React.isValidElement(c.props.children)\n    ? [c.props.children]\n    : c.props.children;\n\n/**\n * This is a very specific function at the moment. It resolves a path of the form\n * '#{componentid}.ACTIVE_CHILD'\n * It allows a templated path to be resolved to a concrete path at runtime.\n * The above pattern is used to identify a layout drop target. Further patterns\n * will be added if needed.\n */\nexport const resolvePath = (source: ReactElement, path = \"\"): string => {\n  const [step1, ...steps] = path.split(\".\");\n  if (step1?.startsWith(\"#\")) {\n    const node = findTargetById(source, step1.slice(1), true);\n    if (node && steps.length) {\n      return resolvePath(node, steps.join(\".\"));\n    }\n  } else if (step1 === \"ACTIVE_CHILD\") {\n    const { active } = getProps(source);\n    const children = getChildren(source);\n    const { path } = getProps(children[active]);\n    return path;\n  }\n\n  return \"\";\n};\n\n/**\n * Similar to resolvePath but operates on a JSON\n * layout structure and returns the matching JSON node.\n */\nexport const resolveJSONPath = (\n  source: LayoutJSON,\n  path = \"\"\n): LayoutJSON | undefined => {\n  const [step1, ...steps] = path.split(\".\");\n  if (step1?.startsWith(\"#\")) {\n    const node = findTargetJSONById(source, step1.slice(1), true);\n    if (node && steps.length) {\n      return resolveJSONPath(node, steps.join(\".\"));\n    }\n  } else if (step1 === \"ACTIVE_CHILD\") {\n    const { children, props } = source;\n    const { active } = props as WithActive;\n    if (typeof active === \"number\" && children?.[active]) {\n      return children[active];\n    }\n  }\n  return;\n};\n\nexport function followPathToParent(\n  source: ReactElement,\n  path: string\n): ReactElement | null {\n  const { \"data-path\": dataPath, path: sourcePath = dataPath } =\n    getProps(source);\n\n  if (path === \"0\") return null;\n  if (path === sourcePath) return null;\n\n  return followPath(source, removeFinalPathSegment(path), true);\n}\n\nexport function findTarget(\n  source: LayoutModel,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  test: (props: any) => boolean\n): LayoutModel | undefined {\n  const { children, ...props } = getProps(source);\n  if (test(props)) {\n    return source;\n  }\n  if (React.Children.count(children) > 0) {\n    const array = React.isValidElement(children) ? [children] : children;\n    for (const child of array) {\n      const target = findTarget(child, test);\n      if (target) {\n        return target;\n      }\n    }\n  }\n}\n\nexport function containerOf(\n  source: LayoutModel,\n  target: LayoutModel\n): LayoutModel | null {\n  if (target === source) {\n    return null;\n  }\n  const { path: sourcePath, children } = getProps(source);\n  const { idx, finalStep } = nextStep(sourcePath, getProp(target, \"path\"));\n  if (finalStep) {\n    return source;\n  }\n  if (children === undefined || children[idx] === undefined) {\n    return null;\n  }\n  return containerOf(children[idx], target);\n}\n\nexport const getChild = (\n  children: ReactElement[],\n  idx: number\n): ReactElement | undefined => {\n  if (React.isValidElement(children) && idx == 0) {\n    return children;\n  }\n  if (Array.isArray(children)) {\n    return children[idx];\n  }\n};\n\nexport function followPathToComponent(component: ReactElement, path: string) {\n  const paths = path.split(\".\");\n  let children = [component];\n\n  for (let i = 0; i < paths.length; i++) {\n    const idx = parseInt(paths[i]);\n    const child = children[idx];\n    if (i === paths.length - 1) {\n      return child;\n    }\n    children = getChildren(child);\n  }\n}\n\nconst findTargetById = (\n  source: ReactElement,\n  id: string,\n  throwIfNotFound = true\n): ReactElement | undefined => {\n  const { children, id: idProp } = source.props;\n  if (idProp === id) {\n    return source;\n  }\n\n  if (React.Children.count(children) > 0) {\n    const childArray = isValidElement(children) ? [children] : children;\n    for (const child of childArray) {\n      if (isValidElement(child)) {\n        const target = findTargetById(child, id, false);\n        if (target) {\n          return target;\n        }\n      }\n    }\n  }\n\n  if (throwIfNotFound === true) {\n    throw Error(`pathUtils.findTargetById id #${id} not found in source`);\n  }\n};\n\nconst findTargetJSONById = (\n  source: LayoutJSON,\n  id: string,\n  throwIfNotFound = true\n): LayoutJSON | undefined => {\n  const { children, id: idProp } = source;\n  if (idProp === id) {\n    return source;\n  }\n\n  if (Array.isArray(children) && children.length > 0) {\n    for (const child of children) {\n      if (child !== null && typeof child === \"object\") {\n        const target = findTargetJSONById(child, id, false);\n        if (target) {\n          return target;\n        }\n      }\n    }\n  }\n\n  if (throwIfNotFound === true) {\n    throw Error(`pathUtils.findTargetJSONById id #${id} not found in source`);\n  }\n};\n\nexport function followPath(\n  source: LayoutModel,\n  path: string\n): LayoutModel | undefined;\nexport function followPath(\n  source: ReactElement,\n  path: string,\n  throwIfNotFound: true\n): ReactElement;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function followPath(source: any, path: any, throwIfNotFound = false) {\n  if (path.startsWith(\"#\")) {\n    return findTargetById(source, path.slice(1), throwIfNotFound);\n  }\n\n  const { \"data-path\": dataPath, path: sourcePath = dataPath } =\n    getProps(source);\n  if (path.indexOf(sourcePath) !== 0) {\n    throw Error(\n      `pathUtils.followPath path ${path} is not within source path ${sourcePath}`\n    );\n  }\n  const route = path.slice(sourcePath.length + 1);\n  if (route === \"\") {\n    return source;\n  }\n\n  let target = source;\n  const paths = route.split(\".\");\n\n  for (let i = 0; i < paths.length; i++) {\n    if (React.Children.count(target.props.children) === 0) {\n      const message = `element at 0.${paths\n        .slice(0, i)\n        .join(\".\")} has no children, so cannot fulfill rest of path ${paths\n        .slice(i)\n        .join(\".\")}`;\n\n      if (throwIfNotFound) {\n        throw Error(message);\n      } else {\n        console.warn(message);\n        return;\n      }\n    }\n\n    target = getChild(target.props.children, parseInt(paths[i]));\n\n    if (target === undefined) {\n      const message = `model at 0.${paths\n        .slice(0, i)\n        .join(\".\")} has no children that fulfill next step of path ${paths\n        .slice(i)\n        .join(\".\")}`;\n\n      if (throwIfNotFound) {\n        throw Error(message);\n      } else {\n        console.warn(message);\n      }\n    }\n  }\n  return target;\n}\n\nexport function nextLeaf(root: ReactElement, path: string) {\n  const parent = followPathToParent(root, path);\n  let pathIndices = path.split(\".\").map((idx) => parseInt(idx, 10));\n  if (parent) {\n    const lastIdx = pathIndices.pop();\n    const { children } = parent.props;\n    if (children.length - 1 > lastIdx!) {\n      return firstLeaf(children[lastIdx! + 1]);\n    } else {\n      const parentIdx = pathIndices.pop();\n      const nextParent = followPathToParent(root, getProp(parent, \"path\"));\n      if (nextParent && typeof parentIdx === \"number\") {\n        pathIndices = nextParent.props.path\n          .split(\".\")\n          .map((idx: string) => parseInt(idx, 10));\n        if (nextParent.props.children.length - 1 > parentIdx) {\n          const nextStep = nextParent.props.children[parentIdx + 1];\n          if (isContainer(typeOf(nextStep) as string)) {\n            return firstLeaf(nextStep);\n          } else {\n            return nextStep;\n          }\n        }\n      }\n    }\n  }\n\n  return firstLeaf(root);\n}\n\nexport function previousLeaf(root: ReactElement, path: string) {\n  const pathIndices = path.split(\".\").map((idx) => parseInt(idx, 10));\n  let lastIdx = pathIndices.pop();\n  let parent = followPathToParent(root, path);\n  if (parent != null && typeof lastIdx === \"number\") {\n    const { children } = parent.props;\n    if (lastIdx > 0) {\n      return lastLeaf(children[lastIdx - 1]);\n    } else {\n      while (pathIndices.length > 1) {\n        lastIdx = pathIndices.pop() as number;\n        parent = followPathToParent(\n          root,\n          getProp(parent, \"path\")\n        ) as ReactElement;\n        if (lastIdx > 0) {\n          const nextStep = parent.props.children[lastIdx - 1];\n          if (isContainer(typeOf(nextStep) as string)) {\n            return lastLeaf(nextStep);\n          }\n          return nextStep;\n        }\n      }\n    }\n  }\n  return lastLeaf(root);\n}\n\nfunction firstLeaf(layoutRoot: ReactElement): ReactElement {\n  if (isContainer(typeOf(layoutRoot) as string)) {\n    const { children } = layoutRoot.props || layoutRoot;\n    return firstLeaf(children[0]);\n  }\n  return layoutRoot;\n}\n\nfunction lastLeaf(root: ReactElement): ReactElement {\n  if (isContainer(typeOf(root) as string)) {\n    const { children } = root.props || root;\n    return lastLeaf(children[children.length - 1]);\n  }\n  return root;\n}\n\ntype NextStepResult = {\n  idx: number;\n  finalStep: boolean;\n};\n\nexport function nextStep(\n  pathSoFar: string,\n  targetPath: string,\n  followPathToEnd = false\n): NextStepResult {\n  if (pathSoFar === targetPath) {\n    return { idx: -1, finalStep: true };\n  }\n\n  const pathVisited = `${pathSoFar}.`;\n  if (!targetPath.startsWith(pathVisited)) {\n    throw Error(\"pathUtils nextStep has strayed from the path\");\n  }\n\n  const endOfTheLine = followPathToEnd ? 0 : 1;\n  const paths = targetPath\n    .replace(pathVisited, \"\")\n    .split(\".\")\n    .map((n) => parseInt(n, 10));\n  return { idx: paths[0], finalStep: paths.length === endOfTheLine };\n}\n\nexport function resetPath(\n  model: ReactElement,\n  path: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  additionalProps?: any\n): ReactElement {\n  if (getProp(model, \"path\") === path) {\n    return model;\n  }\n  const children: ReactElement[] = [];\n  React.Children.forEach(model.props.children, (child, i) => {\n    if (!getProp(child, \"path\")) {\n      children.push(child);\n    } else {\n      children.push(resetPath(child, `${path}.${i}`));\n    }\n  });\n  const pathPropName = model.props[\"data-path\"] ? \"data-path\" : \"path\";\n  return React.cloneElement(\n    model,\n    { [pathPropName]: path, ...additionalProps },\n    children\n  );\n}\n"],"names":["getProps","path","getProp","isValidElement","nextStep","isContainer","typeOf"],"mappings":"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"}

package/cjs/utils/propUtils.js

@@ -0,0 +1,27 @@
+'use strict';
+
+const NO_PROPS = {};
+const getProp = (component, propName) => {
+  const props = getProps(component);
+  return props[propName] ?? props[`data-${propName}`];
+};
+const getProps = (component) => component?.props || component || NO_PROPS;
+const getChildProp = (container) => {
+  const props = getProps(container);
+  if (props.children) {
+    const {
+      children: [target, ...rest]
+    } = props;
+    if (rest.length > 0) {
+      console.warn(
+        `getChild expected a single child, found ${rest.length + 1}`
+      );
+    }
+    return target;
+  }
+};
+
+exports.getChildProp = getChildProp;
+exports.getProp = getProp;
+exports.getProps = getProps;
+//# sourceMappingURL=propUtils.js.map

package/cjs/utils/propUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propUtils.js","sources":["../../src/utils/propUtils.ts"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { LayoutModel } from \"../layout-reducer\";\n\nconst NO_PROPS = {};\nexport const getProp = (\n  component: LayoutModel | undefined,\n  propName: string\n) => {\n  const props = getProps(component);\n  return props[propName] ?? props[`data-${propName}`];\n};\n\nexport const getProps = (component?: LayoutModel) =>\n  component?.props || component || NO_PROPS;\n\nexport const getChildProp = (container: LayoutModel) => {\n  const props = getProps(container);\n  if (props.children) {\n    const {\n      children: [target, ...rest],\n    } = props;\n    if (rest.length > 0) {\n      console.warn(\n        `getChild expected a single child, found ${rest.length + 1}`\n      );\n    }\n    return target as ReactElement;\n  }\n};\n"],"names":[],"mappings":";;AAGA,MAAM,WAAW,EAAC,CAAA;AACL,MAAA,OAAA,GAAU,CACrB,SAAA,EACA,QACG,KAAA;AACH,EAAM,MAAA,KAAA,GAAQ,SAAS,SAAS,CAAA,CAAA;AAChC,EAAA,OAAO,MAAM,QAAQ,CAAA,IAAK,KAAM,CAAA,CAAA,KAAA,EAAQ,QAAQ,CAAE,CAAA,CAAA,CAAA;AACpD,EAAA;AAEO,MAAM,QAAW,GAAA,CAAC,SACvB,KAAA,SAAA,EAAW,SAAS,SAAa,IAAA,SAAA;AAEtB,MAAA,YAAA,GAAe,CAAC,SAA2B,KAAA;AACtD,EAAM,MAAA,KAAA,GAAQ,SAAS,SAAS,CAAA,CAAA;AAChC,EAAA,IAAI,MAAM,QAAU,EAAA;AAClB,IAAM,MAAA;AAAA,MACJ,QAAU,EAAA,CAAC,MAAQ,EAAA,GAAG,IAAI,CAAA;AAAA,KACxB,GAAA,KAAA,CAAA;AACJ,IAAI,IAAA,IAAA,CAAK,SAAS,CAAG,EAAA;AACnB,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,CAAA,wCAAA,EAA2C,IAAK,CAAA,MAAA,GAAS,CAAC,CAAA,CAAA;AAAA,OAC5D,CAAA;AAAA,KACF;AACA,IAAO,OAAA,MAAA,CAAA;AAAA,GACT;AACF;;;;;;"}

package/cjs/utils/refUtils.js

@@ -0,0 +1,12 @@
+'use strict';
+
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+
+exports.setRef = setRef;
+//# sourceMappingURL=refUtils.js.map

package/cjs/utils/refUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refUtils.js","sources":["../../src/utils/refUtils.ts"],"sourcesContent":["import { MutableRefObject } from \"react\";\n\nexport function setRef<T>(\n  ref:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null\n): void {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n"],"names":[],"mappings":";;AAEgB,SAAA,MAAA,CACd,KAKA,KACM,EAAA;AACN,EAAI,IAAA,OAAO,QAAQ,UAAY,EAAA;AAC7B,IAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAAA,aACA,GAAK,EAAA;AACd,IAAA,GAAA,CAAI,OAAU,GAAA,KAAA,CAAA;AAAA,GAChB;AACF;;;;"}

package/cjs/utils/styleUtils.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const expandFlex = (flex) => {
+  if (typeof flex !== "number") {
+    throw Error(`"no support yet for flex value ${flex}`);
+  }
+  return {
+    flexBasis: 0,
+    flexGrow: 1,
+    flexShrink: 1
+  };
+};
+
+exports.expandFlex = expandFlex;
+//# sourceMappingURL=styleUtils.js.map

package/cjs/utils/styleUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleUtils.js","sources":["../../src/utils/styleUtils.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nexport type CSSFlexProperties = Pick<CSSProperties, 'flexBasis' | 'flexGrow' | 'flexShrink'>;\n\nexport const expandFlex = (flex: number | CSSFlexProperties): CSSFlexProperties => {\n  if (typeof flex !== 'number') {\n    throw Error(`\"no support yet for flex value ${flex}`);\n  }\n  return {\n    flexBasis: 0,\n    flexGrow: 1,\n    flexShrink: 1\n  };\n};\n"],"names":[],"mappings":";;AAGa,MAAA,UAAA,GAAa,CAAC,IAAwD,KAAA;AACjF,EAAI,IAAA,OAAO,SAAS,QAAU,EAAA;AAC5B,IAAM,MAAA,KAAA,CAAM,CAAkC,+BAAA,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GACtD;AACA,EAAO,OAAA;AAAA,IACL,SAAW,EAAA,CAAA;AAAA,IACX,QAAU,EAAA,CAAA;AAAA,IACV,UAAY,EAAA,CAAA;AAAA,GACd,CAAA;AACF;;;;"}

package/cjs/utils/typeOf.js

@@ -0,0 +1,27 @@
+'use strict';
+
+function typeOf(element) {
+  if (element) {
+    const type = element.type;
+    if (typeof type === "function" || typeof type === "object") {
+      const elementName = type.displayName || type.name || type.type?.name;
+      if (typeof elementName === "string") {
+        return elementName;
+      }
+    }
+    if (typeof element.type === "string") {
+      return element.type;
+    }
+    if (element.constructor) {
+      return element.constructor.displayName;
+    }
+    throw Error(`typeOf unable to determine type of element`);
+  }
+}
+const isTypeOf = (element, type) => typeOf(element) === type;
+const isLayoutJSON = (layout) => layout !== void 0 && "type" in layout;
+
+exports.isLayoutJSON = isLayoutJSON;
+exports.isTypeOf = isTypeOf;
+exports.typeOf = typeOf;
+//# sourceMappingURL=typeOf.js.map

package/cjs/utils/typeOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeOf.js","sources":["../../src/utils/typeOf.ts"],"sourcesContent":["import { ReactElement } from 'react';\nimport { LayoutJSON, LayoutModel, WithType } from '../layout-reducer';\n\nexport function typeOf(element?: LayoutModel | WithType): string | undefined {\n  if (element) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const type = element.type as any;\n    if (typeof type === 'function' || typeof type === 'object') {\n      const elementName = type.displayName || type.name || type.type?.name;\n      if (typeof elementName === 'string') {\n        return elementName;\n      }\n    }\n    if (typeof element.type === 'string') {\n      return element.type;\n    }\n    if (element.constructor) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return (element.constructor as any).displayName as string;\n    }\n    throw Error(`typeOf unable to determine type of element`);\n  }\n}\n\nexport const isTypeOf = (element: ReactElement, type: string) => typeOf(element) === type;\n\nexport const isLayoutJSON = (layout: LayoutJSON): layout is LayoutJSON =>\n  layout !== undefined && \"type\" in layout;\n"],"names":[],"mappings":";;AAGO,SAAS,OAAO,OAAsD,EAAA;AAC3E,EAAA,IAAI,OAAS,EAAA;AAEX,IAAA,MAAM,OAAO,OAAQ,CAAA,IAAA,CAAA;AACrB,IAAA,IAAI,OAAO,IAAA,KAAS,UAAc,IAAA,OAAO,SAAS,QAAU,EAAA;AAC1D,MAAA,MAAM,cAAc,IAAK,CAAA,WAAA,IAAe,IAAK,CAAA,IAAA,IAAQ,KAAK,IAAM,EAAA,IAAA,CAAA;AAChE,MAAI,IAAA,OAAO,gBAAgB,QAAU,EAAA;AACnC,QAAO,OAAA,WAAA,CAAA;AAAA,OACT;AAAA,KACF;AACA,IAAI,IAAA,OAAO,OAAQ,CAAA,IAAA,KAAS,QAAU,EAAA;AACpC,MAAA,OAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,KACjB;AACA,IAAA,IAAI,QAAQ,WAAa,EAAA;AAEvB,MAAA,OAAQ,QAAQ,WAAoB,CAAA,WAAA,CAAA;AAAA,KACtC;AACA,IAAA,MAAM,MAAM,CAA4C,0CAAA,CAAA,CAAA,CAAA;AAAA,GAC1D;AACF,CAAA;AAEO,MAAM,WAAW,CAAC,OAAA,EAAuB,IAAiB,KAAA,MAAA,CAAO,OAAO,CAAM,KAAA,KAAA;AAE9E,MAAM,YAAe,GAAA,CAAC,MAC3B,KAAA,MAAA,KAAW,UAAa,MAAU,IAAA;;;;;;"}

package/esm/Component.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { registerComponent } from './registry/ComponentRegistry.js';
+
+const Component = forwardRef(function Component2({ resizeable, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ...props, className: "Component", ref });
+});
+Component.displayName = "Component";
+registerComponent("Component", Component);
+
+export { Component as default };
+//# sourceMappingURL=Component.js.map

package/esm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport { registerComponent } from './registry/ComponentRegistry';\n\nimport './Component.css';\n\nexport interface ComponentProps extends HTMLAttributes<HTMLDivElement> {\n  resizeable?: boolean;\n}\n\nconst Component = forwardRef(function Component(\n  { resizeable, ...props }: ComponentProps,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  return <div {...props} className=\"Component\" ref={ref} />;\n}) as React.FunctionComponent<ComponentProps>;\nComponent.displayName = 'Component';\n\nexport default Component;\n\nregisterComponent('Component', Component);\n"],"names":["Component"],"mappings":";;;;AASM,MAAA,SAAA,GAAY,WAAW,SAASA,UAAAA,CACpC,EAAE,UAAY,EAAA,GAAG,KAAM,EAAA,EACvB,GACA,EAAA;AACA,EAAA,2BAAQ,KAAK,EAAA,EAAA,GAAG,KAAO,EAAA,SAAA,EAAU,aAAY,GAAU,EAAA,CAAA,CAAA;AACzD,CAAC,EAAA;AACD,SAAA,CAAU,WAAc,GAAA,WAAA,CAAA;AAIxB,iBAAA,CAAkB,aAAa,SAAS,CAAA;;;;"}

package/esm/DraggableLayout.css.js

@@ -0,0 +1,4 @@
+var draggableLayoutCss = ".DraggableLayout {\n  display: inline-block;\n  outline: none;\n}\n\n[data-dragging='true'] {\n  position: absolute !important;\n  z-index: 100;\n}\n\n.vuuSimpleDraggableWrapper {\n  background-color: white;\n  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.vuuSimpleDraggableWrapper > * {\n  height: 100%;\n  width: 100%;\n}\n";
+
+export { draggableLayoutCss as default };
+//# sourceMappingURL=DraggableLayout.css.js.map

package/esm/DraggableLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableLayout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/DraggableLayout.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import cx from 'clsx';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { forwardRef } from 'react';
+import { registerComponent } from './registry/ComponentRegistry.js';
+import draggableLayoutCss from './DraggableLayout.css.js';
+
+const DraggableLayout = forwardRef(function DraggableLayout2({
+  children,
+  className: classNameProp,
+  dropTarget,
+  resizeable: _,
+  // ignore, its just a marker used by the layout system
+  ...htmlAttributes
+}, forwardedRef) {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "vuu-draggable-layout",
+    css: draggableLayoutCss,
+    window: targetWindow
+  });
+  const className = cx("DraggableLayout", classNameProp);
+  return /* @__PURE__ */ jsx("div", { className, ref: forwardedRef, ...htmlAttributes, children });
+});
+const componentName = "DraggableLayout";
+DraggableLayout.displayName = componentName;
+registerComponent(componentName, DraggableLayout, "container");
+
+export { DraggableLayout };
+//# sourceMappingURL=DraggableLayout.js.map

package/esm/DraggableLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableLayout.js","sources":["../src/DraggableLayout.tsx"],"sourcesContent":["import classnames from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ForwardedRef, forwardRef, HTMLAttributes } from \"react\";\nimport { registerComponent } from \"./registry/ComponentRegistry\";\n\nimport draggableLayoutCss from \"./DraggableLayout.css\";\n\nexport interface DraggableLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  dropTarget?: boolean;\n  resizeable?: boolean;\n}\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const DraggableLayout = forwardRef(function DraggableLayout(\n  {\n    children,\n    className: classNameProp,\n    dropTarget,\n    resizeable: _, // ignore, its just a marker used by the layout system\n    ...htmlAttributes\n  }: DraggableLayoutProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-draggable-layout\",\n    css: draggableLayoutCss,\n    window: targetWindow,\n  });\n\n  const className = classnames(\"DraggableLayout\", classNameProp);\n  return (\n    <div className={className} ref={forwardedRef} {...htmlAttributes}>\n      {children}\n    </div>\n  );\n});\n\nconst componentName = \"DraggableLayout\";\n\nDraggableLayout.displayName = componentName;\n\nregisterComponent(componentName, DraggableLayout, \"container\");\n"],"names":["DraggableLayout","classnames"],"mappings":";;;;;;;;AAaa,MAAA,eAAA,GAAkB,UAAW,CAAA,SAASA,gBACjD,CAAA;AAAA,EACE,QAAA;AAAA,EACA,SAAW,EAAA,aAAA;AAAA,EACX,UAAA;AAAA,EACA,UAAY,EAAA,CAAA;AAAA;AAAA,EACZ,GAAG,cAAA;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,sBAAA;AAAA,IACR,GAAK,EAAA,kBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,SAAA,GAAYC,EAAW,CAAA,iBAAA,EAAmB,aAAa,CAAA,CAAA;AAC7D,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAsB,KAAK,YAAe,EAAA,GAAG,gBAC/C,QACH,EAAA,CAAA,CAAA;AAEJ,CAAC,EAAA;AAED,MAAM,aAAgB,GAAA,iBAAA,CAAA;AAEtB,eAAA,CAAgB,WAAc,GAAA,aAAA,CAAA;AAE9B,iBAAkB,CAAA,aAAA,EAAe,iBAAiB,WAAW,CAAA;;;;"}

package/esm/dock-layout/DockLayout.css.js

@@ -0,0 +1,4 @@
+var dockLayoutCss = ".vuuDockLayout {\n  --chest-bg: var(--hw-chest-bg, inherit);\n  --drawer-bg: var(--hw-drawer-bg, inherit);\n  --drawer-size: var(--hw-drawer-size, 200px);\n  --drawer-peek-size: var(--hw-drawer-peek-size, 32px);\n  --drawer-transition-duration: var(--hw-drawer-transition-duration, 0.4s);\n  background-color: var(--chest-bg);\n  display: flex;\n}\n\n.vuuDockLayout-horizontal {\n  flex-direction: row;\n}\n\n.vuuDockLayout-vertical {\n  flex-direction: column;\n}\n\n.vuuDockLayout-content {\n  background-color: var(--chest-bg);\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  /* position: relative; */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vuuDockLayout-horizontal .vuuDockLayout-content {\n  flex-basis: 100%;\n}\n\n.vuuDockLayout-vertical .vuuDockLayout-content {\n  flex-basis: 100%;\n}\n";
+
+export { dockLayoutCss as default };
+//# sourceMappingURL=DockLayout.css.js.map

package/esm/dock-layout/DockLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockLayout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/dock-layout/DockLayout.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { partition } from '@vuu-ui/vuu-utils';
+import cx from 'clsx';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { registerComponent } from '../registry/ComponentRegistry.js';
+import Drawer from './Drawer.js';
+import dockLayoutCss from './DockLayout.css.js';
+
+const isDrawer = (component) => component.type === Drawer;
+const isVertical = ({ props: { position = "left" } }) => position.match(/top|bottom/);
+const DockLayout = (props) => {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "vuu-dock-layput",
+    css: dockLayoutCss,
+    window: targetWindow
+  });
+  const { children, className: classNameProp, id, style } = props;
+  const classBase = "vuuDockLayout";
+  const [drawers, content] = partition(children, isDrawer);
+  const [verticalDrawers, horizontalDrawers] = partition(drawers, isVertical);
+  const orientation = verticalDrawers.length === 0 ? "horizontal" : horizontalDrawers.length === 0 ? "vertical" : "both";
+  const className = cx(classBase, classNameProp, `${classBase}-${orientation}`);
+  return /* @__PURE__ */ jsxs("div", { className, id, style, children: [
+    drawers,
+    /* @__PURE__ */ jsx("div", { className: `${classBase}-content`, children: content })
+  ] });
+};
+DockLayout.displayName = "DockLayout";
+registerComponent("DockLayout", DockLayout, "container");
+
+export { DockLayout as default };
+//# sourceMappingURL=DockLayout.js.map

package/esm/dock-layout/DockLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockLayout.js","sources":["../../src/dock-layout/DockLayout.tsx"],"sourcesContent":["import { partition } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, ReactElement } from \"react\";\nimport { registerComponent } from \"../registry/ComponentRegistry\";\nimport Drawer from \"./Drawer\";\n\nimport dockLayoutCss from \"./DockLayout.css\";\n\nconst isDrawer = (component: ReactElement) => component.type === Drawer;\nconst isVertical = ({ props: { position = \"left\" } }: ReactElement) =>\n  position.match(/top|bottom/);\n\nexport interface DockLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactElement[];\n}\n\nconst DockLayout = (props: DockLayoutProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-dock-layput\",\n    css: dockLayoutCss,\n    window: targetWindow,\n  });\n\n  const { children, className: classNameProp, id, style } = props;\n  const classBase = \"vuuDockLayout\";\n  const [drawers, content] = partition(children, isDrawer);\n  const [verticalDrawers, horizontalDrawers] = partition(drawers, isVertical);\n  const orientation =\n    verticalDrawers.length === 0\n      ? \"horizontal\"\n      : horizontalDrawers.length === 0\n      ? \"vertical\"\n      : \"both\";\n\n  const className = cx(classBase, classNameProp, `${classBase}-${orientation}`);\n\n  return (\n    <div className={className} id={id} style={style}>\n      {drawers}\n      <div className={`${classBase}-content`}>{content}</div>\n    </div>\n  );\n};\nDockLayout.displayName = \"DockLayout\";\n\nexport default DockLayout;\n\nregisterComponent(\"DockLayout\", DockLayout, \"container\");\n"],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,QAAW,GAAA,CAAC,SAA4B,KAAA,SAAA,CAAU,IAAS,KAAA,MAAA,CAAA;AACjE,MAAM,UAAA,GAAa,CAAC,EAAE,KAAO,EAAA,EAAE,QAAW,GAAA,MAAA,EAAS,EAAA,KACjD,QAAS,CAAA,KAAA,CAAM,YAAY,CAAA,CAAA;AAMvB,MAAA,UAAA,GAAa,CAAC,KAA2B,KAAA;AAC7C,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,aAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,aAAe,EAAA,EAAA,EAAI,OAAU,GAAA,KAAA,CAAA;AAC1D,EAAA,MAAM,SAAY,GAAA,eAAA,CAAA;AAClB,EAAA,MAAM,CAAC,OAAS,EAAA,OAAO,CAAI,GAAA,SAAA,CAAU,UAAU,QAAQ,CAAA,CAAA;AACvD,EAAA,MAAM,CAAC,eAAiB,EAAA,iBAAiB,CAAI,GAAA,SAAA,CAAU,SAAS,UAAU,CAAA,CAAA;AAC1E,EAAM,MAAA,WAAA,GACJ,gBAAgB,MAAW,KAAA,CAAA,GACvB,eACA,iBAAkB,CAAA,MAAA,KAAW,IAC7B,UACA,GAAA,MAAA,CAAA;AAEN,EAAM,MAAA,SAAA,GAAY,GAAG,SAAW,EAAA,aAAA,EAAe,GAAG,SAAS,CAAA,CAAA,EAAI,WAAW,CAAE,CAAA,CAAA,CAAA;AAE5E,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAI,SAAsB,EAAA,EAAA,EAAQ,KAChC,EAAA,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,wBACA,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,YAAa,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA,GACnD,EAAA,CAAA,CAAA;AAEJ,EAAA;AACA,UAAA,CAAW,WAAc,GAAA,YAAA,CAAA;AAIzB,iBAAkB,CAAA,YAAA,EAAc,YAAY,WAAW,CAAA;;;;"}

package/esm/dock-layout/Drawer.css.js

@@ -0,0 +1,4 @@
+var drawerCss = ".vuuDrawer {\n  --drawer-leading-edge-border: solid 1px var(--salt-container-primary-borderColor, none);\n  --vuu-close-icon-svg: var(--svg-chevron-double-right);\n\n  transition: flex-basis;\n  transition-duration: var(--drawer-transition-duration);\n  position: relative;\n  z-index: 1;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n}\n\n.vuuDrawer-peekaboo {\n  flex-basis: var(--drawer-peek-size);\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.vuuDrawer-inline.vuuDrawer-open {\n  flex-basis: var(--drawer-size);\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.vuuDrawer-liner {\n  background-color: var(--drawer-bg);\n  overflow: hidden;\n  position: relative;\n}\n\n.vuuDrawer-content {\n  height: 100%;\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: var(--drawer-peek-size);\n  transition: right;\n  transition-duration: var(--drawer-transition-duration);\n  width: 100%;\n  flex: 1 1 100%;\n}\n\n.vuuDrawer-open .vuuDrawer-content {\n  right: 0;\n}\n\n/* .vuuDrawer:not(.vuuDrawer-open) .vuuDrawer-liner > * {\n  display: none;\n} */\n\n.vuuDrawer-left {\n  border-right: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-right {\n  border-left: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-top {\n  border-bottom: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-bottom {\n  border-top: var(--drawer-leading-edge-border);\n}\n\n.vuuDrawer-left .vuuDrawer-liner,\n.vuuDrawer-right .vuuDrawer-liner {\n  height: 100%;\n  transition: width;\n}\n\n.vuuDrawer-top .vuuDrawer-liner,\n.vuuDrawer-bottom .vuuDrawer-liner {\n  width: 100%;\n  transition: height;\n}\n\n.vuuDrawer-inline .vuuDrawer-liner {\n  width: 100%;\n  height: 100%;\n}\n\n.vuuDrawer-over .vuuDrawer-liner {\n  position: absolute;\n  transition-duration: 0.4s;\n}\n\n.vuuDrawer-over.vuuDrawer-left .vuuDrawer-liner {\n  top: 0;\n  left: 0;\n  width: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-right .vuuDrawer-liner {\n  top: 0;\n  right: 0;\n  width: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-top .vuuDrawer-liner {\n  height: 0;\n  top: 0;\n  left: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-bottom .vuuDrawer-liner {\n  bottom: 0;\n  height: 0;\n  left: 0;\n}\n\n.vuuDrawer-left.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,\n.vuuDrawer-right.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner {\n  width: var(--drawer-peek-size);\n}\n\n.vuuDrawer-top.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,\n.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner {\n  height: var(--drawer-peek-size);\n}\n\n.vuuDrawer-left.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,\n.vuuDrawer-right.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner {\n  width: var(--drawer-size);\n}\n\n.vuuDrawer-top.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,\n.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner {\n  height: var(--drawer-size);\n}\n\n.vuuDrawer-top,\n.vuuDrawer-left {\n  order: 0;\n}\n\n.vuuDrawer-bottom,\n.vuuDrawer-right {\n  order: 99;\n}\n\n.vuuDrawer-left,\n.vuuDrawer-right {\n  flex-direction: column;\n}\n\n.vuuToggleButton-container {\n  --saltButton-height: 28px;\n  --saltButton-width: 28px;\n  --vuu-icon-size: 12px;\n  flex: 0 0 28px;\n}\n\n.vuuDrawer-open {\n  --vuu-close-icon-svg: var(--svg-chevron-double-left);\n\n}\n";
+
+export { drawerCss as default };
+//# sourceMappingURL=Drawer.css.js.map

package/esm/dock-layout/Drawer.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}