@vertexvis/viewer 0.18.1 → 0.18.2-testing.0

package/dist/components/vertex-scene-tree-table-header.js

@@ -0,0 +1,38 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const sceneTreeTableHeaderCss = ":host{width:100%;box-sizing:border-box}.header{display:flex;align-items:center;box-sizing:border-box;font-size:0.875rem;white-space:nowrap;overflow:hidden;padding:0.5rem 0}";
+
+const SceneTreeTableHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "header" }, h("slot", null))));
+  }
+  static get style() { return sceneTreeTableHeaderCss; }
+}, [1, "vertex-scene-tree-table-header"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["vertex-scene-tree-table-header"];
+  components.forEach(tagName => { switch (tagName) {
+    case "vertex-scene-tree-table-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SceneTreeTableHeader);
+      }
+      break;
+  } });
+}
+
+const VertexSceneTreeTableHeader = SceneTreeTableHeader;
+const defineCustomElement = defineCustomElement$1;
+
+export { VertexSceneTreeTableHeader, defineCustomElement };
+
+//# sourceMappingURL=vertex-scene-tree-table-header.js.map

package/dist/components/vertex-scene-tree-table-header.js.map

@@ -0,0 +1 @@
+{"file":"vertex-scene-tree-table-header.js","mappings":";;;;;AAAA,MAAM,uBAAuB,GAAG,8KAA8K;;MCOjM,oBAAoB;;;;;;EACxB,MAAM;IACX,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAC,QAAQ,IACjB,eAAQ,CACJ,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/scene-tree-table-header/scene-tree-table-header.css?tag=vertex-scene-tree-table-header&encapsulation=shadow","./src/components/scene-tree-table-header/scene-tree-table-header.tsx"],"sourcesContent":[":host {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  overflow: hidden;\n  padding: 0.5rem 0;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'vertex-scene-tree-table-header',\n  styleUrl: 'scene-tree-table-header.css',\n  shadow: true,\n})\nexport class SceneTreeTableHeader {\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <div class=\"header\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/vertex-scene-tree-table-layout.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/regl-shape";
+
+interface VertexSceneTreeTableLayout extends Components.VertexSceneTreeTableLayout, HTMLElement {}
+export const VertexSceneTreeTableLayout: {
+  prototype: VertexSceneTreeTableLayout;
+  new (): VertexSceneTreeTableLayout;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vertex-scene-tree-table-layout.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import { S as SceneTreeTableLayout, d as defineCustomElement$1 } from './scene-tree-table-layout.js';
+
+const VertexSceneTreeTableLayout = SceneTreeTableLayout;
+const defineCustomElement = defineCustomElement$1;
+
+export { VertexSceneTreeTableLayout, defineCustomElement };
+
+//# sourceMappingURL=vertex-scene-tree-table-layout.js.map

package/dist/components/vertex-scene-tree-table-layout.js.map

@@ -0,0 +1 @@
+{"file":"vertex-scene-tree-table-layout.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/vertex-scene-tree-table-resize-divider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/regl-shape";
+
+interface VertexSceneTreeTableResizeDivider extends Components.VertexSceneTreeTableResizeDivider, HTMLElement {}
+export const VertexSceneTreeTableResizeDivider: {
+  prototype: VertexSceneTreeTableResizeDivider;
+  new (): VertexSceneTreeTableResizeDivider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vertex-scene-tree-table-resize-divider.js

@@ -0,0 +1,57 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const sceneTreeTableResizeDividerCss = ":host{pointer-events:auto;display:flex;align-items:center;box-sizing:border-box;cursor:col-resize}.divider{width:1px;height:100%;background-color:var(--neutral-600);cursor:col-resize}.divider.dragging{background-color:var(--blue-600)}:host:hover .divider{background-color:var(--blue-600)}";
+
+const SceneTreeTableResizeDivider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.dragging = false;
+    this.handlePointerDown = () => {
+      this.dragging = true;
+      window.addEventListener('pointerup', this.handlePointerUp);
+    };
+    this.handlePointerUp = () => {
+      this.dragging = false;
+      window.removeEventListener('pointerup', this.handlePointerUp);
+    };
+  }
+  render() {
+    return (h(Host, { onPointerDown: this.handlePointerDown, style: {
+        height: this.dragging ? '100%' : 'var(--header-height)',
+        padding: this.dragging
+          ? '0 calc(var(--scene-tree-table-column-gap) / 2)'
+          : 'calc(var(--header-height) / 8) calc(var(--scene-tree-table-column-gap) / 2)',
+      } }, h("slot", { name: "divider" }, h("div", { class: classnames('divider', {
+        dragging: this.dragging,
+      }) }))));
+  }
+  static get style() { return sceneTreeTableResizeDividerCss; }
+}, [1, "vertex-scene-tree-table-resize-divider", {
+    "dragging": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["vertex-scene-tree-table-resize-divider"];
+  components.forEach(tagName => { switch (tagName) {
+    case "vertex-scene-tree-table-resize-divider":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SceneTreeTableResizeDivider);
+      }
+      break;
+  } });
+}
+
+const VertexSceneTreeTableResizeDivider = SceneTreeTableResizeDivider;
+const defineCustomElement = defineCustomElement$1;
+
+export { VertexSceneTreeTableResizeDivider, defineCustomElement };
+
+//# sourceMappingURL=vertex-scene-tree-table-resize-divider.js.map

package/dist/components/vertex-scene-tree-table-resize-divider.js.map

@@ -0,0 +1 @@
+{"file":"vertex-scene-tree-table-resize-divider.js","mappings":";;;;;;AAAA,MAAM,8BAA8B,GAAG,kSAAkS;;MCQ5T,2BAA2B;EALxC;;;;IAOU,aAAQ,GAAG,KAAK,CAAC;IAwBjB,sBAAiB,GAAG;MAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;MAErB,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;KAC5D,CAAC;IAEM,oBAAe,GAAG;MACxB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;MAEtB,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;KAC/D,CAAC;GACH;EAjCQ,MAAM;IACX,QACE,EAAC,IAAI,IACH,aAAa,EAAE,IAAI,CAAC,iBAAiB,EACrC,KAAK,EAAE;QACL,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,sBAAsB;QACvD,OAAO,EAAE,IAAI,CAAC,QAAQ;YAClB,gDAAgD;YAChD,6EAA6E;OAClF,IAED,YAAM,IAAI,EAAC,SAAS,IAClB,WACE,KAAK,EAAEA,UAAU,CAAC,SAAS,EAAE;QAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACxB,CAAC,GACF,CACG,CACF,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["classNames"],"sources":["./src/components/scene-tree-table-resize-divider/scene-tree-table-resize-divider.css?tag=vertex-scene-tree-table-resize-divider&encapsulation=shadow","./src/components/scene-tree-table-resize-divider/scene-tree-table-resize-divider.tsx"],"sourcesContent":[":host {\n  pointer-events: auto;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  cursor: col-resize;\n}\n\n.divider {\n  width: 1px;\n  height: 100%;\n  background-color: var(--neutral-600);\n  cursor: col-resize;\n}\n\n.divider.dragging {\n  background-color: var(--blue-600);\n}\n\n:host:hover .divider {\n  background-color: var(--blue-600);\n}\n","import { Component, h, Host, State } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'vertex-scene-tree-table-resize-divider',\n  styleUrl: 'scene-tree-table-resize-divider.css',\n  shadow: true,\n})\nexport class SceneTreeTableResizeDivider {\n  @State()\n  private dragging = false;\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <Host\n        onPointerDown={this.handlePointerDown}\n        style={{\n          height: this.dragging ? '100%' : 'var(--header-height)',\n          padding: this.dragging\n            ? '0 calc(var(--scene-tree-table-column-gap) / 2)'\n            : 'calc(var(--header-height) / 8) calc(var(--scene-tree-table-column-gap) / 2)',\n        }}\n      >\n        <slot name=\"divider\">\n          <div\n            class={classNames('divider', {\n              dragging: this.dragging,\n            })}\n          />\n        </slot>\n      </Host>\n    );\n  }\n\n  private handlePointerDown = (): void => {\n    this.dragging = true;\n\n    window.addEventListener('pointerup', this.handlePointerUp);\n  };\n\n  private handlePointerUp = (): void => {\n    this.dragging = false;\n\n    window.removeEventListener('pointerup', this.handlePointerUp);\n  };\n}\n"],"version":3}

package/dist/components/vertex-scene-tree-toolbar-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/regl-shape";
+
+interface VertexSceneTreeToolbarGroup extends Components.VertexSceneTreeToolbarGroup, HTMLElement {}
+export const VertexSceneTreeToolbarGroup: {
+  prototype: VertexSceneTreeToolbarGroup;
+  new (): VertexSceneTreeToolbarGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vertex-scene-tree-toolbar-group.js

@@ -0,0 +1,38 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const sceneTreeToolbarGroupCss = ":host{--scene-tree-toolbar-group-item-gap:calc(\n    var(--scene-tree-toolbar-content-gap) / 2\n  );display:flex}::slotted(:not(:first-child)){margin-left:var(--scene-tree-toolbar-group-item-gap)}";
+
+const SceneTreeToolbarGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  static get style() { return sceneTreeToolbarGroupCss; }
+}, [1, "vertex-scene-tree-toolbar-group"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["vertex-scene-tree-toolbar-group"];
+  components.forEach(tagName => { switch (tagName) {
+    case "vertex-scene-tree-toolbar-group":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SceneTreeToolbarGroup);
+      }
+      break;
+  } });
+}
+
+const VertexSceneTreeToolbarGroup = SceneTreeToolbarGroup;
+const defineCustomElement = defineCustomElement$1;
+
+export { VertexSceneTreeToolbarGroup, defineCustomElement };
+
+//# sourceMappingURL=vertex-scene-tree-toolbar-group.js.map

package/dist/components/vertex-scene-tree-toolbar-group.js.map

@@ -0,0 +1 @@
+{"file":"vertex-scene-tree-toolbar-group.js","mappings":";;;;;AAAA,MAAM,wBAAwB,GAAG,sMAAsM;;MCU1N,qBAAqB;;;;;;EACtB,MAAM;IACd,QACE,EAAC,IAAI,QACH,eAAa,CACR,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/scene-tree-toolbar-group/scene-tree-toolbar-group.css?tag=vertex-scene-tree-toolbar-group&encapsulation=shadow","./src/components/scene-tree-toolbar-group/scene-tree-toolbar-group.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --scene-tree-toolbar-gap: A CSS length that specifies the horizontal\n   * gap between slots.\n   */\n  --scene-tree-toolbar-group-item-gap: calc(\n    var(--scene-tree-toolbar-content-gap) / 2\n  );\n\n  display: flex;\n}\n\n::slotted(:not(:first-child)) {\n  margin-left: var(--scene-tree-toolbar-group-item-gap);\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @slot The content of the group.\n */\n@Component({\n  tag: 'vertex-scene-tree-toolbar-group',\n  styleUrl: 'scene-tree-toolbar-group.css',\n  shadow: true,\n})\nexport class SceneTreeToolbarGroup {\n  protected render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/vertex-scene-tree-toolbar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/regl-shape";
+
+interface VertexSceneTreeToolbar extends Components.VertexSceneTreeToolbar, HTMLElement {}
+export const VertexSceneTreeToolbar: {
+  prototype: VertexSceneTreeToolbar;
+  new (): VertexSceneTreeToolbar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vertex-scene-tree-toolbar.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import { S as SceneTreeToolbar, d as defineCustomElement$1 } from './scene-tree-toolbar.js';
+
+const VertexSceneTreeToolbar = SceneTreeToolbar;
+const defineCustomElement = defineCustomElement$1;
+
+export { VertexSceneTreeToolbar, defineCustomElement };
+
+//# sourceMappingURL=vertex-scene-tree-toolbar.js.map

package/dist/components/vertex-scene-tree-toolbar.js.map

@@ -0,0 +1 @@
+{"file":"vertex-scene-tree-toolbar.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/vertex-scene-tree.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/regl-shape";
+
+interface VertexSceneTree extends Components.VertexSceneTree, HTMLElement {}
+export const VertexSceneTree: {
+  prototype: VertexSceneTree;
+  new (): VertexSceneTree;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;