@vertexvis/viewer 1.0.2-canary.17 → 1.0.2-canary.18

package/dist/cjs/vertex-scene-tree-notification-banner_4.cjs.entry.js

@@ -21,7 +21,7 @@ const SceneTreeNotificationBanner = class {
         this.action = index.createEvent(this, "action");
     }
     render() {
-        return (index.h(index.Host, { key: 'faf3e2e84a60db63b158747e649f43900b1f0930' }, index.h("div", { key: '9180eb1f7472d5a5d0742117dee5b75734ac3232', class: "notification-banner" }, index.h("div", { key: '02171b4cc5f7e5ef924eb96e4ba0403f3fd59f4e', class: "notification-banner-info" }, index.h("vertex-viewer-icon", { key: 'caa522489ce767d52c07d7007802c8fb40457f6d', class: "icon", name: "info", size: "sm" }), index.h("p", { key: '0836efb7b9f56f926315ba232fe1b4d8fa52aefe' }, this.message)), this.actionLabel != null && (index.h("div", { key: 'c5ae434c28810c205ab5806a0689cbaa371c0933', class: "notification-banner-actions" }, index.h("button", { key: 'd3fcbe8eb211ac453701c7fd179becfc03f8b1c2', class: "notification-banner-button", onClick: () => this.action.emit() }, this.actionLabel))))));
+        return (index.h(index.Host, { key: '097d901352c02a0f1580ca1e8069a09e2d8a0f99' }, index.h("div", { key: 'a2f0c563cc060dbd1067129820cc3a3d548edf7a', class: "notification-banner" }, index.h("div", { key: 'd4eaf47fd6b494a6ed400fc68e56daf41322ff3a', class: "notification-banner-info" }, index.h("vertex-viewer-icon", { key: 'b05fc97116087cde16673019f4845d6f93481b81', class: "icon", name: "info", size: "sm" }), index.h("p", { key: '48fbfa73c639e8f762b105a0c8e7cf530ff95456' }, this.message)), this.actionLabel != null && (index.h("div", { key: '6f2c8a07c730e3d1eab820beba978d7b7232fe3a', class: "notification-banner-actions" }, index.h("button", { key: '23aeb9e7071847cd62a19d7a61df6b30ee48d834', class: "notification-banner-button", onClick: () => this.action.emit() }, this.actionLabel))))));
     }
 };
 SceneTreeNotificationBanner.style = sceneTreeNotificationBannerCss();
@@ -125,11 +125,11 @@ const SceneTreeSearch = class {
      * @ignore
      */
     render() {
-        return (index.h(index.Host, { key: 'a147f41b6d1bee253edfea73854697fd48ce713b' }, index.h("div", { key: '68fb61c2e5310d6f52c696e466661fe75b8119fd', class: "root" }, index.h("div", { key: 'a19f9bebb23dd3c89547d36dcb251ec8525f3aae', class: "overlay icon icon-search" }, index.h("slot", { key: '99a2c8c0d48b01e43b2b8717a73652845298442a', name: "search-icon" }, this.isSearching ? (index.h("vertex-viewer-spinner", { slot: "search-icon", size: "xs" })) : (index.h("vertex-viewer-icon", { name: "search", size: "sm" })))), index.h("input", { key: 'feb34cbc91c5813bee85a32c60bf28da1d6069b0', class: index$1.classname('input', {
+        return (index.h(index.Host, { key: '763e2f4c7ab3d80a197b94c123f61b25eba41b24' }, index.h("div", { key: '14b5f4af01483f0d31ee77f03fc36fd1ff46e525', class: "root" }, index.h("div", { key: 'a1ebe30b97a16c83c9443402998e0f3f761d687d', class: "overlay icon icon-search" }, index.h("slot", { key: '41073c4ecd626c3b4a38b0e62d95c6317cd2e98a', name: "search-icon" }, this.isSearching ? (index.h("vertex-viewer-spinner", { slot: "search-icon", size: "xs" })) : (index.h("vertex-viewer-icon", { name: "search", size: "sm" })))), index.h("input", { key: '173d13b8d597425fdff082eb872225279e99bd34', class: index$1.classname('input', {
                 background: this.focused || this.value.length > 0,
-            }), type: "text", ref: (ref) => (this.inputEl = ref), placeholder: this.placeholder, disabled: this.disabled, value: this.value, onInput: this.handleTextInput, onFocus: this.handleTextFocus, onBlur: this.handleTextBlur, onKeyPress: this.handleKeyPress }), index.h("div", { key: '0c06291d8c4e7b88e67b720951cd0c46ddd1daf6', class: index$1.classname('overlay overlay-clear', {
+            }), type: "text", ref: (ref) => (this.inputEl = ref), placeholder: this.placeholder, disabled: this.disabled, value: this.value, onInput: this.handleTextInput, onFocus: this.handleTextFocus, onBlur: this.handleTextBlur, onKeyPress: this.handleKeyPress }), index.h("div", { key: 'f5b0de0431a9c8b051f61fcd76ce9eb430c0a0c9', class: index$1.classname('overlay overlay-clear', {
                 show: this.value.length > 0,
-            }) }, index.h("button", { key: 'c0a1394058c36939f167d84b42070939fad85f83', class: "clear-btn icon", tabIndex: -1, onMouseDown: this.handleClear, disabled: this.disabled }, index.h("slot", { key: 'afa2e6eb99ddcbb2d1e53138296264ae7620dc51', name: "clear-icon" }, index.h("vertex-viewer-icon", { key: 'faa225a4caa66374a69e88fb9bb5c48af7a2d4ed', name: "close-circle", size: "sm" })))))));
+            }) }, index.h("button", { key: '92a36b952320fe724ba2f962a5a758a2e514fd18', class: "clear-btn icon", tabIndex: -1, onMouseDown: this.handleClear, disabled: this.disabled }, index.h("slot", { key: '97dcec892120a855dd6a4d633f4a2cd84e57e670', name: "clear-icon" }, index.h("vertex-viewer-icon", { key: '7df2c0ef411a569ccc0cd50cfbc43c6d8533d073', name: "close-circle", size: "sm" })))))));
     }
     handleDebounceChanged() {
         var _a, _b;
@@ -877,21 +877,21 @@ const SceneTreeTableLayout = class {
         this.computeCellHeight();
     }
     render() {
-        return (index.h(index.Host, { key: '2656824698df951f2a41f2ad223cb459dd78cb05' }, index.h("div", { key: 'df621c883d9f8c4e00490eb7665bda5e65bb9ef3', class: "header", ref: (ref) => (this.headerElement = ref), style: {
+        return (index.h(index.Host, { key: 'fb503e5ce411669efe4549f3d8063fe630993341' }, index.h("div", { key: '1b7acde237a9a7cf8d14f950cc664b82dd253486', class: "header", ref: (ref) => (this.headerElement = ref), style: {
                 gridTemplateColumns: this.columnGridFixedLayout,
                 display: this.columnElements.length <= 1 ? 'none' : 'grid',
-            } }, index.h("slot", { key: '3d6425521dd682166712477f7697544b49267dfd', name: "header" })), index.h("div", { key: 'e54e5bef181ab97fc204c4a67b702d198d10ae9a', class: "table", ref: (ref) => (this.tableElement = ref), style: {
+            } }, index.h("slot", { key: 'ec62af4cb951011ed571418051d52b6cdf2dd152', name: "header" })), index.h("div", { key: 'd3183a765e381d9899a00d4a70302a28bc7deddd', class: "table", ref: (ref) => (this.tableElement = ref), style: {
                 gridTemplateColumns: this.columnGridLayout,
-            } }, index.h("slot", { key: '4bd35302ad438bf5d20e19afe3d2793c9ea2a073', onSlotchange: () => {
+            } }, index.h("slot", { key: '5dcfa30b5f230987cd33d35e9011718c60786ad4', onSlotchange: () => {
                 this.ensureDividerTemplateDefined();
                 this.updateColumnElements();
                 this.recreateColumnPools();
                 this.computeInitialColumnWidths();
                 this.rebindHeaderData();
                 this.computeColumnGridLayout();
-            } })), index.h("div", { key: '2a732b5e4f66a64392f035946bffc9fdd9e569fd', class: "divider-overlay", style: {
+            } })), index.h("div", { key: 'df5e5e83a5d833c22e0234d36ae6b6be224b8504', class: "divider-overlay", style: {
                 gridTemplateColumns: this.columnGridFixedLayout,
-            } }, index.h("slot", { key: '497a76a7cf9e7e8cd41eec79e9a0f89b2946516c', name: "divider" })), this.resizingColumnIndex != null && index.h("div", { key: 'd0252a71b7e88f85253a7d47229fc2f664ccdea5', class: "resize-overlay" })));
+            } }, index.h("slot", { key: '98ea7728b5faf0dcf48464aebcb99aae0369b8cc', name: "divider" })), this.resizingColumnIndex != null && index.h("div", { key: 'e146248e00f7e8c63de50efdc72bc93a02be4227', class: "resize-overlay" })));
     }
     computeViewportRows() {
         const viewportHeight = this.getLayoutHeight();

package/dist/cjs/vertex-scene-tree-table-column.cjs.entry.js

@@ -12,7 +12,7 @@ const SceneTreeTableColumn = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd54f1b7eb6da549f312269c4e895cf3bb687c49d' }, index.h("div", { key: 'b9e4aaed8f8a8ef68a37b6ee793abc5efab2b25c', class: "hidden" }, index.h("slot", { key: 'eec7aebe47abc0c501bfb088c5c7a42368d3f51e', name: "header" })), index.h("div", { key: 'd984766a678cf3548b8bb844540a48ea15bb7be0', class: "column" }, index.h("slot", { key: '4468a3bedd6ce76e97e0359f1132c0943b0ba530' }))));
+        return (index.h(index.Host, { key: 'ca271ecd0b350042284f7d4333c9682a16e04a3c' }, index.h("div", { key: 'b666a16eac5b84f547667d0738824381ec12695f', class: "hidden" }, index.h("slot", { key: '2e9fbb67b30a36e44a55a04dff665d24cd61e455', name: "header" })), index.h("div", { key: '7d95120801465c49f8509708cd36fc0f2a3c1c9f', class: "column" }, index.h("slot", { key: 'c556620bc773f79eef92009d2d1251d8cf385cee' }))));
     }
 };
 SceneTreeTableColumn.style = sceneTreeTableColumnCss();

package/dist/cjs/vertex-scene-tree-table-header.cjs.entry.js

@@ -12,7 +12,7 @@ const SceneTreeTableHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5529e1dd88d0ee0c45e84a3195e23430e2ef4362' }, index.h("div", { key: '0286bc4dcc83a6747da665394e91e44ceb5af6d9', class: "header" }, index.h("slot", { key: 'b91629c370743088180f12c5b3d46c20f937f0cc' }))));
+        return (index.h(index.Host, { key: '8a26572dd3941ba4f2f32d0df9c492f1b42e618c' }, index.h("div", { key: '04c921f8bcc72f4a76b83f5a5892f93a1a28a3d5', class: "header" }, index.h("slot", { key: '2aa8c0a9c9d3c7a3ba4104f64ce3de894119cbcf' }))));
     }
 };
 SceneTreeTableHeader.style = sceneTreeTableHeaderCss();

package/dist/cjs/vertex-scene-tree.cjs.entry.js

@@ -584,9 +584,9 @@ const SceneTree = class {
      * @ignore
      */
     render() {
-        return (index.h(index.Host, { key: '11ed5a494b6fb744acfa2f0ebe6796917e670878' }, index.h("div", { key: 'c9d51c7a521b5ca0d4948557419012924923449b', class: "header" }, index.h("slot", { key: '964f63d25f7616cac91e46763999bbe445a925f0', name: "header" }, index.h("vertex-scene-tree-toolbar", { key: 'ddb069379b2f832016db73389f9f3f92712e5816', class: "search-toolbar" }, index.h("vertex-scene-tree-search", { key: 'e315e5bf2a1187ee00a01bdeda4bb7a1a77cc090', controller: this.controller })))), index.h("slot", { key: '278933238516381029dc104684d0b744a71e021f', name: "partial-filter-results-banner" }, this.hasPartialFilterResults && (index.h("vertex-scene-tree-notification-banner", { key: 'dfa351c03bd2ea94bb7ee66d71df25ec6ce29a85', message: this.refreshingResults
+        return (index.h(index.Host, { key: '5ffa85bb61bc8292e6c9ec4239cea7c87c24b189' }, index.h("div", { key: 'e305f4cee0f16338acad4d60edb5469fc0b20b7c', class: "header" }, index.h("slot", { key: '785f655c31f4c8866a4e9b89fd6be9bd8b7a92af', name: "header" }, index.h("vertex-scene-tree-toolbar", { key: '1e6a2755f67a2e315df254d5703c998af503d90f', class: "search-toolbar" }, index.h("vertex-scene-tree-search", { key: '390e24becad6a63e149eab8e73493787b8d44bf7', controller: this.controller })))), index.h("slot", { key: '6d740f086d94bb7deeb2ba71031826c76756cc2e', name: "partial-filter-results-banner" }, this.hasPartialFilterResults && (index.h("vertex-scene-tree-notification-banner", { key: '6789e4bdfb24c1a69b32d6c9909665af82082e09', message: this.refreshingResults
                 ? 'Refreshing results...'
-                : 'Data loading, refresh for more.', actionLabel: "Refresh", onAction: () => { var _a; return (_a = this.controller) === null || _a === void 0 ? void 0 : _a.refreshFilter(); } }))), this.errorDetails != null && this.renderError(this.errorDetails), this.errorDetails == null && (index.h("div", { key: 'd0ee52c9ededab3e8c1abe7be83bac8b69729afc', class: "rows-scroll" }, this.showLoader && (index.h("slot", { key: '479b006dd0eac8225801c6703b29fe9be6a74630', name: "loading" }, index.h("vertex-viewer-spinner", { key: '02468107bb106a15ccb228b37c415c576ff41115', class: "loading", size: "md" }))), index.h("slot", { key: '788c7bf755721646d517f8c2f4fed1ed7a1d0865' }), this.showEmptyResults && (index.h("slot", { key: '96e6b9f178329850766e8bb3c74dfd0bb63bae2b', name: "empty-results" }, index.h("div", { key: '6c987067351a4aaf28c45580767076bbda75ee4d', class: "empty-results" }, "No Results Found."))))), index.h("div", { key: '9bb3f5960dd504940a45847ed813f8beda5e92e8', class: "footer" }, index.h("slot", { key: '454339799adadd66ac288c1484c5ad70b864de96', name: "footer" }))));
+                : 'Data loading, refresh for more.', actionLabel: "Refresh", onAction: () => { var _a; return (_a = this.controller) === null || _a === void 0 ? void 0 : _a.refreshFilter(); } }))), this.errorDetails != null && this.renderError(this.errorDetails), this.errorDetails == null && (index.h("div", { key: '55774ba1f9d307b71197b0eab0c03f4aabf95041', class: "rows-scroll" }, this.showLoader && (index.h("slot", { key: 'eaacd5e2516236f909ce018ce384fad0b4b0d611', name: "loading" }, index.h("vertex-viewer-spinner", { key: 'de02dfe0223593839a240c7dfbdeaee3bf57b74b', class: "loading", size: "md" }))), index.h("slot", { key: '5141e29171debf43a663e3318fb8ae3cb14e32ff' }), this.showEmptyResults && (index.h("slot", { key: '375cf7088655dc757587e69836377eec1f9ac0f9', name: "empty-results" }, index.h("div", { key: '952d5b5a6445384ec3d2b3ae2f422c31c8cd26c9', class: "empty-results" }, "No Results Found."))))), index.h("div", { key: 'aa2170a0a13edba86aa5e220bd8f38627aaa726b', class: "footer" }, index.h("slot", { key: '93416a47de11cb2a70b2ff586034134ef483167d', name: "footer" }))));
     }
     renderError(details) {
         if (details.code !== controller.SceneTreeErrorCode.SCENE_TREE_DISABLED) {

package/dist/cjs/vertex-viewer-box-query-tool.cjs.entry.js

@@ -180,12 +180,12 @@ const ViewerBoxQueryTool = class {
      * @ignore
      */
     render() {
-        return (index.h(index.Host, { key: 'f6486b363c74a4d9d9207fd1d33b058ff384280b' }, index.h("vertex-viewer-layer", { key: '4247b1a8ed16f9282c5825ca134b3fb7f4f48ef9' }, this.details != null && (index.h("div", { key: '79c30a0d7d494c8beafb666d50484e0a524b1949', class: "bounds", style: {
+        return (index.h(index.Host, { key: '754fc6867397c6f7f366b078f9a4403344cb5137' }, index.h("vertex-viewer-layer", { key: 'df484423586be7270901b01bbabe62659a681a3a' }, this.details != null && (index.h("div", { key: '354f3d5f616264e8635258b7e9f05ab8350338ff', class: "bounds", style: {
                 left: `${this.details.screenBounds.x}px`,
                 top: `${this.details.screenBounds.y}px`,
                 width: `${this.details.screenBounds.width}px`,
                 height: `${this.details.screenBounds.height}px`,
-            } }, index.h("slot", { key: '9678ec156727bad5ac6e0cac6790793d3445afe2', name: "bounds" }, index.h("div", { key: 'e01b158201e7e74e3783776a03b764c4ef997be5', class: "outline" }), index.h("div", { key: '7aa279e343a34a51c4630d4c1c168e26fd5622c5', class: "fill" })))))));
+            } }, index.h("slot", { key: 'fa7330cb175bd1b40cf1aea9b0e845315b05c7b2', name: "bounds" }, index.h("div", { key: '6d03c4c016ce759f51a61406a79769c5c8c00acd', class: "outline" }), index.h("div", { key: 'b648029136d216ca805cc73c66c61d74e1297a5b', class: "fill" })))))));
     }
     handleScreenBoundsChanged(details) {
         this.details = details;

package/dist/cjs/vertex-viewer-button_3.cjs.entry.js

@@ -14,7 +14,7 @@ const ViewerButton = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '9f06e32ba850485380b659431fe8df3c20767c49' }, index.h("button", { key: '84c391f5b4afc2062e8205c251686865ed63a05b', class: "viewer-button" }, index.h("slot", { key: '663cd62459800c3bf5eb10ef4783cda713fd71e1' }))));
+        return (index.h(index.Host, { key: 'ad089fc6e38b51cc0bd267c21f034f5cf92787f4' }, index.h("button", { key: '6c4c11f6ee44645ba5b8e8246dda2a2f7f7ca472', class: "viewer-button" }, index.h("slot", { key: '17fae4ab960240b4bb6e3fb41bfafec60e3db3f8' }))));
     }
 };
 ViewerButton.style = viewerButtonCss();

package/dist/cjs/vertex-viewer-default-toolbar.cjs.entry.js

@@ -29,7 +29,7 @@ const ViewerDefaultToolbar = class {
         this.animationMs = 1000;
     }
     render() {
-        return (index.h("vertex-viewer-toolbar", { key: '58781d25dbddb4e75f5be56d5ab0d9c2c232aee1', placement: this.placement, direction: this.direction }, index.h("vertex-viewer-toolbar-group", { key: '3c6f854f20b29bac33318c5aca11647f6f0c7396', class: "group", direction: this.direction, "data-direction": this.direction }, index.h("vertex-viewer-button", { key: '3924e02adb45e4117b083d626631e9ebcf2c2d87', class: "group-item btn", "data-testid": "fit-all-btn", onClick: () => this.viewAll() }, index.h("vertex-viewer-icon", { key: '4d336374e36dec5e7841cdc984773e4612282af8', class: "icon", name: "fit-all", size: "md" })))));
+        return (index.h("vertex-viewer-toolbar", { key: '349bf96991062154e2e7666bbbecd3d66310e69f', placement: this.placement, direction: this.direction }, index.h("vertex-viewer-toolbar-group", { key: '6982b3cb19276e09484c52d8baaa825a7339f371', class: "group", direction: this.direction, "data-direction": this.direction }, index.h("vertex-viewer-button", { key: '77e0f4332b4997c433d2f28b5b9917cc9bea9a12', class: "group-item btn", "data-testid": "fit-all-btn", onClick: () => this.viewAll() }, index.h("vertex-viewer-icon", { key: '75f085b6c0443ba658e795f74a579cf70e1af2da', class: "icon", name: "fit-all", size: "md" })))));
     }
     async viewAll() {
         var _a;

package/dist/cjs/vertex-viewer-dom-element_2.cjs.entry.js

@@ -240,7 +240,7 @@ const ViewerDomElement = class {
      * @ignore
      */
     render() {
-        return (index.h(index.Host, { key: '4aeff4615264eeda6325a62718799a5d55751465' }, index.h("slot", { key: '5239bfdc2c0df461c5206227560f4c7aef4ed150' })));
+        return (index.h(index.Host, { key: 'd4276b146b15c6f0653737e3735fb75d06d73c35' }, index.h("slot", { key: 'a72b8436b34d5eb59573cafda8e1a29ead576017' })));
     }
     static get watchers() { return {
         "position": [{

package/dist/cjs/vertex-viewer-dom-group.cjs.entry.js

@@ -171,7 +171,7 @@ const ViewerDomGroup = class {
      * @ignore
      */
     render() {
-        return (index.h(index.Host, { key: '87104b72b8ce2b9bb12b563c5b3d601101dae27d' }, index.h("slot", { key: '2ea4e3087450f2210e9d152914d59c11dabc5221' })));
+        return (index.h(index.Host, { key: '37c070b2d355a3c5e37ee8e3a7a457dc51976822' }, index.h("slot", { key: '0af1478c04d2c4b88f4ded8fa18897970f9cd125' })));
     }
     static get watchers() { return {
         "position": [{

package/dist/cjs/vertex-viewer-hit-result-indicator.cjs.entry.js

@@ -304,7 +304,7 @@ const ViewerHitResultIndicator = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '0631daa8ceb3c04fcabb3ca882ee4758d2017d5f' }, index.h("canvas", { key: '2b0be3f11e30545337f6dcb441c44a3424d484ef', ref: (el) => {
+        return (index.h(index.Host, { key: '7553f25f76e20a766789b42fceb2d0c6024f48c3' }, index.h("canvas", { key: 'e9415c4ae604cdf3799f81e1eccfa5feab1210de', ref: (el) => {
                 this.canvasRef = el;
             }, class: "indicator", width: (_a = this.viewer) === null || _a === void 0 ? void 0 : _a.viewport.width, height: (_b = this.viewer) === null || _b === void 0 ? void 0 : _b.viewport.height })));
     }

package/dist/cjs/vertex-viewer-layer.cjs.entry.js

@@ -20,7 +20,7 @@ const ViewerLayer = class {
      * @ignore
      */
     render() {
-        return (index.h(index.Host, { key: '8b6b7d90d44668ca0728b7d4ae80f9ac332196d8' }, index.h("slot", { key: '74173a8bcd292b9ec98a903aa01537759df2e323' })));
+        return (index.h(index.Host, { key: '9c4cc8b9fd8c1ea5f294e0fe0ab415fa2b50671c' }, index.h("slot", { key: '92a8f05680ce408c72f7cc22536cb42b2ae03693' })));
     }
     get hostEl() { return index.getElement(this); }
 };