npm - @vertexvis/viewer - Versions diffs - 1.1.1-testing.3 → 1.1.1-testing.5 - Mend

@vertexvis/viewer 1.1.1-testing.3 → 1.1.1-testing.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (476) hide show

package/dist/collection/components/scene-tree-search/scene-tree-search.css CHANGED Viewed

@@ -124,4 +124,4 @@ button {
 .clear-btn:disabled {
   pointer-events: none;
   opacity: 0.5;
-}
+}

package/dist/collection/components/scene-tree-search/scene-tree-search.js CHANGED Viewed

@@ -106,7 +106,7 @@ export class SceneTreeSearch {
                 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 }), h("div", { key: 'f5b0de0431a9c8b051f61fcd76ce9eb430c0a0c9', class: classNames('overlay overlay-clear', {
                 show: this.value.length > 0,
-            }) }, h("button", { key: '92a36b952320fe724ba2f962a5a758a2e514fd18', class: "clear-btn icon", tabIndex: -1, onMouseDown: this.handleClear, disabled: this.disabled }, h("slot", { key: '97dcec892120a855dd6a4d633f4a2cd84e57e670', name: "clear-icon" }, h("vertex-viewer-icon", { key: '7df2c0ef411a569ccc0cd50cfbc43c6d8533d073', name: "close-circle", size: "sm" })))))));
+            }) }, h("button", { key: 'dffb9ffaba79c003552a53122a0feda46894fa2e', class: "clear-btn icon", tabIndex: -1, onMouseDown: this.handleClear, disabled: this.disabled, "aria-label": "Clear search" }, h("slot", { key: '9185057767cff4df0098ea056f19bd931f6ef4c7', name: "clear-icon" }, h("vertex-viewer-icon", { key: '5ec1fe210b9c82b98e609bce9da02d8f2055ec66', name: "close-circle", size: "sm" })))))));
     }
     handleDebounceChanged() {
         var _a, _b;

package/dist/collection/components/scene-tree-search/scene-tree-search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scene-tree-search.js","sourceRoot":"","sources":["../../../../../src/components/scene-tree-search/scene-tree-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { Disposable } from '@vertexvis/utils';\nimport classNames from 'classnames';\n\nimport { debounceEvent } from '../../lib/stencil';\nimport { SceneTreeController } from '../scene-tree/lib/controller';\n\n/*\n @slot search-icon - A slot that replaces the component's default search icon.\n * @slot clear-icon - A slot that replaces the component's default clear icon.\n /\n@Component({\n tag: 'vertex-scene-tree-search',\n styleUrl: 'scene-tree-search.css',\n shadow: true,\n})\nexport class SceneTreeSearch {\n /\n Specifies the delay, in milliseconds, to emit `search` events after user\n * input.\n \n If this value is specified, searches will automatically occur after a\n * keystroke has occurred and the debounce threshold has elapsed.\n \n Defaults to `undefined`, and searches only occur on an `Enter` press\n * or a `blur` event.\n /\n @Prop()\n public debounce?: number;\n\n /\n If `true`, disables user interaction of the component.\n /\n @Prop()\n public disabled = false;\n\n /\n Placeholder text if `value` is empty.\n /\n @Prop()\n public placeholder?: string = undefined;\n\n /\n The scene tree controller\n /\n @Prop()\n public controller?: SceneTreeController;\n\n /\n The current text value of the component. Value is updated on user\n * interaction.\n /\n @Prop({ mutable: true })\n public value = '';\n\n /\n An event that is emitted when a user has changed or cleared the search\n * term. The event may be delayed according to the current `debounce` value.\n /\n @Event({ bubbles: true })\n public search!: EventEmitter<string>;\n\n /\n An event that is emitted when a search has completed.\n /\n @Event({ bubbles: true })\n public searchCompleted!: EventEmitter<string>;\n\n @State()\n private focused = false;\n\n @State()\n private isSearching = false;\n\n private lastEmittedValue?: string;\n private inputEl?: HTMLInputElement;\n private onStateChangeDisposable?: Disposable;\n private searchDisposable?: Disposable;\n\n /\n Gives focus to the component's internal text input.\n /\n @Method()\n public async setFocus(): Promise<void> {\n // HTMLInputElement.focus() doesn't exist in tests.\n if (typeof this.inputEl?.focus === 'function') {\n this.inputEl?.focus();\n }\n }\n\n /\n @ignore\n /\n @Watch('controller')\n public controllerChanged(controller: SceneTreeController): void {\n this.setupController();\n }\n\n /\n @ignore\n /\n protected componentDidLoad(): void {\n this.handleDebounceChanged();\n\n this.setupController();\n }\n\n /\n @ignore\n /\n protected disconnectedCallback(): void {\n this.onStateChangeDisposable?.dispose();\n }\n\n /\n Clears the current search term and clears any debounced filters.\n /\n @Method()\n public async clear(): Promise<void> {\n this.value = '';\n this.searchDisposable?.dispose();\n this.emitCurrentValue();\n }\n\n /\n @ignore\n */\n protected render(): h.JSX.IntrinsicElements {\n return (\n <Host>\n <div class=\"root\">\n <div class=\"overlay icon icon-search\">\n <slot name=\"search-icon\">\n {this.isSearching ? (\n <vertex-viewer-spinner slot=\"search-icon\" size=\"xs\" />\n ) : (\n <vertex-viewer-icon name=\"search\" size=\"sm\" />\n )}\n </slot>\n </div>\n\n <input\n class={classNames('input', {\n background: this.focused \|\| this.value.length > 0,\n })}\n type=\"text\"\n ref={(ref) => (this.inputEl = ref)}\n placeholder={this.placeholder}\n disabled={this.disabled}\n value={this.value}\n onInput={this.handleTextInput}\n onFocus={this.handleTextFocus}\n onBlur={this.handleTextBlur}\n onKeyPress={this.handleKeyPress}\n />\n\n <div\n class={classNames('overlay overlay-clear', {\n show: this.value.length > 0,\n })}\n >\n <button\n class=\"clear-btn icon\"\n tabIndex={-1}\n onMouseDown={this.handleClear}\n disabled={this.disabled}\n >\n <slot name=\"clear-icon\">\n <vertex-viewer-icon name=\"close-circle\" size=\"sm\" />\n </slot>\n </button>\n </div>\n </div>\n </Host>\n );\n }\n\n private handleTextInput = (event: Event): void => {\n const input = event.target as HTMLInputElement;\n this.value = input.value;\n\n if (this.debounce != null \|\| this.value === '') {\n this.emitCurrentValue();\n }\n };\n\n private handleTextFocus = (): void => {\n this.focused = true;\n };\n\n private handleTextBlur = (): void => {\n this.focused = false;\n\n this.searchDisposable?.dispose();\n\n if (this.value !== this.lastEmittedValue) {\n this.emitCurrentValue();\n }\n };\n\n private handleKeyPress = (event: KeyboardEvent): void => {\n if (event.key === 'Enter') {\n this.searchDisposable?.dispose();\n this.emitCurrentValue();\n }\n };\n\n private handleClear = (event: MouseEvent): void => {\n event.preventDefault();\n\n this.value = '';\n this.searchDisposable?.dispose();\n this.emitCurrentValue();\n this.setFocus();\n };\n\n private handleDebounceChanged(): void {\n this.searchDisposable?.dispose();\n\n const emitter = debounceEvent(this.search, this.debounce ?? 0);\n\n // Track this emitter in two separate variables to maintain the `EventEmitter` typing for\n // `this.search`. This allows for correct generation of `CustomEvent` types.\n this.search = emitter;\n this.searchDisposable = emitter;\n }\n\n private setupController(): void {\n this.onStateChangeDisposable?.dispose();\n\n this.onStateChangeDisposable = this.controller?.onStateChange.on(\n (state) => {\n // If a search was previously being performed, but has now finished,\n // emit the event that the search has completed.\n if (this.isSearching && !state.isSearching) {\n this.searchCompleted.emit(this.value);\n }\n\n this.isSearching = state.isSearching;\n },\n );\n }\n\n private emitCurrentValue(): void {\n this.lastEmittedValue = this.value;\n this.search.emit(this.value);\n }\n}\n"]}
1	+ {"version":3,"file":"scene-tree-search.js","sourceRoot":"","sources":["../../../../../src/components/scene-tree-search/scene-tree-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { Disposable } from '@vertexvis/utils';\nimport classNames from 'classnames';\n\nimport { debounceEvent } from '../../lib/stencil';\nimport { SceneTreeController } from '../scene-tree/lib/controller';\n\n/*\n @slot search-icon - A slot that replaces the component's default search icon.\n * @slot clear-icon - A slot that replaces the component's default clear icon.\n /\n@Component({\n tag: 'vertex-scene-tree-search',\n styleUrl: 'scene-tree-search.css',\n shadow: true,\n})\nexport class SceneTreeSearch {\n /\n Specifies the delay, in milliseconds, to emit `search` events after user\n * input.\n \n If this value is specified, searches will automatically occur after a\n * keystroke has occurred and the debounce threshold has elapsed.\n \n Defaults to `undefined`, and searches only occur on an `Enter` press\n * or a `blur` event.\n /\n @Prop()\n public debounce?: number;\n\n /\n If `true`, disables user interaction of the component.\n /\n @Prop()\n public disabled = false;\n\n /\n Placeholder text if `value` is empty.\n /\n @Prop()\n public placeholder?: string = undefined;\n\n /\n The scene tree controller\n /\n @Prop()\n public controller?: SceneTreeController;\n\n /\n The current text value of the component. Value is updated on user\n * interaction.\n /\n @Prop({ mutable: true })\n public value = '';\n\n /\n An event that is emitted when a user has changed or cleared the search\n * term. The event may be delayed according to the current `debounce` value.\n /\n @Event({ bubbles: true })\n public search!: EventEmitter<string>;\n\n /\n An event that is emitted when a search has completed.\n /\n @Event({ bubbles: true })\n public searchCompleted!: EventEmitter<string>;\n\n @State()\n private focused = false;\n\n @State()\n private isSearching = false;\n\n private lastEmittedValue?: string;\n private inputEl?: HTMLInputElement;\n private onStateChangeDisposable?: Disposable;\n private searchDisposable?: Disposable;\n\n /\n Gives focus to the component's internal text input.\n /\n @Method()\n public async setFocus(): Promise<void> {\n // HTMLInputElement.focus() doesn't exist in tests.\n if (typeof this.inputEl?.focus === 'function') {\n this.inputEl?.focus();\n }\n }\n\n /\n @ignore\n /\n @Watch('controller')\n public controllerChanged(controller: SceneTreeController): void {\n this.setupController();\n }\n\n /\n @ignore\n /\n protected componentDidLoad(): void {\n this.handleDebounceChanged();\n\n this.setupController();\n }\n\n /\n @ignore\n /\n protected disconnectedCallback(): void {\n this.onStateChangeDisposable?.dispose();\n }\n\n /\n Clears the current search term and clears any debounced filters.\n /\n @Method()\n public async clear(): Promise<void> {\n this.value = '';\n this.searchDisposable?.dispose();\n this.emitCurrentValue();\n }\n\n /\n @ignore\n */\n protected render(): h.JSX.IntrinsicElements {\n return (\n <Host>\n <div class=\"root\">\n <div class=\"overlay icon icon-search\">\n <slot name=\"search-icon\">\n {this.isSearching ? (\n <vertex-viewer-spinner slot=\"search-icon\" size=\"xs\" />\n ) : (\n <vertex-viewer-icon name=\"search\" size=\"sm\" />\n )}\n </slot>\n </div>\n\n <input\n class={classNames('input', {\n background: this.focused \|\| this.value.length > 0,\n })}\n type=\"text\"\n ref={(ref) => (this.inputEl = ref)}\n placeholder={this.placeholder}\n disabled={this.disabled}\n value={this.value}\n onInput={this.handleTextInput}\n onFocus={this.handleTextFocus}\n onBlur={this.handleTextBlur}\n onKeyPress={this.handleKeyPress}\n />\n\n <div\n class={classNames('overlay overlay-clear', {\n show: this.value.length > 0,\n })}\n >\n <button\n class=\"clear-btn icon\"\n tabIndex={-1}\n onMouseDown={this.handleClear}\n disabled={this.disabled}\n aria-label=\"Clear search\"\n >\n <slot name=\"clear-icon\">\n <vertex-viewer-icon name=\"close-circle\" size=\"sm\" />\n </slot>\n </button>\n </div>\n </div>\n </Host>\n );\n }\n\n private handleTextInput = (event: Event): void => {\n const input = event.target as HTMLInputElement;\n this.value = input.value;\n\n if (this.debounce != null \|\| this.value === '') {\n this.emitCurrentValue();\n }\n };\n\n private handleTextFocus = (): void => {\n this.focused = true;\n };\n\n private handleTextBlur = (): void => {\n this.focused = false;\n\n this.searchDisposable?.dispose();\n\n if (this.value !== this.lastEmittedValue) {\n this.emitCurrentValue();\n }\n };\n\n private handleKeyPress = (event: KeyboardEvent): void => {\n if (event.key === 'Enter') {\n this.searchDisposable?.dispose();\n this.emitCurrentValue();\n }\n };\n\n private handleClear = (event: MouseEvent): void => {\n event.preventDefault();\n\n this.value = '';\n this.searchDisposable?.dispose();\n this.emitCurrentValue();\n this.setFocus();\n };\n\n private handleDebounceChanged(): void {\n this.searchDisposable?.dispose();\n\n const emitter = debounceEvent(this.search, this.debounce ?? 0);\n\n // Track this emitter in two separate variables to maintain the `EventEmitter` typing for\n // `this.search`. This allows for correct generation of `CustomEvent` types.\n this.search = emitter;\n this.searchDisposable = emitter;\n }\n\n private setupController(): void {\n this.onStateChangeDisposable?.dispose();\n\n this.onStateChangeDisposable = this.controller?.onStateChange.on(\n (state) => {\n // If a search was previously being performed, but has now finished,\n // emit the event that the search has completed.\n if (this.isSearching && !state.isSearching) {\n this.searchCompleted.emit(this.value);\n }\n\n this.isSearching = state.isSearching;\n },\n );\n }\n\n private emitCurrentValue(): void {\n this.lastEmittedValue = this.value;\n this.search.emit(this.value);\n }\n}\n"]}

package/dist/collection/components/scene-tree-table-cell/scene-tree-table-cell.css CHANGED Viewed

@@ -16,29 +16,29 @@ button {
    * @prop --scene-tree-cell-background-hover: A CSS background of a cell when
    * hovered.
    */
-   --scene-tree-cell-background-hover: var(--blue-200);
+  --scene-tree-cell-background-hover: var(--blue-200);
-   /**
+  /**
      * @prop --scene-tree-cell-background-selected: A CSS background color of a
      * cell when selected.
      */
-   --scene-tree-cell-background-selected: var(--blue-300);
+  --scene-tree-cell-background-selected: var(--blue-300);
-   /**
+  /**
      * @prop --scene-tree-cell-text-positioning: A CSS text alignment
      * value that indicates how text should be positioned.
      */
-   --scene-tree-cell-text-positioning: left;
+  --scene-tree-cell-text-positioning: left;
-   /**
+  /**
      * @prop --scene-tree-cell-padding: CSS lengths that specifies the amount of
      * padding between the cell's border and content.
      */
-   --scene-tree-cell-padding: 0.25rem 0;
+  --scene-tree-cell-padding: 0.25rem 0;
-   font-size: var(--scene-tree-default-font-size, unset);
-   font-family: var(--scene-tree-default-font-family, unset);
-   color: var(--scene-tree-default-font-color, #444444);
+  font-size: var(--scene-tree-default-font-size, unset);
+  font-family: var(--scene-tree-default-font-family, unset);
+  color: var(--scene-tree-default-font-color, #444444);
 }
 :host([is-hovered]) {

package/dist/collection/components/scene-tree-table-cell/scene-tree-table-cell.js CHANGED Viewed

@@ -162,7 +162,7 @@ export class SceneTreeTableCell {
         return (h(Host, { key: '703090cacf3d026e220ead0a051d70b186fa056e', onPointerEnter: this.handleCellPointerEnter, onPointerLeave: this.handleCellPointerLeave, onPointerUp: this.handleCellPointerUp, onPointerDown: this.handleCellPointerDown, style: {
                 ...hiddenStyle,
                 'background-color': backgroundColorStyle,
-            } }, h("div", { key: '25a45f3cebed75a1d0e469cce01e1cabec5450c4', class: "wrapper" }, h("div", { key: '7ba2f3c1b9a5551287f6683f87de841f0717e87b', class: "no-shrink" }, h("slot", { key: '04bd203d0e034aa4fce3a0b64d24718ab0ba50af', name: "left-gutter" })), showSpaceForExpansionIcon && (h("button", { key: '9dfa16123e24eeb90e208aa0d5936b9bacd9d8f4', class: "expand-btn no-shrink", "data-testid": 'expand-' + ((_a = this.node) === null || _a === void 0 ? void 0 : _a.name), onPointerUp: this.createActionPointerUpHandler(this.toggleExpansion) }, expansionIcon && (h("vertex-viewer-icon", { key: 'dd3c2a86b90d627b3234b76075dafef393418945', class: "icon", name: expansionIcon, size: "sm" })))), showSpaceForEndItemIcon && (h("button", { key: 'd486186bcae525c9b520cc0cd07848389f9ffd87', class: "end-item-btn no-shrink", "data-testid": 'end-item-' + ((_b = this.node) === null || _b === void 0 ? void 0 : _b.name) }, endItemIcon && (h("vertex-viewer-icon", { key: '70449bce2c41f6d07bd316a6f607b17c2484d4a0', class: "end-item-icon", name: endItemIcon, size: "sm" })))), h("div", { key: 'a693f0db50d607f4f8c427f86ce99a6813b2d691', class: "content" }, this.value != null && this.value.trim() !== '' ? (h("slot", null, this.displayValue())) : (h("slot", { name: "placeholder" }, this.placeholder))), this.isolateButton && (h("button", { key: '6d981678a7307f45e7f4636085676bd091187de4', class: "isolate-btn no-shrink", "data-testid": 'isolate-btn-' + ((_c = this.node) === null || _c === void 0 ? void 0 : _c.name), onPointerUp: this.createActionPointerUpHandler(this.isolate) }, isolateIcon && (h("vertex-viewer-icon", { key: '9fee42c3d4a82445781fc99c31c5980778d94440', class: "icon", name: "locate", size: "sm" })))), this.visibilityToggle && (h("button", { key: 'ae999f4eadf1214f9583a503ccc49cfceee60e44', class: "visibility-btn no-shrink", "data-testid": 'visibility-btn-' + ((_d = this.node) === null || _d === void 0 ? void 0 : _d.name), onPointerUp: this.createActionPointerUpHandler(this.toggleVisibility) }, visibilityIcon && (h("vertex-viewer-icon", { key: 'af24355ad0af2b8cb4fe66a5d25f9bf85796e460', class: "icon", name: visibilityIcon, size: "sm" })))), h("div", { key: '1000b80cc334bc103563af29aea0a0629d3229c3', class: "no-shrink" }, h("slot", { key: '788690a3c64964d744d8effc3898fefb19d1ae5a', name: "right-gutter" })), !this.visibilityToggle && !this.isolateButton && (h("div", { key: '6012bc2d3b2fef8533597d92233db11b6b5982a1', class: "column-spacer" })))));
+            } }, h("div", { key: '25a45f3cebed75a1d0e469cce01e1cabec5450c4', class: "wrapper" }, h("div", { key: '7ba2f3c1b9a5551287f6683f87de841f0717e87b', class: "no-shrink" }, h("slot", { key: '04bd203d0e034aa4fce3a0b64d24718ab0ba50af', name: "left-gutter" })), showSpaceForExpansionIcon && (h("button", { key: '2f06d2f206c5ddfac809ee19bc0f9ace1ab33fa7', class: "expand-btn no-shrink", "data-testid": 'expand-' + ((_a = this.node) === null || _a === void 0 ? void 0 : _a.name), onPointerUp: this.createActionPointerUpHandler(this.toggleExpansion), "aria-label": "Cell expansion toggle" }, expansionIcon && (h("vertex-viewer-icon", { key: '01b15b48b36e4c1293618cde9a6ef57c17415e2d', class: "icon", name: expansionIcon, size: "sm" })))), showSpaceForEndItemIcon && (h("button", { key: '54eaff375458ed0d07d54231795406fdc97b07eb', class: "end-item-btn no-shrink", "data-testid": 'end-item-' + ((_b = this.node) === null || _b === void 0 ? void 0 : _b.name), "aria-label": "End item" }, endItemIcon && (h("vertex-viewer-icon", { key: 'a14f6e447bde1e8e862be0cfacb08b09ce96823e', class: "end-item-icon", name: endItemIcon, size: "sm" })))), h("div", { key: '33848352d332ff4b8f66c2a79752b00b0468d020', class: "content" }, this.value != null && this.value.trim() !== '' ? (h("slot", null, this.displayValue())) : (h("slot", { name: "placeholder" }, this.placeholder))), this.isolateButton && (h("button", { key: 'c9798418510785e27a6a245cc9196d196d520da1', class: "isolate-btn no-shrink", "data-testid": 'isolate-btn-' + ((_c = this.node) === null || _c === void 0 ? void 0 : _c.name), onPointerUp: this.createActionPointerUpHandler(this.isolate), "aria-label": "Isolate" }, isolateIcon && (h("vertex-viewer-icon", { key: '4caa8e0c80da6af73afa35d8020d5037d5480f1d', class: "icon", name: "locate", size: "sm" })))), this.visibilityToggle && (h("button", { key: '1005844156a635a7c4875513394628c417c9fe1f', class: "visibility-btn no-shrink", "data-testid": 'visibility-btn-' + ((_d = this.node) === null || _d === void 0 ? void 0 : _d.name), onPointerUp: this.createActionPointerUpHandler(this.toggleVisibility), "aria-label": "Toggle visibility" }, visibilityIcon && (h("vertex-viewer-icon", { key: '904615e1a27753d51dc19aaedd0914f190d0dc51', class: "icon", name: visibilityIcon, size: "sm" })))), h("div", { key: '3d7f7703d059a44ad3dc8c94a5e505df547b94cb', class: "no-shrink" }, h("slot", { key: '283a87e5c53eda72ddbf5e6fd1d7965fb4c4bc16', name: "right-gutter" })), !this.visibilityToggle && !this.isolateButton && (h("div", { key: '170e79e98faa39d27eeb8a602627825cf99e9527', class: "column-spacer" })))));
     }
     toggleAttribute(attr, value) {
         if (value) {

package/dist/collection/components/scene-tree-table-cell/scene-tree-table-cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scene-tree-table-cell.js","sourceRoot":"","sources":["../../../../../src/components/scene-tree-table-cell/scene-tree-table-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n} from '@stencil/core';\nimport { Node } from '@vertexvis/scene-tree-protos/scenetree/protos/domain_pb';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { Events } from '../../lib/types';\nimport { SceneTreeOperationHandler } from '../scene-tree/lib/handlers';\nimport { SceneTreeCellHoverController } from '../scene-tree-table-layout/lib/hover-controller';\nimport { ViewerIconName } from '../viewer-icon/viewer-icon';\nimport { blurElement } from './utils';\n\nexport interface SceneTreeTableCellEventDetails {\n node?: Node.AsObject;\n originalEvent: PointerEvent;\n}\n\n@Component({\n tag: 'vertex-scene-tree-table-cell',\n styleUrl: 'scene-tree-table-cell.css',\n shadow: true,\n})\nexport class SceneTreeTableCell {\n /*\n The node data that is associated to the row that this cell belongs to.\n * Contains information related to if the node is expanded, visible, etc.\n /\n @Prop()\n public node?: Node.AsObject;\n\n /\n A reference to the scene tree to perform operations for interactions. Such\n * as expansion, visibility and selection.\n /\n @Prop()\n public tree?: HTMLVertexSceneTreeElement;\n\n /\n The value to display in this cell.\n /\n @Prop()\n public value?: string;\n\n /\n The value to display in this cell if the `value` specified is\n * undefined. Defaults to \"--\".\n /\n @Prop()\n public placeholder = '--';\n\n /\n Whether to always show the requested icons in the cell. If false,\n * the icons will only appear when hovering over the cell.\n /\n @Prop()\n public alwaysShowIcons = false;\n\n /\n @internal\n /\n @Prop({ mutable: true })\n public hovered = false;\n\n /\n @internal\n /\n @Prop()\n public isScrolling?: boolean;\n\n /\n Indicates whether to display a button for toggling the expanded state of\n * the node associated with this cell.\n /\n @Prop()\n public expandToggle?: boolean;\n\n /\n Indicates whether to display an indicator that the node associated with\n * this cell is an end item.\n /\n @Prop()\n public endItemIndicator?: boolean;\n\n /\n Indicates whether to display a button for toggling the visibility state of\n * the node associated with this cell.\n /\n @Prop()\n public visibilityToggle?: boolean;\n\n /\n Indicates whether to display a button for isolating (show only + fly to)\n * the node associated with this cell.\n /\n @Prop()\n public isolateButton?: boolean;\n\n /\n An optional handler that will override this cell's default selection\n * behavior. The registered handler will receive the `pointerup` event,\n * the node data for the row this cell is associated with, and a reference\n * to the parent `<vertex-scene-tree>` element for performing operations.\n /\n @Prop()\n public selectionHandler?: SceneTreeOperationHandler;\n\n /\n An optional handler that will override this cell's default visibility\n * behavior. The registered handler will receive the `pointerup` event,\n * the node data for the row this cell is associated with, and a reference\n * to the parent `<vertex-scene-tree>` element for performing operations.\n /\n @Prop()\n public visibilityHandler?: SceneTreeOperationHandler;\n\n /\n An optional handler that will override this cell's default expansion\n * behavior. The registered handler will receive the `pointerup` event,\n * the node data for the row this cell is associated with, and a reference\n * to the parent `<vertex-scene-tree>` element for performing operations.\n /\n @Prop()\n public expansionHandler?: SceneTreeOperationHandler;\n\n /\n An optional handler that will override this cell's default isolate\n * behavior. The registered handler will receive the `pointerup` event,\n * the node data for the row this cell is associated with, and a reference\n * to the parent `<vertex-scene-tree>` element for performing operations.\n /\n @Prop()\n public isolateHandler?: SceneTreeOperationHandler;\n\n /\n @internal\n /\n @Prop()\n public hoverController?: SceneTreeCellHoverController;\n\n /\n An event that is emitted when a user requests to expand the node. This is\n * emitted even if interactions are disabled.\n /\n @Event({ bubbles: true })\n public expandToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n /\n An event that is emitted when a user requests to change the node's\n * visibility. This event is emitted even if interactions are disabled.\n /\n @Event({ bubbles: true })\n public visibilityToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n /\n An event that is emitted when a user requests to change the node's selection\n * state. This event is emitted even if interactions are disabled.\n /\n @Event({ bubbles: true })\n public selectionToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n /\n An event that is emitted when a user requests to isolate the node.\n * This event is emitted even if interactions are disabled.\n /\n @Event({ bubbles: true })\n public isolatePressed!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n /\n Used for internals or testing.\n \n @private\n */\n @Event({ bubbles: true })\n public cellLoaded!: EventEmitter<void>;\n\n @Element()\n private hostEl!: HTMLElement;\n\n private hoverListener?: Disposable;\n\n private longPressTimer?: number;\n\n public componentDidLoad(): void {\n this.hoverListener = this.hoverController?.stateChanged((id?: string) => {\n this.hovered = id === this.node?.id?.hex;\n });\n\n this.cellLoaded.emit();\n this.clearLongPressTimer();\n }\n\n public disconnectedCallback(): void {\n this.hoverListener?.dispose();\n this.clearLongPressTimer();\n }\n\n public componentWillRender(): void {\n this.toggleAttribute('is-hovered', this.hovered);\n this.toggleAttribute('is-hidden', !this.node?.visible);\n this.toggleAttribute('is-selected', !!this.node?.selected);\n this.toggleAttribute('is-partial', !!this.node?.partiallyVisible);\n this.toggleAttribute('is-leaf', !!this.node?.isLeaf);\n this.toggleAttribute('is-end-item', !!this.node?.endItem);\n this.toggleAttribute('is-filter-hit', !!this.node?.filterHit);\n }\n\n public render(): h.JSX.IntrinsicElements {\n // Overrides the `.hydrated` visibility when we have nothing to display\n const hiddenStyle =\n this.node == null ? { visibility: 'hidden' } : undefined;\n const backgroundColorStyle = this.getBackgroundColorStyle();\n\n const endItemIcon = this.getEndItemIcon();\n const expansionIcon = this.getExpansionIcon();\n const isolateIcon = this.getIsolateIcon();\n const visibilityIcon = this.getVisibilityIcon();\n\n const showSpaceForExpansionIcon = this.expandToggle && !endItemIcon;\n const showSpaceForEndItemIcon = endItemIcon && !showSpaceForExpansionIcon;\n\n return (\n <Host\n onPointerEnter={this.handleCellPointerEnter}\n onPointerLeave={this.handleCellPointerLeave}\n onPointerUp={this.handleCellPointerUp}\n onPointerDown={this.handleCellPointerDown}\n style={{\n ...hiddenStyle,\n 'background-color': backgroundColorStyle,\n }}\n >\n <div class=\"wrapper\">\n <div class=\"no-shrink\">\n <slot name=\"left-gutter\" />\n </div>\n {showSpaceForExpansionIcon && (\n <button\n class=\"expand-btn no-shrink\"\n data-testid={'expand-' + this.node?.name}\n onPointerUp={this.createActionPointerUpHandler(\n this.toggleExpansion,\n )}\n >\n {expansionIcon && (\n <vertex-viewer-icon\n class=\"icon\"\n name={expansionIcon}\n size=\"sm\"\n />\n )}\n </button>\n )}\n\n {showSpaceForEndItemIcon && (\n <button\n class=\"end-item-btn no-shrink\"\n data-testid={'end-item-' + this.node?.name}\n >\n {endItemIcon && (\n <vertex-viewer-icon\n class=\"end-item-icon\"\n name={endItemIcon}\n size=\"sm\"\n />\n )}\n </button>\n )}\n\n <div class=\"content\">\n {this.value != null && this.value.trim() !== '' ? (\n <slot>{this.displayValue()}</slot>\n ) : (\n <slot name=\"placeholder\">{this.placeholder}</slot>\n )}\n </div>\n {this.isolateButton && (\n <button\n class=\"isolate-btn no-shrink\"\n data-testid={'isolate-btn-' + this.node?.name}\n onPointerUp={this.createActionPointerUpHandler(this.isolate)}\n >\n {isolateIcon && (\n <vertex-viewer-icon class=\"icon\" name=\"locate\" size=\"sm\" />\n )}\n </button>\n )}\n {this.visibilityToggle && (\n <button\n class=\"visibility-btn no-shrink\"\n data-testid={'visibility-btn-' + this.node?.name}\n onPointerUp={this.createActionPointerUpHandler(\n this.toggleVisibility,\n )}\n >\n {visibilityIcon && (\n <vertex-viewer-icon\n class=\"icon\"\n name={visibilityIcon}\n size=\"sm\"\n />\n )}\n </button>\n )}\n <div class=\"no-shrink\">\n <slot name=\"right-gutter\" />\n </div>\n {!this.visibilityToggle && !this.isolateButton && (\n <div class=\"column-spacer\" />\n )}\n </div>\n </Host>\n );\n }\n\n private displayValue = (): string => {\n const resp =\n this.value == null \|\| this.value.trim() === ''\n ? this.placeholder\n : this.value;\n\n return resp;\n };\n\n private handleCellPointerEnter = (): void => {\n this.hoverController?.setHovered(this.node?.id?.hex);\n };\n\n private handleCellPointerLeave = (): void => {\n this.hoverController?.setHovered(undefined);\n };\n\n private handleCellPointerUp = (event: PointerEvent): void => {\n if (\n !this.isScrolling &&\n this.node != null &&\n this.tree != null &&\n this.longPressTimer != null\n ) {\n if (this.selectionHandler != null) {\n this.selectionHandler(event, this.node, this.tree);\n } else {\n this.performDefaultSelectionOperation(event);\n }\n this.selectionToggled.emit({ node: this.node, originalEvent: event });\n }\n this.clearLongPressTimer();\n };\n\n private handleCellPointerDown = (event: PointerEvent): void => {\n this.restartLongPressTimer();\n };\n\n private createActionPointerUpHandler = (\n action: (event: PointerEvent) => void,\n ): ((event: PointerEvent) => void) => {\n return (event) => {\n // Blur the `hostEl` after a `preventDefault` to clear focus that\n // is left on the element after `pointerdown` event.\n event.preventDefault();\n event.stopPropagation();\n blurElement(this.hostEl);\n\n action(event);\n };\n };\n\n private toggleExpansion = async (event: PointerEvent): Promise<void> => {\n if (this.tree != null && this.node != null) {\n if (this.expansionHandler != null) {\n this.expansionHandler(event, this.node, this.tree);\n } else {\n await this.performDefaultExpansionOperation(this.node, this.tree);\n }\n this.expandToggled.emit({ node: this.node, originalEvent: event });\n }\n };\n\n private toggleVisibility = async (event: PointerEvent): Promise<void> => {\n if (this.tree != null && this.node != null) {\n if (this.visibilityHandler != null) {\n this.visibilityHandler(event, this.node, this.tree);\n } else {\n await this.performDefaultVisibilityOperation(this.node, this.tree);\n }\n this.visibilityToggled.emit({ node: this.node, originalEvent: event });\n }\n };\n\n private toggleAttribute(attr: string, value: boolean): void {\n if (value) {\n this.hostEl.setAttribute(attr, '');\n } else {\n this.hostEl.removeAttribute(attr);\n }\n }\n\n private isolate = async (event: PointerEvent): Promise<void> => {\n if (this.tree != null && this.node != null) {\n if (this.isolateHandler != null) {\n this.isolateHandler(event, this.node, this.tree);\n } else {\n await this.performDefaultIsolateOperation(this.node, this.tree);\n }\n this.isolatePressed.emit({ node: this.node, originalEvent: event });\n }\n };\n\n private performDefaultSelectionOperation = (event: PointerEvent): void => {\n if (!event.defaultPrevented && event.button === 0) {\n if ((event.ctrlKey \|\| event.metaKey) && this.node?.selected) {\n this.tree?.deselectItem(this.node);\n } else if (this.node?.selected) {\n this.tree?.selectItem(this.node, {\n recurseParent: true,\n });\n } else if (!this.node?.selected) {\n this.tree?.selectItem(this.node, {\n append: event.ctrlKey \|\| event.metaKey,\n range: event.shiftKey,\n });\n }\n }\n };\n\n private performDefaultVisibilityOperation = async (\n node: Node.AsObject,\n tree: HTMLVertexSceneTreeElement,\n ): Promise<void> => {\n await tree.toggleItemVisibility(node);\n };\n\n private performDefaultIsolateOperation = async (\n node: Node.AsObject,\n tree: HTMLVertexSceneTreeElement,\n ): Promise<void> => {\n await tree.isolateItem(node);\n };\n\n private performDefaultExpansionOperation = async (\n node: Node.AsObject,\n tree: HTMLVertexSceneTreeElement,\n ): Promise<void> => {\n await tree.toggleExpandItem(node);\n };\n\n private clearLongPressTimer(): void {\n if (this.longPressTimer != null) {\n window.clearTimeout(this.longPressTimer);\n }\n this.longPressTimer = undefined;\n }\n\n private restartLongPressTimer(): void {\n this.clearLongPressTimer();\n this.longPressTimer = window.setTimeout(() => {\n this.clearLongPressTimer();\n }, Events.defaultEventConfig.longPressThreshold);\n }\n\n private getBackgroundColorStyle(): string {\n const backgroundColorStyle = this.getCssVariableWithFallbacks(\n `--scene-tree-row-background-color-depth-${this.node?.depth}`,\n '--scene-tree-row-background-color',\n );\n const selectedBackgroundColorStyle = this.getCssVariableWithFallbacks(\n '--scene-tree-selected-row-background-color',\n '--scene-tree-cell-background-selected',\n );\n const hoveredBackgroundColorStyle = this.getCssVariableWithFallbacks(\n '--scene-tree-hovered-row-background-color',\n '--scene-tree-cell-background-hover',\n );\n\n if (!!this.node?.selected) {\n return selectedBackgroundColorStyle;\n } else if (this.hovered) {\n return hoveredBackgroundColorStyle;\n }\n return backgroundColorStyle;\n }\n\n private getCssVariableWithFallbacks(\n variable: string,\n ...fallbacks: string[]\n ): string {\n const sequencedFallbacks = [...fallbacks].reverse();\n\n return [...sequencedFallbacks, variable].reduce(\n (res, s) => `var(${s}, ${res})`,\n 'unset',\n );\n }\n\n private getIsolateIcon(): ViewerIconName \| undefined {\n if (this.hovered \|\| this.alwaysShowIcons) {\n return 'locate';\n }\n return undefined;\n }\n\n private getExpansionIcon(): ViewerIconName \| undefined {\n if (!this.node?.isLeaf && !this.node?.endItem) {\n return this.node?.expanded ? 'chevron-down' : 'chevron-right';\n }\n return undefined;\n }\n\n private getEndItemIcon(): ViewerIconName \| undefined {\n // Return the end item icon for an item if it is set as an end item and either is not a leaf item\n // or matches the filter. Note that in the filtered view, an end item matching the filter will always be\n // marked as a leaf node because its children will be excluded from the search results and therefore\n // not present in the filtered tree.\n if (\n this.endItemIndicator &&\n this.node?.endItem &&\n (!this.node?.isLeaf \|\| this.node?.filterHit)\n ) {\n return 'lock';\n }\n return undefined;\n }\n\n private getVisibilityIcon(): ViewerIconName \| undefined {\n if (\n (this.hovered \|\| this.alwaysShowIcons) &&\n !this.node?.partiallyVisible &&\n this.node?.visible\n ) {\n return 'eye-open';\n } else if (!this.node?.partiallyVisible && !this.node?.visible) {\n return 'eye-half';\n } else if (this.node?.partiallyVisible) {\n return 'eye-half-dotted';\n }\n return undefined;\n }\n}\n"]}
1	+ {"version":3,"file":"scene-tree-table-cell.js","sourceRoot":"","sources":["../../../../../src/components/scene-tree-table-cell/scene-tree-table-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n} from '@stencil/core';\nimport { Node } from '@vertexvis/scene-tree-protos/scenetree/protos/domain_pb';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { Events } from '../../lib/types';\nimport { SceneTreeOperationHandler } from '../scene-tree/lib/handlers';\nimport { SceneTreeCellHoverController } from '../scene-tree-table-layout/lib/hover-controller';\nimport { ViewerIconName } from '../viewer-icon/viewer-icon';\nimport { blurElement } from './utils';\n\nexport interface SceneTreeTableCellEventDetails {\n node?: Node.AsObject;\n originalEvent: PointerEvent;\n}\n\n@Component({\n tag: 'vertex-scene-tree-table-cell',\n styleUrl: 'scene-tree-table-cell.css',\n shadow: true,\n})\nexport class SceneTreeTableCell {\n /*\n The node data that is associated to the row that this cell belongs to.\n * Contains information related to if the node is expanded, visible, etc.\n /\n @Prop()\n public node?: Node.AsObject;\n\n /\n A reference to the scene tree to perform operations for interactions. Such\n * as expansion, visibility and selection.\n /\n @Prop()\n public tree?: HTMLVertexSceneTreeElement;\n\n /\n The value to display in this cell.\n /\n @Prop()\n public value?: string;\n\n /\n The value to display in this cell if the `value` specified is\n * undefined. Defaults to \"--\".\n /\n @Prop()\n public placeholder = '--';\n\n /\n Whether to always show the requested icons in the cell. If false,\n * the icons will only appear when hovering over the cell.\n /\n @Prop()\n public alwaysShowIcons = false;\n\n /\n @internal\n /\n @Prop({ mutable: true })\n public hovered = false;\n\n /\n @internal\n /\n @Prop()\n public isScrolling?: boolean;\n\n /\n Indicates whether to display a button for toggling the expanded state of\n * the node associated with this cell.\n /\n @Prop()\n public expandToggle?: boolean;\n\n /\n Indicates whether to display an indicator that the node associated with\n * this cell is an end item.\n /\n @Prop()\n public endItemIndicator?: boolean;\n\n /\n Indicates whether to display a button for toggling the visibility state of\n * the node associated with this cell.\n /\n @Prop()\n public visibilityToggle?: boolean;\n\n /\n Indicates whether to display a button for isolating (show only + fly to)\n * the node associated with this cell.\n /\n @Prop()\n public isolateButton?: boolean;\n\n /\n An optional handler that will override this cell's default selection\n * behavior. The registered handler will receive the `pointerup` event,\n * the node data for the row this cell is associated with, and a reference\n * to the parent `<vertex-scene-tree>` element for performing operations.\n /\n @Prop()\n public selectionHandler?: SceneTreeOperationHandler;\n\n /\n An optional handler that will override this cell's default visibility\n * behavior. The registered handler will receive the `pointerup` event,\n * the node data for the row this cell is associated with, and a reference\n * to the parent `<vertex-scene-tree>` element for performing operations.\n /\n @Prop()\n public visibilityHandler?: SceneTreeOperationHandler;\n\n /\n An optional handler that will override this cell's default expansion\n * behavior. The registered handler will receive the `pointerup` event,\n * the node data for the row this cell is associated with, and a reference\n * to the parent `<vertex-scene-tree>` element for performing operations.\n /\n @Prop()\n public expansionHandler?: SceneTreeOperationHandler;\n\n /\n An optional handler that will override this cell's default isolate\n * behavior. The registered handler will receive the `pointerup` event,\n * the node data for the row this cell is associated with, and a reference\n * to the parent `<vertex-scene-tree>` element for performing operations.\n /\n @Prop()\n public isolateHandler?: SceneTreeOperationHandler;\n\n /\n @internal\n /\n @Prop()\n public hoverController?: SceneTreeCellHoverController;\n\n /\n An event that is emitted when a user requests to expand the node. This is\n * emitted even if interactions are disabled.\n /\n @Event({ bubbles: true })\n public expandToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n /\n An event that is emitted when a user requests to change the node's\n * visibility. This event is emitted even if interactions are disabled.\n /\n @Event({ bubbles: true })\n public visibilityToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n /\n An event that is emitted when a user requests to change the node's selection\n * state. This event is emitted even if interactions are disabled.\n /\n @Event({ bubbles: true })\n public selectionToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n /\n An event that is emitted when a user requests to isolate the node.\n * This event is emitted even if interactions are disabled.\n /\n @Event({ bubbles: true })\n public isolatePressed!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n /\n Used for internals or testing.\n \n @private\n */\n @Event({ bubbles: true })\n public cellLoaded!: EventEmitter<void>;\n\n @Element()\n private hostEl!: HTMLElement;\n\n private hoverListener?: Disposable;\n\n private longPressTimer?: number;\n\n public componentDidLoad(): void {\n this.hoverListener = this.hoverController?.stateChanged((id?: string) => {\n this.hovered = id === this.node?.id?.hex;\n });\n\n this.cellLoaded.emit();\n this.clearLongPressTimer();\n }\n\n public disconnectedCallback(): void {\n this.hoverListener?.dispose();\n this.clearLongPressTimer();\n }\n\n public componentWillRender(): void {\n this.toggleAttribute('is-hovered', this.hovered);\n this.toggleAttribute('is-hidden', !this.node?.visible);\n this.toggleAttribute('is-selected', !!this.node?.selected);\n this.toggleAttribute('is-partial', !!this.node?.partiallyVisible);\n this.toggleAttribute('is-leaf', !!this.node?.isLeaf);\n this.toggleAttribute('is-end-item', !!this.node?.endItem);\n this.toggleAttribute('is-filter-hit', !!this.node?.filterHit);\n }\n\n public render(): h.JSX.IntrinsicElements {\n // Overrides the `.hydrated` visibility when we have nothing to display\n const hiddenStyle =\n this.node == null ? { visibility: 'hidden' } : undefined;\n const backgroundColorStyle = this.getBackgroundColorStyle();\n\n const endItemIcon = this.getEndItemIcon();\n const expansionIcon = this.getExpansionIcon();\n const isolateIcon = this.getIsolateIcon();\n const visibilityIcon = this.getVisibilityIcon();\n\n const showSpaceForExpansionIcon = this.expandToggle && !endItemIcon;\n const showSpaceForEndItemIcon = endItemIcon && !showSpaceForExpansionIcon;\n\n return (\n <Host\n onPointerEnter={this.handleCellPointerEnter}\n onPointerLeave={this.handleCellPointerLeave}\n onPointerUp={this.handleCellPointerUp}\n onPointerDown={this.handleCellPointerDown}\n style={{\n ...hiddenStyle,\n 'background-color': backgroundColorStyle,\n }}\n >\n <div class=\"wrapper\">\n <div class=\"no-shrink\">\n <slot name=\"left-gutter\" />\n </div>\n {showSpaceForExpansionIcon && (\n <button\n class=\"expand-btn no-shrink\"\n data-testid={'expand-' + this.node?.name}\n onPointerUp={this.createActionPointerUpHandler(\n this.toggleExpansion,\n )}\n aria-label=\"Cell expansion toggle\"\n >\n {expansionIcon && (\n <vertex-viewer-icon\n class=\"icon\"\n name={expansionIcon}\n size=\"sm\"\n />\n )}\n </button>\n )}\n\n {showSpaceForEndItemIcon && (\n <button\n class=\"end-item-btn no-shrink\"\n data-testid={'end-item-' + this.node?.name}\n aria-label=\"End item\"\n >\n {endItemIcon && (\n <vertex-viewer-icon\n class=\"end-item-icon\"\n name={endItemIcon}\n size=\"sm\"\n />\n )}\n </button>\n )}\n\n <div class=\"content\">\n {this.value != null && this.value.trim() !== '' ? (\n <slot>{this.displayValue()}</slot>\n ) : (\n <slot name=\"placeholder\">{this.placeholder}</slot>\n )}\n </div>\n {this.isolateButton && (\n <button\n class=\"isolate-btn no-shrink\"\n data-testid={'isolate-btn-' + this.node?.name}\n onPointerUp={this.createActionPointerUpHandler(this.isolate)}\n aria-label=\"Isolate\"\n >\n {isolateIcon && (\n <vertex-viewer-icon class=\"icon\" name=\"locate\" size=\"sm\" />\n )}\n </button>\n )}\n {this.visibilityToggle && (\n <button\n class=\"visibility-btn no-shrink\"\n data-testid={'visibility-btn-' + this.node?.name}\n onPointerUp={this.createActionPointerUpHandler(\n this.toggleVisibility,\n )}\n aria-label=\"Toggle visibility\"\n >\n {visibilityIcon && (\n <vertex-viewer-icon\n class=\"icon\"\n name={visibilityIcon}\n size=\"sm\"\n />\n )}\n </button>\n )}\n <div class=\"no-shrink\">\n <slot name=\"right-gutter\" />\n </div>\n {!this.visibilityToggle && !this.isolateButton && (\n <div class=\"column-spacer\" />\n )}\n </div>\n </Host>\n );\n }\n\n private displayValue = (): string => {\n const resp =\n this.value == null \|\| this.value.trim() === ''\n ? this.placeholder\n : this.value;\n\n return resp;\n };\n\n private handleCellPointerEnter = (): void => {\n this.hoverController?.setHovered(this.node?.id?.hex);\n };\n\n private handleCellPointerLeave = (): void => {\n this.hoverController?.setHovered(undefined);\n };\n\n private handleCellPointerUp = (event: PointerEvent): void => {\n if (\n !this.isScrolling &&\n this.node != null &&\n this.tree != null &&\n this.longPressTimer != null\n ) {\n if (this.selectionHandler != null) {\n this.selectionHandler(event, this.node, this.tree);\n } else {\n this.performDefaultSelectionOperation(event);\n }\n this.selectionToggled.emit({ node: this.node, originalEvent: event });\n }\n this.clearLongPressTimer();\n };\n\n private handleCellPointerDown = (event: PointerEvent): void => {\n this.restartLongPressTimer();\n };\n\n private createActionPointerUpHandler = (\n action: (event: PointerEvent) => void,\n ): ((event: PointerEvent) => void) => {\n return (event) => {\n // Blur the `hostEl` after a `preventDefault` to clear focus that\n // is left on the element after `pointerdown` event.\n event.preventDefault();\n event.stopPropagation();\n blurElement(this.hostEl);\n\n action(event);\n };\n };\n\n private toggleExpansion = async (event: PointerEvent): Promise<void> => {\n if (this.tree != null && this.node != null) {\n if (this.expansionHandler != null) {\n this.expansionHandler(event, this.node, this.tree);\n } else {\n await this.performDefaultExpansionOperation(this.node, this.tree);\n }\n this.expandToggled.emit({ node: this.node, originalEvent: event });\n }\n };\n\n private toggleVisibility = async (event: PointerEvent): Promise<void> => {\n if (this.tree != null && this.node != null) {\n if (this.visibilityHandler != null) {\n this.visibilityHandler(event, this.node, this.tree);\n } else {\n await this.performDefaultVisibilityOperation(this.node, this.tree);\n }\n this.visibilityToggled.emit({ node: this.node, originalEvent: event });\n }\n };\n\n private toggleAttribute(attr: string, value: boolean): void {\n if (value) {\n this.hostEl.setAttribute(attr, '');\n } else {\n this.hostEl.removeAttribute(attr);\n }\n }\n\n private isolate = async (event: PointerEvent): Promise<void> => {\n if (this.tree != null && this.node != null) {\n if (this.isolateHandler != null) {\n this.isolateHandler(event, this.node, this.tree);\n } else {\n await this.performDefaultIsolateOperation(this.node, this.tree);\n }\n this.isolatePressed.emit({ node: this.node, originalEvent: event });\n }\n };\n\n private performDefaultSelectionOperation = (event: PointerEvent): void => {\n if (!event.defaultPrevented && event.button === 0) {\n if ((event.ctrlKey \|\| event.metaKey) && this.node?.selected) {\n this.tree?.deselectItem(this.node);\n } else if (this.node?.selected) {\n this.tree?.selectItem(this.node, {\n recurseParent: true,\n });\n } else if (!this.node?.selected) {\n this.tree?.selectItem(this.node, {\n append: event.ctrlKey \|\| event.metaKey,\n range: event.shiftKey,\n });\n }\n }\n };\n\n private performDefaultVisibilityOperation = async (\n node: Node.AsObject,\n tree: HTMLVertexSceneTreeElement,\n ): Promise<void> => {\n await tree.toggleItemVisibility(node);\n };\n\n private performDefaultIsolateOperation = async (\n node: Node.AsObject,\n tree: HTMLVertexSceneTreeElement,\n ): Promise<void> => {\n await tree.isolateItem(node);\n };\n\n private performDefaultExpansionOperation = async (\n node: Node.AsObject,\n tree: HTMLVertexSceneTreeElement,\n ): Promise<void> => {\n await tree.toggleExpandItem(node);\n };\n\n private clearLongPressTimer(): void {\n if (this.longPressTimer != null) {\n window.clearTimeout(this.longPressTimer);\n }\n this.longPressTimer = undefined;\n }\n\n private restartLongPressTimer(): void {\n this.clearLongPressTimer();\n this.longPressTimer = window.setTimeout(() => {\n this.clearLongPressTimer();\n }, Events.defaultEventConfig.longPressThreshold);\n }\n\n private getBackgroundColorStyle(): string {\n const backgroundColorStyle = this.getCssVariableWithFallbacks(\n `--scene-tree-row-background-color-depth-${this.node?.depth}`,\n '--scene-tree-row-background-color',\n );\n const selectedBackgroundColorStyle = this.getCssVariableWithFallbacks(\n '--scene-tree-selected-row-background-color',\n '--scene-tree-cell-background-selected',\n );\n const hoveredBackgroundColorStyle = this.getCssVariableWithFallbacks(\n '--scene-tree-hovered-row-background-color',\n '--scene-tree-cell-background-hover',\n );\n\n if (!!this.node?.selected) {\n return selectedBackgroundColorStyle;\n } else if (this.hovered) {\n return hoveredBackgroundColorStyle;\n }\n return backgroundColorStyle;\n }\n\n private getCssVariableWithFallbacks(\n variable: string,\n ...fallbacks: string[]\n ): string {\n const sequencedFallbacks = [...fallbacks].reverse();\n\n return [...sequencedFallbacks, variable].reduce(\n (res, s) => `var(${s}, ${res})`,\n 'unset',\n );\n }\n\n private getIsolateIcon(): ViewerIconName \| undefined {\n if (this.hovered \|\| this.alwaysShowIcons) {\n return 'locate';\n }\n return undefined;\n }\n\n private getExpansionIcon(): ViewerIconName \| undefined {\n if (!this.node?.isLeaf && !this.node?.endItem) {\n return this.node?.expanded ? 'chevron-down' : 'chevron-right';\n }\n return undefined;\n }\n\n private getEndItemIcon(): ViewerIconName \| undefined {\n // Return the end item icon for an item if it is set as an end item and either is not a leaf item\n // or matches the filter. Note that in the filtered view, an end item matching the filter will always be\n // marked as a leaf node because its children will be excluded from the search results and therefore\n // not present in the filtered tree.\n if (\n this.endItemIndicator &&\n this.node?.endItem &&\n (!this.node?.isLeaf \|\| this.node?.filterHit)\n ) {\n return 'lock';\n }\n return undefined;\n }\n\n private getVisibilityIcon(): ViewerIconName \| undefined {\n if (\n (this.hovered \|\| this.alwaysShowIcons) &&\n !this.node?.partiallyVisible &&\n this.node?.visible\n ) {\n return 'eye-open';\n } else if (!this.node?.partiallyVisible && !this.node?.visible) {\n return 'eye-half';\n } else if (this.node?.partiallyVisible) {\n return 'eye-half-dotted';\n }\n return undefined;\n }\n}\n"]}

package/dist/collection/components/scene-tree-table-column/scene-tree-table-column.css CHANGED Viewed

@@ -16,4 +16,3 @@
   width: 100%;
   overflow: hidden;
 }

package/dist/collection/components/scene-tree-table-layout/scene-tree-table-layout.css CHANGED Viewed

@@ -11,19 +11,19 @@
     * @prop --scene-tree-table-row-padding: CSS lengths that specifies the amount of
     * padding between the row's border and content.
     */
-    --scene-tree-table-row-padding: 2px 0px;
+  --scene-tree-table-row-padding: 2px 0px;
   /**
     * @prop --scene-tree-table-column-gap: CSS length that specifies the amount of
     * padding between columns in the table.
     */
-    --scene-tree-table-column-gap: 0.5rem;
+  --scene-tree-table-column-gap: 0.5rem;
   /**
     * @prop --scene-tree-table-column-resize-cursor: A CSS cursor value that will
     * be displayed when resizing a column. Defaults to `col-resize`.
     */
-    --scene-tree-table-column-resize-cursor: col-resize;
+  --scene-tree-table-column-resize-cursor: col-resize;
 }
 .header {

package/dist/collection/components/viewer-annotation-callout/viewer-annotation-callout.css CHANGED Viewed

@@ -1,18 +1,17 @@
 :host {
   display: block;
   /**
     * @prop --viewer-annotation-callout-primary-color: A CSS color that
     * specifies the primary color of the callout.
     */
-    --viewer-annotation-callout-primary-color: var(--blue-700);
+  --viewer-annotation-callout-primary-color: var(--blue-700);
   /**
    * @prop --viewer-annotation-callout-accent-color: A CSS color that
    * specifies a contrasting color to the primary color.
    */
-   --viewer-annotation-callout-accent-color: var(--white);
+  --viewer-annotation-callout-accent-color: var(--white);
 }
 .content {
@@ -45,4 +44,4 @@
 .icon {
   color: var(--viewer-annotation-callout-accent-color);
-}
+}

package/dist/collection/components/viewer-box-query-tool/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/viewer-box-query-tool/types.ts"],"names":[],"mappings":"","sourcesContent":["export type VolumeIntersectionQueryType =\n \| 'clearAndSelect'\n \| 'select'\n \| 'deselect';\n\nexport type VolumeIntersectionQueryMode = 'exclusive' \| 'inclusive';\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/viewer-box-query-tool/types.ts"],"names":[],"mappings":"","sourcesContent":["export type VolumeIntersectionQueryType =\n 'clearAndSelect' \| 'select' \| 'deselect';\n\nexport type VolumeIntersectionQueryMode = 'exclusive' \| 'inclusive';\n"]}

package/dist/collection/components/viewer-box-query-tool/viewer-box-query-tool.css CHANGED Viewed

@@ -52,12 +52,14 @@
   border-radius: var(--viewer-box-query-outline-border-radius);
 }
-:host([exclusive="true"]) .outline {
-  border: 3px var(--viewer-box-query-outline-exclusive-border-style) var(--viewer-box-query-outline-exclusive-color);
+:host([exclusive='true']) .outline {
+  border: 3px var(--viewer-box-query-outline-exclusive-border-style)
+    var(--viewer-box-query-outline-exclusive-color);
 }
-:host([inclusive="true"]) .outline {
-  border: 3px var(--viewer-box-query-outline-inclusive-border-style) var(--viewer-box-query-outline-inclusive-color);
+:host([inclusive='true']) .outline {
+  border: 3px var(--viewer-box-query-outline-inclusive-border-style)
+    var(--viewer-box-query-outline-inclusive-color);
 }
 .fill {
@@ -70,10 +72,10 @@
   border-radius: var(--viewer-box-query-outline-border-radius);
 }
-:host([exclusive="true"]) .fill {
+:host([exclusive='true']) .fill {
   background-color: var(--viewer-box-query-outline-exclusive-color);
 }
-:host([inclusive="true"]) .fill {
+:host([inclusive='true']) .fill {
   background-color: var(--viewer-box-query-outline-inclusive-color);
-}
+}

package/dist/collection/components/viewer-button/viewer-button.js CHANGED Viewed

@@ -3,8 +3,15 @@
  */
 import { h, Host } from "@stencil/core";
 export class ViewerButton {
+    constructor() {
+        /**
+         * Accessible name applied to the internal native button. Use this for
+         * icon-only buttons or when the slotted content does not provide a name.
+         */
+        this.ariaLabel = null;
+    }
     render() {
-        return (h(Host, { key: 'ad089fc6e38b51cc0bd267c21f034f5cf92787f4' }, h("button", { key: '6c4c11f6ee44645ba5b8e8246dda2a2f7f7ca472', class: "viewer-button" }, h("slot", { key: '17fae4ab960240b4bb6e3fb41bfafec60e3db3f8' }))));
+        return (h(Host, { key: '48d5d5322a3a9a0ea1057612fe2a8f1c9bef5171' }, h("button", { key: 'd0e8582256ea5b9a10e33819991e2d6e76271c43', class: "viewer-button", "aria-label": this.ariaLabel }, h("slot", { key: 'cc647426fc0a227fc0aa0e1f49ff65cdedd73f1d' }))));
     }
     static get is() { return "vertex-viewer-button"; }
     static get encapsulation() { return "shadow"; }
@@ -18,5 +25,29 @@ export class ViewerButton {
             "$": ["viewer-button.css"]
         };
     }
+    static get properties() {
+        return {
+            "ariaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "null | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name applied to the internal native button. Use this for\nicon-only buttons or when the slotted content does not provide a name."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-label",
+                "defaultValue": "null"
+            }
+        };
+    }
 }
 //# sourceMappingURL=viewer-button.js.map

package/dist/collection/components/viewer-button/viewer-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"viewer-button.js","sourceRoot":"","sources":["../../../../../src/components/viewer-button/viewer-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;~~AAOnD~~,MAAM,OAAO,YAAY;~~IAChB~~,MAAM;QACX,OAAO,CACL,EAAC,IAAI;YACH,+DAAQ,KAAK,EAAC,eAAe;~~gBAC3B~~,8DAAa,CACN,CACJ,CACR,CAAC;IACJ,CAAC~~;;;;;;;;;~~CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'vertex-viewer-button',\n styleUrl: 'viewer-button.css',\n shadow: true,\n})\nexport class ViewerButton {\n public render(): h.JSX.IntrinsicElements {\n return (\n <Host>\n <button class=\"viewer-button\">\n <slot></slot>\n </button>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"viewer-button.js","sourceRoot":"","sources":["../../../../../src/components/viewer-button/viewer-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,YAAY;IALzB;QAME;;;WAGG;QAEI,cAAS,GAAkB,IAAI,CAAC;KAWxC;IATQ,MAAM;QACX,OAAO,CACL,EAAC,IAAI;YACH,+DAAQ,KAAK,EAAC,eAAe,gBAAa,IAAI,CAAC,SAAS;gBACtD,8DAAa,CACN,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'vertex-viewer-button',\n styleUrl: 'viewer-button.css',\n shadow: true,\n})\nexport class ViewerButton {\n /*\n Accessible name applied to the internal native button. Use this for\n * icon-only buttons or when the slotted content does not provide a name.\n */\n @Prop({ attribute: 'aria-label' })\n public ariaLabel: string \| null = null;\n\n public render(): h.JSX.IntrinsicElements {\n return (\n <Host>\n <button class=\"viewer-button\" aria-label={this.ariaLabel}>\n <slot></slot>\n </button>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/viewer-default-toolbar/viewer-default-toolbar.css CHANGED Viewed

@@ -21,8 +21,8 @@
    * @prop --viewer-toolbar-group-box-shadow: The shadow to apply to each group
    * in the toolbar. Defaults to `-1px 0 2px rgba(0, 0, 0, 0.12), 1px 0 2px rgba(0, 0, 0, 0.13)`.
    */
-  --viewer-toolbar-group-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.12),
-    1px 0 2px rgba(0, 0, 0, 0.13);
+  --viewer-toolbar-group-box-shadow:
+    -1px 0 2px rgba(0, 0, 0, 0.12), 1px 0 2px rgba(0, 0, 0, 0.13);
   /**
    * @prop --viewer-toolbar-group-padding: The padding to apply to each group in

package/dist/collection/components/viewer-default-toolbar/viewer-default-toolbar.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class ViewerDefaultToolbar {
         this.animationMs = 1000;
     }
     render() {
-        return (h("vertex-viewer-toolbar", { key: '349bf96991062154e2e7666bbbecd3d66310e69f', placement: this.placement, direction: this.direction }, h("vertex-viewer-toolbar-group", { key: '6982b3cb19276e09484c52d8baaa825a7339f371', class: "group", direction: this.direction, "data-direction": this.direction }, h("vertex-viewer-button", { key: '77e0f4332b4997c433d2f28b5b9917cc9bea9a12', class: "group-item btn", "data-testid": "fit-all-btn", onClick: () => this.viewAll() }, h("vertex-viewer-icon", { key: '75f085b6c0443ba658e795f74a579cf70e1af2da', class: "icon", name: "fit-all", size: "md" })))));
+        return (h("vertex-viewer-toolbar", { key: '349bf96991062154e2e7666bbbecd3d66310e69f', placement: this.placement, direction: this.direction }, h("vertex-viewer-toolbar-group", { key: '6982b3cb19276e09484c52d8baaa825a7339f371', class: "group", direction: this.direction, "data-direction": this.direction }, h("vertex-viewer-button", { key: 'f7831cc2d418cd77b05493fd0e657b21f300648c', "aria-label": "Fit all", class: "group-item btn", "data-testid": "fit-all-btn", onClick: () => this.viewAll() }, h("vertex-viewer-icon", { key: 'adaa5a960e61b8b931634c350d3b1ef233243886', class: "icon", name: "fit-all", size: "md" })))));
     }
     async viewAll() {
         var _a;

package/dist/collection/components/viewer-default-toolbar/viewer-default-toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"viewer-default-toolbar.js","sourceRoot":"","sources":["../../../../../src/components/viewer-default-toolbar/viewer-default-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUnD,MAAM,OAAO,oBAAoB;IALjC;QAcE;;WAEG;QAEI,cAAS,GAA2B,eAAe,CAAC;QAE3D;;WAEG;QAEI,cAAS,GAAgC,YAAY,CAAC;QAE7D;;;WAGG;QAEI,uBAAkB,GAAG,KAAK,CAAC;QAElC;;WAEG;QAEI,gBAAW,GAAG,IAAI,CAAC;~~KAgC3B~~;~~IA9BQ~~,MAAM;QACX,OAAO,CACL,8EACE,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS;YAEzB,oFACE,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,IAAI,CAAC,SAAS,oBACT,IAAI,CAAC,SAAS;gBAE9B,~~6EACE~~,KAAK,EAAC,gBAAgB,iBACV,aAAa,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;oBAE7B,2EAAoB,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,CACvC,CACK,CACR,CACzB,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,OAAO;;QACnB,MAAM,KAAK,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA,CAAC;QACzC,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB;YACvC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;QACvC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IAClD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\nimport { ViewerToolbarPlacement } from '../viewer-toolbar/types';\nimport { ViewerToolbarGroupDirection } from '../viewer-toolbar-group/types';\n\n@Component({\n tag: 'vertex-viewer-default-toolbar',\n styleUrl: 'viewer-default-toolbar.css',\n shadow: true,\n})\nexport class ViewerDefaultToolbar {\n /*\n An instance of the viewer that operations will be performed on. If\n * contained within a `<vertex-viewer>` element, this property will\n * automatically be wired.\n /\n @Prop()\n public viewer?: HTMLVertexViewerElement;\n\n /\n Specifies where the toolbar is positioned.\n /\n @Prop()\n public placement: ViewerToolbarPlacement = 'bottom-center';\n\n /\n Specifies the direction that UI elements are placed.\n /\n @Prop()\n public direction: ViewerToolbarGroupDirection = 'horizontal';\n\n /\n Indicates whether animations will be used when performing camera\n * operations. Defaults to `true`.\n /\n @Prop()\n public animationsDisabled = false;\n\n /\n The duration of animations, in milliseconds. Defaults to `1000`.\n */\n @Prop()\n public animationMs = 1000;\n\n public render(): h.JSX.IntrinsicElements {\n return (\n <vertex-viewer-toolbar\n placement={this.placement}\n direction={this.direction}\n >\n <vertex-viewer-toolbar-group\n class=\"group\"\n direction={this.direction}\n data-direction={this.direction}\n >\n <vertex-viewer-button\n class=\"group-item btn\"\n data-testid=\"fit-all-btn\"\n onClick={() => this.viewAll()}\n >\n <vertex-viewer-icon class=\"icon\" name=\"fit-all\" size=\"md\" />\n </vertex-viewer-button>\n </vertex-viewer-toolbar-group>\n </vertex-viewer-toolbar>\n );\n }\n\n private async viewAll(): Promise<void> {\n const scene = await this.viewer?.scene();\n const animation = this.animationsDisabled\n ? undefined\n : { milliseconds: this.animationMs };\n scene?.camera().viewAll().render({ animation });\n }\n}\n"]}
1	+ {"version":3,"file":"viewer-default-toolbar.js","sourceRoot":"","sources":["../../../../../src/components/viewer-default-toolbar/viewer-default-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUnD,MAAM,OAAO,oBAAoB;IALjC;QAcE;;WAEG;QAEI,cAAS,GAA2B,eAAe,CAAC;QAE3D;;WAEG;QAEI,cAAS,GAAgC,YAAY,CAAC;QAE7D;;;WAGG;QAEI,uBAAkB,GAAG,KAAK,CAAC;QAElC;;WAEG;QAEI,gBAAW,GAAG,IAAI,CAAC;KAiC3B;IA/BQ,MAAM;QACX,OAAO,CACL,8EACE,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS;YAEzB,oFACE,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,IAAI,CAAC,SAAS,oBACT,IAAI,CAAC,SAAS;gBAE9B,2FACa,SAAS,EACpB,KAAK,EAAC,gBAAgB,iBACV,aAAa,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;oBAE7B,2EAAoB,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,CACvC,CACK,CACR,CACzB,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,OAAO;;QACnB,MAAM,KAAK,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA,CAAC;QACzC,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB;YACvC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;QACvC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IAClD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\nimport { ViewerToolbarPlacement } from '../viewer-toolbar/types';\nimport { ViewerToolbarGroupDirection } from '../viewer-toolbar-group/types';\n\n@Component({\n tag: 'vertex-viewer-default-toolbar',\n styleUrl: 'viewer-default-toolbar.css',\n shadow: true,\n})\nexport class ViewerDefaultToolbar {\n /*\n An instance of the viewer that operations will be performed on. If\n * contained within a `<vertex-viewer>` element, this property will\n * automatically be wired.\n /\n @Prop()\n public viewer?: HTMLVertexViewerElement;\n\n /\n Specifies where the toolbar is positioned.\n /\n @Prop()\n public placement: ViewerToolbarPlacement = 'bottom-center';\n\n /\n Specifies the direction that UI elements are placed.\n /\n @Prop()\n public direction: ViewerToolbarGroupDirection = 'horizontal';\n\n /\n Indicates whether animations will be used when performing camera\n * operations. Defaults to `true`.\n /\n @Prop()\n public animationsDisabled = false;\n\n /\n The duration of animations, in milliseconds. Defaults to `1000`.\n */\n @Prop()\n public animationMs = 1000;\n\n public render(): h.JSX.IntrinsicElements {\n return (\n <vertex-viewer-toolbar\n placement={this.placement}\n direction={this.direction}\n >\n <vertex-viewer-toolbar-group\n class=\"group\"\n direction={this.direction}\n data-direction={this.direction}\n >\n <vertex-viewer-button\n aria-label=\"Fit all\"\n class=\"group-item btn\"\n data-testid=\"fit-all-btn\"\n onClick={() => this.viewAll()}\n >\n <vertex-viewer-icon class=\"icon\" name=\"fit-all\" size=\"md\" />\n </vertex-viewer-button>\n </vertex-viewer-toolbar-group>\n </vertex-viewer-toolbar>\n );\n }\n\n private async viewAll(): Promise<void> {\n const scene = await this.viewer?.scene();\n const animation = this.animationsDisabled\n ? undefined\n : { milliseconds: this.animationMs };\n scene?.camera().viewAll().render({ animation });\n }\n}\n"]}