npm - @geoscene/map-components - Versions diffs - 4.33.19 → 4.34.9 - Mend

@geoscene/map-components 4.33.19 → 4.34.9

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 (1576) hide show

package/dist/components/geoscene-utility-network-associations/customElement.d.ts CHANGED Viewed

@@ -1,28 +1,28 @@
 /// <reference types="@geoscene/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/lumina/controllers';
+/// <reference path="../../index.d.ts" />
+import { Use } from '@geoscene/lumina/controllers';
 import { default as UtilityNetworkAssociations } from '@geoscene/core/widgets/UtilityNetworkAssociations.js';
-import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
 import { PropertyValues } from 'lit';
 import { GeosceneReferenceElement } from '../../utils/component-utils';
-declare const useUtilityNetworkAssociationsWidget: (component: LitElement & Pick<UtilityNetworkAssociations, "icon" | "label" | "viewModel" | "utilityNetwork" | "connectivityAssociationsLineSymbol" | "maxAllowableAssociations" | "maxAllowableAssociationsSliderMax" | "maxAllowableAssociationsSliderMin" | "maxAllowableAssociationsSliderStep" | "showArrowsConnectivity" | "showArrowsStructuralAttachment" | "showAssociationsEnabled" | "structuralAttachmentAssociationsLineSymbol"> & {
+declare const useUtilityNetworkAssociationsWidget: (component: LitElement & Pick<UtilityNetworkAssociations, "icon" | "label" | "utilityNetwork" | "viewModel" | "connectivityAssociationsLineSymbol" | "maxAllowableAssociations" | "maxAllowableAssociationsSliderMax" | "maxAllowableAssociationsSliderMin" | "maxAllowableAssociationsSliderStep" | "showArrowsConnectivity" | "showArrowsStructuralAttachment" | "showAssociationsEnabled" | "structuralAttachmentAssociationsLineSymbol"> & {
     state?: unknown;
     viewModel?: __geoscene.UtilityNetworkAssociationsViewModel | undefined;
     closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
+    icon: import('@arcgis/toolkit/type').nil | string;
+    label: import('@arcgis/toolkit/type').nil | string;
     referenceElement?: GeosceneReferenceElement | string;
-    position: __geoscene.UIPosition;
-    geosceneReady: import('@arcgis/lumina').EventEmitter;
-    geoscenePropertyChange: import('@arcgis/lumina').EventEmitter<{
+    position?: __geoscene.UIPosition;
+    geosceneReady: import('@geoscene/lumina').EventEmitter;
+    geoscenePropertyChange: import('@geoscene/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __geoscene.LinkChartView | __geoscene.MapView | __geoscene.SceneView;
+        view?: __geoscene.LinkChartView | __geoscene.MapView | __geoscene.SceneView | nullish;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
@@ -33,8 +33,15 @@ declare const useUtilityNetworkAssociationsWidget: (component: LitElement & Pick
  * > The Utility Network Associations component does not support proxied feature services or feature services that utilize stored credentials.
  *
  * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-utility-network-associations/)
+ *
+ * @since 4.28
  */
 export declare class GeosceneUtilityNetworkAssociations extends LitElement {
+    /**
+     * The view associated with the component.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Utility Network Associations component will be associated with a map or scene component rather than using the `view` property.
+     */
+    view?: __geoscene.MapView | nullish;
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
@@ -101,8 +108,8 @@ export declare class GeosceneUtilityNetworkAssociations extends LitElement {
      * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-UtilityNetworkAssociations.html#maxAllowableAssociationsSliderStep)
      */
     maxAllowableAssociationsSliderStep: number;
-    /** @default "bottom-left" */
-    position: __geoscene.UIPosition;
+    /** @deprecated since 4.34, use [`slot`](https://doc.geoscene.cn/javascript/4.33/building-your-ui/#slots) instead. */
+    position?: __geoscene.UIPosition;
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
      *
@@ -140,80 +147,124 @@ export declare class GeosceneUtilityNetworkAssociations extends LitElement {
      * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-UtilityNetworkAssociations.html#utilityNetwork)
      */
     utilityNetwork: nullish | __geoscene.UtilityNetwork;
-    /** @default false */
+    /**
+     * If true, shows the connectivity association arrows toggle.
+     *
+     * @default false
+     */
     showConnectivityAssociationsSettingsArrowsToggle: boolean;
     /**
-     * @deprecated since 4.32, showConnectivityAssociationsSettingsArrowsToggle instead
+     * @deprecated since 4.32, showConnectivityAssociationsSettingsArrowsToggle instead.
      * @default false
      */
     visibleElementsConnectivityAssociationsSettingsArrowsToggle: boolean;
-    /** @default false */
+    /**
+     * If true, shows the connectivity association cap select.
+     *
+     * @default false
+     */
     showConnectivityAssociationsSettingsCapSelect: boolean;
     /**
-     * @deprecated since 4.32, use showConnectivityAssociationsSettingsCapSelect instead
+     * @deprecated since 4.32, use showConnectivityAssociationsSettingsCapSelect instead.
      * @default false
      */
     visibleElementsConnectivityAssociationsSettingsCapSelect: boolean;
-    /** @default false */
+    /**
+     * If true, hides the connectivity association color picker.
+     *
+     * @default false
+     */
     hideConnectivityAssociationsSettingsColorPicker: boolean;
     /**
-     * @deprecated since 4.32, use hideConnectivityAssociationsSettingsColorPicker instead
+     * @deprecated since 4.32, use hideConnectivityAssociationsSettingsColorPicker instead.
      * @default true
      */
     visibleElementsConnectivityAssociationsSettingsColorPicker: boolean;
-    /** @default false */
+    /**
+     * If true, hides the connectivity association style picker.
+     *
+     * @default false
+     */
     hideConnectivityAssociationsSettingsStylePicker: boolean;
     /**
-     * @deprecated since 4.32, use hideConnectivityAssociationsSettingsStylePicker instead
+     * @deprecated since 4.32, use hideConnectivityAssociationsSettingsStylePicker instead.
      * @default true
      */
     visibleElementsConnectivityAssociationsSettingsStylePicker: boolean;
-    /** @default false */
+    /**
+     * If true, hides the connectivity association width input.
+     *
+     * @default false
+     */
     hideConnectivityAssociationsSettingsWidthInput: boolean;
     /**
-     * @deprecated since 4.32, use hideConnectivityAssociationsSettingsWidthInput instead
+     * @deprecated since 4.32, use hideConnectivityAssociationsSettingsWidthInput instead.
      * @default true
      */
     visibleElementsConnectivityAssociationsSettingsWidthInput: boolean;
-    /** @default false */
+    /**
+     * If true, hides the max allowable associations slider.
+     *
+     * @default false
+     */
     showMaxAllowableAssociationsSlider: boolean;
     /**
-     * @deprecated since 4.32, use showMaxAllowableAssociationsSlider instead
+     * @deprecated since 4.32, use showMaxAllowableAssociationsSlider instead.
      * @default false
      */
     visibleElementsMaxAllowableAssociationsSlider: boolean;
-    /** @default false */
+    /**
+     * If true, shows the structural attachment associations arrow toggle.
+     *
+     * @default false
+     */
     showStructuralAttachmentAssociationsSettingsArrowsToggle: boolean;
     /**
-     * @deprecated since 4.32, use showStructuralAttachmentAssociationsSettingsArrowsToggle instead
+     * @deprecated since 4.32, use showStructuralAttachmentAssociationsSettingsArrowsToggle instead.
      * @default false
      */
     visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle: boolean;
-    /** @default false */
+    /**
+     * If true, shows the structural attachment associations cap select.
+     *
+     * @default false
+     */
     showStructuralAttachmentAssociationsSettingsCapSelect: boolean;
     /**
-     * @deprecated since 4.32, use showStructuralAttachmentAssociationsSettingsCapSelect instead
+     * @deprecated since 4.32, use showStructuralAttachmentAssociationsSettingsCapSelect instead.
      * @default false
      */
     visibleElementsStructuralAttachmentAssociationsSettingsCapSelect: boolean;
-    /** @default false */
+    /**
+     * If true, hides the structural attachment associations color picker.
+     *
+     * @default false
+     */
     hideStructuralAttachmentAssociationsSettingsColorPicker: boolean;
     /**
-     * @deprecated since 4.32, use hideStructuralAttachmentAssociationsSettingsColorPicker instead
+     * @deprecated since 4.32, use hideStructuralAttachmentAssociationsSettingsColorPicker instead.
      * @default true
      */
     visibleElementsStructuralAttachmentAssociationsSettingsColorPicker: boolean;
-    /** @default false */
+    /**
+     * If true, hides the structural attachment associations style picker.
+     *
+     * @default false
+     */
     hideStructuralAttachmentAssociationsSettingsStylePicker: boolean;
     /**
-     * @deprecated since 4.32, use hideStructuralAttachmentAssociationsSettingsStylePicker instead
+     * @deprecated since 4.32, use hideStructuralAttachmentAssociationsSettingsStylePicker instead.
      * @default true
      */
     visibleElementsStructuralAttachmentAssociationsSettingsStylePicker: boolean;
-    /** @default false */
+    /**
+     * If true, hides the structural attachment associations width input.
+     *
+     * @default false
+     */
     hideStructuralAttachmentAssociationsSettingsWidthInput: boolean;
     /**
-     * @deprecated since 4.32, use hideStructuralAttachmentAssociationsSettingsWidthInput instead
+     * @deprecated since 4.32, use hideStructuralAttachmentAssociationsSettingsWidthInput instead.
      * @default true
      */
     visibleElementsStructuralAttachmentAssociationsSettingsWidthInput: boolean;
@@ -233,7 +284,7 @@ export declare class GeosceneUtilityNetworkAssociations extends LitElement {
     label: string;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly geosceneReady: TargetedEvent<this, void>;
 }
 export {};

package/dist/components/geoscene-utility-network-associations/customElement.js CHANGED Viewed

@@ -1,20 +1,21 @@
-import { c as l } from "../../chunks/runtime.js";
-import a from "@geoscene/core/widgets/UtilityNetworkAssociations.js";
-import { LitElement as c, createEvent as r, noShadowRoot as h } from "@arcgis/lumina";
-import { m as A } from "../../chunks/useWidget.js";
+import { c as a } from "../../chunks/runtime.js";
+import n from "@geoscene/core/widgets/UtilityNetworkAssociations.js";
+import { LitElement as l, createEvent as c } from "@geoscene/lumina";
+import { m as d } from "../../chunks/useWidget.js";
+import { css as g } from "lit";
 /*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
-See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
-v4.33.18 */
-const S = A(a);
-class g extends c {
+See https://js.geoscene.cn/4.34/geoscene/copyright.txt for details.
+v4.34.9 */
+const p = g`@keyframes geoscene-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes geoscene-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.geoscene-slider__anchor:focus{outline:1px dotted #000}}@keyframes geoscene-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes geoscene-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes geoscene-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion){.geoscene-utility-network-trace__reset-prompt{animation:none!important}}@media (prefers-reduced-motion){.geoscene-popup--aligned-top-center,.geoscene-popup--aligned-top-left,.geoscene-popup--aligned-top-right,.geoscene-popup--aligned-bottom-center,.geoscene-popup--aligned-bottom-left,.geoscene-popup--aligned-bottom-right,.geoscene-popup--is-docked{animation:none!important}}@media (prefers-reduced-motion: reduce){.geoscene-fov-overlay{animation:none!important}}@keyframes geoscene-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes geoscene-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes geoscene-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes geoscene-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes geoscene-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.geoscene-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.geoscene-widget__heading{font-size:var(--calcite-font-size-xl)}h2.geoscene-widget__heading{font-size:var(--calcite-font-size-md)}h3.geoscene-widget__heading,h4.geoscene-widget__heading,h5.geoscene-widget__heading,h6.geoscene-widget__heading{font-size:var(--calcite-font-size)}.geoscene-widget{--geoscene-widget-padding-x: 15px;--geoscene-widget-padding-y: var(--calcite-spacing-md);--geoscene-widget-padding: var(--geoscene-widget-padding-y) var(--geoscene-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.geoscene-widget *,.geoscene-widget :before,.geoscene-widget :after{box-sizing:inherit}.geoscene-widget.geoscene-widget--disabled>*{opacity:.4;pointer-events:none}.geoscene-widget.geoscene-widget--compact{--geoscene-widget-padding-y: 0;--geoscene-widget-padding-x: 0}.geoscene-widget__anchor{color:var(--calcite-color-text-2)}.geoscene-widget__anchor:hover{color:var(--calcite-color-text-3)}.geoscene-widget__anchor:hover,.geoscene-widget__anchor:focus{text-decoration:underline}.geoscene-widget__anchor--disabled{opacity:.4;pointer-events:none}.geoscene-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.geoscene-widget__header .geoscene-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.geoscene-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.geoscene-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.geoscene-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.geoscene-widget__footer-pagination-previous-button,.geoscene-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.geoscene-widget__footer-pagination-previous-button:hover,.geoscene-widget__footer-pagination-previous-button:focus,.geoscene-widget__footer-pagination-next-button:hover,.geoscene-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.geoscene-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.geoscene-menu .geoscene-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.geoscene-menu__list{margin:0;padding:0;list-style:none}.geoscene-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.geoscene-menu__list-item [class^=geoscene-icon-],.geoscene-menu__list-item [class*=" geoscene-icon-"]{padding-right:2.8px}.geoscene-menu__list-item:first-child{border-top:none}.geoscene-menu__list-item--focus,.geoscene-menu__list-item:hover,.geoscene-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.geoscene-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.geoscene-menu__list-item--active,.geoscene-menu__list-item--active:hover,.geoscene-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.geoscene-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.geoscene-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.geoscene-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.geoscene-widget__table tr a{color:var(--calcite-color-text-2)}.geoscene-widget__table tr a:hover,.geoscene-widget__table tr a:focus{color:var(--calcite-color-text-1)}.geoscene-widget__table tr td,.geoscene-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.geoscene-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.geoscene-widget__table tr td{width:50%}.geoscene-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.geoscene-input::-ms-clear{display:none}.geoscene-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.geoscene-input:placeholder-shown{text-overflow:ellipsis}.geoscene-input[type=text],.geoscene-input[type=password],.geoscene-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.geoscene-input{border:none}.geoscene-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.geoscene-widget__content--empty h1.geoscene-widget__heading,.geoscene-widget__content--empty h2.geoscene-widget__heading,.geoscene-widget__content--empty h3.geoscene-widget__heading,.geoscene-widget__content--empty h4.geoscene-widget__heading,.geoscene-widget__content--empty h5.geoscene-widget__heading{font-weight:var(--calcite-font-weight-regular)}.geoscene-widget__content-illustration--empty{width:128px;padding:1rem 0}.geoscene-widget__content-icon--empty{width:32px;padding:.5rem 0}.geoscene-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.geoscene-select[disabled]{cursor:auto}.geoscene-select::-ms-expand{display:none}.geoscene-disabled a,.geoscene-disabled [role=menu],.geoscene-disabled [role=checkbox],.geoscene-disabled [class^=geoscene-icon-],.geoscene-disabled [class*=" geoscene-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .geoscene-widget:focus,.keynav-mode .geoscene-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.geoscene-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite geoscene-rotate;display:block;transform:translateZ(0)}:dir(rtl) .geoscene-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .geoscene-select{background-position:0}:dir(rtl) .geoscene-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .geoscene-menu__list-item [class^=geoscene-icon-],:dir(rtl) .geoscene-menu__list-item [class*=" geoscene-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .geoscene-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.geoscene-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.geoscene-rotating{animation:1.25s linear infinite geoscene-rotate;transform:translateZ(0)}.geoscene-clearfix:before,.geoscene-clearfix:after{content:" ";display:table}.geoscene-clearfix:after{clear:both}.geoscene-interactive{cursor:pointer}.geoscene-hidden{display:none!important}.geoscene-invisible{visibility:hidden!important}.geoscene-offscreen{position:absolute;top:-999em;left:-999em}.geoscene-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{max-width:fit-content}.geoscene-utility-network-association-list__feature-observer{z-index:2;text-align:center;position:relative;bottom:20px}.geoscene-utility-network-association-list__filter-container{z-index:1;margin-bottom:var(--calcite-spacing-md);top:var(--calcite-spacing-md)}.geoscene-utility-network-association-list__limit-notice-container{margin-bottom:var(--calcite-spacing-md)}.geoscene-utility-network-association-list__loading-container{justify-content:center;width:100%;padding:var(--calcite-spacing-md) 0;display:flex}.geoscene-un-associations__action{height:48px}.geoscene-un-associations__action-refresh{--calcite-color-icon-color: var(--calcite-color-brand)}.geoscene-un-associations__block-content{border-bottom:none;margin:0}.geoscene-un-associations__block-section-settings{border-style:none;padding:0}.geoscene-un-associations__combobox,.geoscene-un-associations__combobox-item{max-width:300px}.geoscene-un-associations__div-controls-main{background:var(--calcite-color-foreground-1);gap:.5rem;padding:.5rem 0;display:grid}.geoscene-un-associations__div-controls-symbol-picker{margin-top:.75rem}.geoscene-un-associations__dropdown{border:1px solid var(--calcite-color-border-input)}.geoscene-un-associations__dropdown-item-line-cap{background-position:50%;background-repeat:no-repeat;height:10px}.geoscene-un-associations__dropdown-item-line-pattern{height:3px}.geoscene-un-associations__dropdown-selected-item-line-cap{background-position:50%;background-repeat:no-repeat;background-size:275px 10px;width:100%;height:10px}.geoscene-un-associations__dropdown-selected-item-line-pattern{width:100%;height:3px}.geoscene-un-associations__dropdown-trigger{align-items:center;width:100%;height:24px;margin:0 6px;display:flex}.geoscene-un-associations__label{height:1rem}.geoscene-un-associations__label-and-combobox,.geoscene-un-associations__label-and-slider{flex-direction:column;display:flex}.geoscene-un-associations__label-and-toggle{width:inherit;flex-direction:row;justify-content:space-between;padding-right:.25rem;display:flex}.geoscene-un-associations__panel{max-height:calc(100vh - 48px - .5rem)}.geoscene-un-associations__slider{padding:0 .5rem}.geoscene-un-associations__status-icon-container{width:48px;height:48px}.geoscene-un-associations__status-icon-warning{--calcite-color-icon-color: var(--calcite-color-status-warning);padding:16px}.geoscene-un-associations__switch{align-self:center;padding:.5rem}.geoscene-un-associations__switch-container{width:48px;height:48px;display:flex}.geoscene-un-associations__widget-container{border-bottom:none;width:350px;margin:0}`, h = d(n);
+class m extends l {
   constructor() {
-    super(...arguments), this.widget = S(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.autoRefreshAssociationsDisabled = this.widget.autoRefreshAssociations, this.connectivityAssociationsLineSymbol = this.widget.connectivityAssociationsLineSymbol, this.includeConnectivityAssociationsDisabled = this.widget.includeConnectivityAssociations, this.includeStructuralAttachmentAssociationsDisabled = this.widget.includeStructuralAttachmentAssociations, this.maxAllowableAssociations = this.widget.maxAllowableAssociations, this.maxAllowableAssociationsSliderMax = this.widget.maxAllowableAssociationsSliderMax, this.maxAllowableAssociationsSliderMin = this.widget.maxAllowableAssociationsSliderMin, this.maxAllowableAssociationsSliderStep = this.widget.maxAllowableAssociationsSliderStep, this.position = "bottom-left", this.showArrowsConnectivity = this.widget.showArrowsConnectivity, this.showArrowsStructuralAttachment = this.widget.showArrowsStructuralAttachment, this.showAssociationsEnabled = this.widget.showAssociationsEnabled, this.structuralAttachmentAssociationsLineSymbol = this.widget.structuralAttachmentAssociationsLineSymbol, this.utilityNetwork = this.widget.utilityNetwork, this.showConnectivityAssociationsSettingsArrowsToggle = this.widget.visibleElements.connectivityAssociationsSettings.arrowsToggle, this.visibleElementsConnectivityAssociationsSettingsArrowsToggle = !1, this.showConnectivityAssociationsSettingsCapSelect = this.widget.visibleElements.connectivityAssociationsSettings.capSelect, this.visibleElementsConnectivityAssociationsSettingsCapSelect = !1, this.hideConnectivityAssociationsSettingsColorPicker = this.widget.visibleElements.connectivityAssociationsSettings.colorPicker, this.visibleElementsConnectivityAssociationsSettingsColorPicker = !0, this.hideConnectivityAssociationsSettingsStylePicker = this.widget.visibleElements.connectivityAssociationsSettings.stylePicker, this.visibleElementsConnectivityAssociationsSettingsStylePicker = !0, this.hideConnectivityAssociationsSettingsWidthInput = this.widget.visibleElements.connectivityAssociationsSettings.widthInput, this.visibleElementsConnectivityAssociationsSettingsWidthInput = !0, this.showMaxAllowableAssociationsSlider = this.widget.visibleElements.maxAllowableAssociationsSlider, this.visibleElementsMaxAllowableAssociationsSlider = !1, this.showStructuralAttachmentAssociationsSettingsArrowsToggle = this.widget.visibleElements.structuralAttachmentAssociationsSettings.arrowsToggle, this.visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle = !1, this.showStructuralAttachmentAssociationsSettingsCapSelect = this.widget.visibleElements.structuralAttachmentAssociationsSettings.capSelect, this.visibleElementsStructuralAttachmentAssociationsSettingsCapSelect = !1, this.hideStructuralAttachmentAssociationsSettingsColorPicker = this.widget.visibleElements.structuralAttachmentAssociationsSettings.colorPicker, this.visibleElementsStructuralAttachmentAssociationsSettingsColorPicker = !0, this.hideStructuralAttachmentAssociationsSettingsStylePicker = this.widget.visibleElements.structuralAttachmentAssociationsSettings.stylePicker, this.visibleElementsStructuralAttachmentAssociationsSettingsStylePicker = !0, this.hideStructuralAttachmentAssociationsSettingsWidthInput = this.widget.visibleElements.structuralAttachmentAssociationsSettings.widthInput, this.visibleElementsStructuralAttachmentAssociationsSettingsWidthInput = !0, this.icon = this.widget.icon, this.label = this.widget.label, this.geosceneReady = r();
+    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.autoRefreshAssociationsDisabled = this.widget.autoRefreshAssociations, this.connectivityAssociationsLineSymbol = this.widget.connectivityAssociationsLineSymbol, this.includeConnectivityAssociationsDisabled = this.widget.includeConnectivityAssociations, this.includeStructuralAttachmentAssociationsDisabled = this.widget.includeStructuralAttachmentAssociations, this.maxAllowableAssociations = this.widget.maxAllowableAssociations, this.maxAllowableAssociationsSliderMax = this.widget.maxAllowableAssociationsSliderMax, this.maxAllowableAssociationsSliderMin = this.widget.maxAllowableAssociationsSliderMin, this.maxAllowableAssociationsSliderStep = this.widget.maxAllowableAssociationsSliderStep, this.showArrowsConnectivity = this.widget.showArrowsConnectivity, this.showArrowsStructuralAttachment = this.widget.showArrowsStructuralAttachment, this.showAssociationsEnabled = this.widget.showAssociationsEnabled, this.structuralAttachmentAssociationsLineSymbol = this.widget.structuralAttachmentAssociationsLineSymbol, this.utilityNetwork = this.widget.utilityNetwork, this.showConnectivityAssociationsSettingsArrowsToggle = this.widget.visibleElements.connectivityAssociationsSettings.arrowsToggle, this.visibleElementsConnectivityAssociationsSettingsArrowsToggle = !1, this.showConnectivityAssociationsSettingsCapSelect = this.widget.visibleElements.connectivityAssociationsSettings.capSelect, this.visibleElementsConnectivityAssociationsSettingsCapSelect = !1, this.hideConnectivityAssociationsSettingsColorPicker = this.widget.visibleElements.connectivityAssociationsSettings.colorPicker, this.visibleElementsConnectivityAssociationsSettingsColorPicker = !0, this.hideConnectivityAssociationsSettingsStylePicker = this.widget.visibleElements.connectivityAssociationsSettings.stylePicker, this.visibleElementsConnectivityAssociationsSettingsStylePicker = !0, this.hideConnectivityAssociationsSettingsWidthInput = this.widget.visibleElements.connectivityAssociationsSettings.widthInput, this.visibleElementsConnectivityAssociationsSettingsWidthInput = !0, this.showMaxAllowableAssociationsSlider = this.widget.visibleElements.maxAllowableAssociationsSlider, this.visibleElementsMaxAllowableAssociationsSlider = !1, this.showStructuralAttachmentAssociationsSettingsArrowsToggle = this.widget.visibleElements.structuralAttachmentAssociationsSettings.arrowsToggle, this.visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle = !1, this.showStructuralAttachmentAssociationsSettingsCapSelect = this.widget.visibleElements.structuralAttachmentAssociationsSettings.capSelect, this.visibleElementsStructuralAttachmentAssociationsSettingsCapSelect = !1, this.hideStructuralAttachmentAssociationsSettingsColorPicker = this.widget.visibleElements.structuralAttachmentAssociationsSettings.colorPicker, this.visibleElementsStructuralAttachmentAssociationsSettingsColorPicker = !0, this.hideStructuralAttachmentAssociationsSettingsStylePicker = this.widget.visibleElements.structuralAttachmentAssociationsSettings.stylePicker, this.visibleElementsStructuralAttachmentAssociationsSettingsStylePicker = !0, this.hideStructuralAttachmentAssociationsSettingsWidthInput = this.widget.visibleElements.structuralAttachmentAssociationsSettings.widthInput, this.visibleElementsStructuralAttachmentAssociationsSettingsWidthInput = !0, this.icon = this.widget.icon, this.label = this.widget.label, this.geosceneReady = c();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, autoRefreshAssociationsDisabled: 5, connectivityAssociationsLineSymbol: 0, includeConnectivityAssociationsDisabled: 5, includeStructuralAttachmentAssociationsDisabled: 5, maxAllowableAssociations: 9, maxAllowableAssociationsSliderMax: 9, maxAllowableAssociationsSliderMin: 9, maxAllowableAssociationsSliderStep: 9, position: 1, referenceElement: 1, showArrowsConnectivity: 5, showArrowsStructuralAttachment: 5, showAssociationsEnabled: 5, structuralAttachmentAssociationsLineSymbol: 0, utilityNetwork: 0, showConnectivityAssociationsSettingsArrowsToggle: 5, visibleElementsConnectivityAssociationsSettingsArrowsToggle: 5, showConnectivityAssociationsSettingsCapSelect: 5, visibleElementsConnectivityAssociationsSettingsCapSelect: 5, hideConnectivityAssociationsSettingsColorPicker: 5, visibleElementsConnectivityAssociationsSettingsColorPicker: 5, hideConnectivityAssociationsSettingsStylePicker: 5, visibleElementsConnectivityAssociationsSettingsStylePicker: 5, hideConnectivityAssociationsSettingsWidthInput: 5, visibleElementsConnectivityAssociationsSettingsWidthInput: 5, showMaxAllowableAssociationsSlider: 5, visibleElementsMaxAllowableAssociationsSlider: 5, showStructuralAttachmentAssociationsSettingsArrowsToggle: 5, visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle: 5, showStructuralAttachmentAssociationsSettingsCapSelect: 5, visibleElementsStructuralAttachmentAssociationsSettingsCapSelect: 5, hideStructuralAttachmentAssociationsSettingsColorPicker: 5, visibleElementsStructuralAttachmentAssociationsSettingsColorPicker: 5, hideStructuralAttachmentAssociationsSettingsStylePicker: 5, visibleElementsStructuralAttachmentAssociationsSettingsStylePicker: 5, hideStructuralAttachmentAssociationsSettingsWidthInput: 5, visibleElementsStructuralAttachmentAssociationsSettingsWidthInput: 5, icon: 1, label: 1 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, autoRefreshAssociationsDisabled: 5, connectivityAssociationsLineSymbol: 0, includeConnectivityAssociationsDisabled: 5, includeStructuralAttachmentAssociationsDisabled: 5, maxAllowableAssociations: 9, maxAllowableAssociationsSliderMax: 9, maxAllowableAssociationsSliderMin: 9, maxAllowableAssociationsSliderStep: 9, position: 1, referenceElement: 1, showArrowsConnectivity: 5, showArrowsStructuralAttachment: 5, showAssociationsEnabled: 5, structuralAttachmentAssociationsLineSymbol: 0, utilityNetwork: 0, showConnectivityAssociationsSettingsArrowsToggle: 5, visibleElementsConnectivityAssociationsSettingsArrowsToggle: 5, showConnectivityAssociationsSettingsCapSelect: 5, visibleElementsConnectivityAssociationsSettingsCapSelect: 5, hideConnectivityAssociationsSettingsColorPicker: 5, visibleElementsConnectivityAssociationsSettingsColorPicker: 5, hideConnectivityAssociationsSettingsStylePicker: 5, visibleElementsConnectivityAssociationsSettingsStylePicker: 5, hideConnectivityAssociationsSettingsWidthInput: 5, visibleElementsConnectivityAssociationsSettingsWidthInput: 5, showMaxAllowableAssociationsSlider: 5, visibleElementsMaxAllowableAssociationsSlider: 5, showStructuralAttachmentAssociationsSettingsArrowsToggle: 5, visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle: 5, showStructuralAttachmentAssociationsSettingsCapSelect: 5, visibleElementsStructuralAttachmentAssociationsSettingsCapSelect: 5, hideStructuralAttachmentAssociationsSettingsColorPicker: 5, visibleElementsStructuralAttachmentAssociationsSettingsColorPicker: 5, hideStructuralAttachmentAssociationsSettingsStylePicker: 5, visibleElementsStructuralAttachmentAssociationsSettingsStylePicker: 5, hideStructuralAttachmentAssociationsSettingsWidthInput: 5, visibleElementsStructuralAttachmentAssociationsSettingsWidthInput: 5, icon: 1, label: 1 };
   }
   static {
-    this.shadowRootOptions = h;
+    this.styles = p;
   }
   async destroy() {
     await this.manager.destroy();
@@ -29,12 +30,12 @@ class g extends c {
   willUpdate(t) {
     this._handleVisibilityChange(t, "ConnectivityAssociationsSettingsArrowsToggle"), this._handleVisibilityChange(t, "ConnectivityAssociationsSettingsCapSelect"), this._handleVisibilityChange(t, "ConnectivityAssociationsSettingsColorPicker"), this._handleVisibilityChange(t, "ConnectivityAssociationsSettingsStylePicker"), this._handleVisibilityChange(t, "ConnectivityAssociationsSettingsWidthInput"), this._handleVisibilityChange(t, "MaxAllowableAssociationsSlider"), this._handleVisibilityChange(t, "StructuralAttachmentAssociationsSettingsArrowsToggle"), this._handleVisibilityChange(t, "StructuralAttachmentAssociationsSettingsCapSelect"), this._handleVisibilityChange(t, "StructuralAttachmentAssociationsSettingsStylePicker"), this._handleVisibilityChange(t, "StructuralAttachmentAssociationsSettingsWidthInput");
   }
-  _handleVisibilityChange(t, n) {
-    const s = `show${n}`, o = `hide${n}`, e = `visibleElements${n}`, i = this;
-    t.has(s) ? i[e] = !!i[s] : t.has(o) ? i[e] = !i[o] : t.has(e) && (console.warn(`${this.el.tagName.toLowerCase()}: The property ${e} is deprecated. Use ${s in i ? s : o} instead.`), s in i ? i[s] = !!i[e] : o in i && (i[o] = !i[e]));
+  _handleVisibilityChange(t, r) {
+    const e = `show${r}`, o = `hide${r}`, s = `visibleElements${r}`, i = this;
+    t.has(e) ? i[s] = !!i[e] : t.has(o) ? i[s] = !i[o] : t.has(s) && (console.warn(`${this.el.tagName.toLowerCase()}: The property ${s} is deprecated. Use ${e in i ? e : o} instead..`), e in i ? i[e] = !!i[s] : o in i && (i[o] = !i[s]));
   }
 }
-l("geoscene-utility-network-associations", g);
+a("geoscene-utility-network-associations", m);
 export {
-  g as GeosceneUtilityNetworkAssociations
+  m as GeosceneUtilityNetworkAssociations
 };

package/dist/components/geoscene-utility-network-result-feature-list/customElement.d.ts ADDED Viewed

@@ -0,0 +1,33 @@
+/// <reference path="../../index.d.ts" />
+import { default as Layer } from '@geoscene/core/layers/Layer';
+import { default as UtilityNetwork } from '@geoscene/core/networks/UtilityNetwork.js';
+import { default as NetworkElement } from '@geoscene/core/rest/networks/support/NetworkElement.js';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
+import { PropertyValues } from 'lit';
+type State = "loading" | "ready";
+/**
+ * This is a sub-component used by the **GeosceneUtilityNetworkTraceAnalysis** component.
+ *
+ * This sub-component takes trace result elements as input.
+ * It displays the layers the elements are from, with a count of elements on each layer.
+ * A `UtilityNetwork` and list of layers is required to display feature layer names.
+ *
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-utility-network-result-feature-list/)
+ *
+ * @since 4.34
+ * @internal
+ */
+export declare class GeosceneUtilityNetworkResultFeatureList extends LitElement {
+    /** @required */
+    elements: NetworkElement[];
+    /** @required */
+    layers: Layer[];
+    messageOverrides?: typeof this._messages._overrides;
+    get selectedLayer(): Layer | undefined;
+    /** @required */
+    utilityNetwork?: UtilityNetwork;
+    readonly geosceneSelectedLayerChange: TargetedEvent<this, void>;
+    private _messages;
+}
+export {};

package/dist/components/geoscene-utility-network-result-feature-list/customElement.js ADDED Viewed

@@ -0,0 +1,72 @@
+import { c } from "../../chunks/runtime.js";
+import { LitElement as y, createEvent as d } from "@geoscene/lumina";
+import { html as o } from "lit";
+import { u } from "../../chunks/useT9n.js";
+/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
+See https://js.geoscene.cn/4.34/geoscene/copyright.txt for details.
+v4.34.9 */
+const l = "map-components:geoscene-utility-network-result-feature-list";
+class h extends y {
+  constructor() {
+    super(...arguments), this._layerByLayerId = /* @__PURE__ */ new Map(), this._messages = u({ blocking: !0 }), this._compareByLayerTitle = ([e], [t]) => {
+      const s = this._getLayerBySourceId(e), r = this._getLayerBySourceId(t), i = s?.title ?? "", a = r?.title ?? "";
+      return i.localeCompare(a, void 0, { numeric: !0 });
+    }, this._state = "ready", this.elements = [], this.layers = [], this.geosceneSelectedLayerChange = d(), this._renderLayerListItem = ([e, t]) => {
+      const { utilityNetwork: s, _messages: r } = this, i = s.getLayerIdBySourceId(e), a = this._getLayerByLayerId(i), n = a?.title || r.unknown;
+      return o`<calcite-list-item .label=${n} @calciteListItemSelect=${() => this._selectedLayer = a}><calcite-chip .label=${r.labels.numberOfElements} slot=content-end>${t.toString()}</calcite-chip><calcite-icon icon=chevron-right slot=content-end></calcite-icon></calcite-list-item>`;
+    };
+  }
+  static {
+    this.properties = { _selectedLayer: 16, _state: 16, elements: 0, layers: 0, messageOverrides: 0, selectedLayer: 32, utilityNetwork: 0 };
+  }
+  get _sourceIdToFeatureCount() {
+    const e = /* @__PURE__ */ new Map();
+    return this.elements.forEach((t) => {
+      const s = e.get(t.networkSourceId);
+      s == null ? e.set(t.networkSourceId, 1) : e.set(t.networkSourceId, s + 1);
+    }), e;
+  }
+  get selectedLayer() {
+    return this._selectedLayer;
+  }
+  willUpdate(e) {
+    e.has("_selectedLayer") && this.geosceneSelectedLayerChange.emit(), (e.has("layers") || e.has("utilityNetwork")) && this._loadDependencies();
+  }
+  load() {
+    this._loadDependencies();
+  }
+  loaded() {
+    this.elements.length === 0 && console.warn(`${l} was rendered without any elements set for the \`elements\` property.`), this.utilityNetwork || console.warn(`${l} was rendered without the required \`utilityNetwork\` property.`), this.layers.length === 0 && console.warn(`${l} was rendered without any layers set for the \`layers\` property.`);
+  }
+  _getLayerBySourceId(e) {
+    const t = this.utilityNetwork.getLayerIdBySourceId(e);
+    return this._getLayerByLayerId(t);
+  }
+  _getLayerByLayerId(e) {
+    if (e == null)
+      return;
+    const { _layerByLayerId: t, layers: s } = this;
+    if (t.get(e))
+      return t.get(e);
+    const r = s.find((i) => "layerId" in i && i.layerId === e);
+    return r && t.set(e, r), r;
+  }
+  async _loadDependencies() {
+    const { layers: e, utilityNetwork: t } = this;
+    if (!t)
+      return;
+    t.loaded || (this._state = "loading", await t.load());
+    const s = e.filter((r) => !r.loaded && t.isUtilityLayer(r)).map((r) => r.load());
+    s.length > 0 && (this._state = "loading", await Promise.allSettled(s)), this._state = "ready";
+  }
+  render() {
+    if (!this.utilityNetwork)
+      return;
+    const { _messages: e } = this, t = Array.from(this._sourceIdToFeatureCount.entries()).sort(this._compareByLayerTitle).map(this._renderLayerListItem);
+    return o`<calcite-panel .loading=${this._state === "loading"}><calcite-list .label=${e.labels.traceResultElementsByLayer}>${t}</calcite-list></calcite-panel>`;
+  }
+}
+c("geoscene-utility-network-result-feature-list", h);
+export {
+  h as GeosceneUtilityNetworkResultFeatureList
+};

package/dist/components/geoscene-utility-network-result-feature-list/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import "@geoscene/calcite-components/components/calcite-panel";
+import "@geoscene/calcite-components/components/calcite-list";
+import "@geoscene/calcite-components/components/calcite-list-item";
+import "@geoscene/calcite-components/components/calcite-chip";
+import "@geoscene/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

package/dist/components/geoscene-utility-network-result-feature-list/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+import "@geoscene/calcite-components/components/calcite-panel";
+import "@geoscene/calcite-components/components/calcite-list";
+import "@geoscene/calcite-components/components/calcite-list-item";
+import "@geoscene/calcite-components/components/calcite-chip";
+import "@geoscene/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

package/dist/components/geoscene-utility-network-trace/customElement.d.ts CHANGED Viewed

@@ -1,27 +1,27 @@
 /// <reference types="@geoscene/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/lumina/controllers';
+/// <reference path="../../index.d.ts" />
+import { Use } from '@geoscene/lumina/controllers';
 import { default as UtilityNetworkTrace } from '@geoscene/core/widgets/UtilityNetworkTrace.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
 import { GeosceneReferenceElement } from '../../utils/component-utils';
-declare const useUtilityNetworkTraceWidget: (component: LitElement & Pick<UtilityNetworkTrace, "icon" | "label" | "viewModel" | "defaultGraphicColor" | "disabled" | "enableResultArea" | "flags" | "gdbVersion" | "inputSettings" | "resultAreaProperties" | "selectedTraces"> & {
+declare const useUtilityNetworkTraceWidget: (component: LitElement & Pick<UtilityNetworkTrace, "icon" | "label" | "disabled" | "viewModel" | "defaultGraphicColor" | "enableResultArea" | "flags" | "inputSettings" | "resultAreaProperties" | "selectedTraces"> & {
     state?: unknown;
     viewModel?: __geoscene.UtilityNetworkTraceViewModel | undefined;
     closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
+    icon: import('@arcgis/toolkit/type').nil | string;
+    label: import('@arcgis/toolkit/type').nil | string;
     referenceElement?: GeosceneReferenceElement | string;
-    position: __geoscene.UIPosition;
-    geosceneReady: import('@arcgis/lumina').EventEmitter;
-    geoscenePropertyChange: import('@arcgis/lumina').EventEmitter<{
+    position?: __geoscene.UIPosition;
+    geosceneReady: import('@geoscene/lumina').EventEmitter;
+    geoscenePropertyChange: import('@geoscene/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __geoscene.LinkChartView | __geoscene.MapView | __geoscene.SceneView;
+        view?: __geoscene.LinkChartView | __geoscene.MapView | __geoscene.SceneView | nullish;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
@@ -34,8 +34,15 @@ declare const useUtilityNetworkTraceWidget: (component: LitElement & Pick<Utilit
  * Note: Sign in to access the data in this sample, U/P: `viewer01`/`I68VGU^nMurF`
  *
  * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-utility-network-trace/)
+ *
+ * @since 4.28
  */
 export declare class GeosceneUtilityNetworkTrace extends LitElement {
+    /**
+     * The view associated with the component.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Utility Network Trace component will be associated with a map or scene component rather than using the `view` property.
+     */
+    view?: __geoscene.MapView | nullish;
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
@@ -76,13 +83,6 @@ export declare class GeosceneUtilityNetworkTrace extends LitElement {
      * @default []
      */
     flags: __geoscene.FlagProperty[];
-    /**
-     * The Geodatabase version to pass into the trace.
-     *
-     * @deprecated `gdbVersion` is deprecated since version 4.31.
-     * @default "sde.DEFAULT"
-     */
-    gdbVersion: string;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
@@ -103,8 +103,8 @@ export declare class GeosceneUtilityNetworkTrace extends LitElement {
      * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-UtilityNetworkTrace.html#label)
      */
     label: string;
-    /** @default "top-right" */
-    position: __geoscene.UIPosition;
+    /** @deprecated since 4.34, use [`slot`](https://doc.geoscene.cn/javascript/4.33/building-your-ui/#slots) instead. */
+    position?: __geoscene.UIPosition;
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
      *
@@ -166,6 +166,14 @@ export declare class GeosceneUtilityNetworkTrace extends LitElement {
      * @default "ready"
      */
     readonly state: "ready" | "loading";
+    /**
+     * Stores the result of completed traces.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-UtilityNetworkTrace.html#traceResults)
+     *
+     * @since 4.34
+     */
+    readonly traceResults: __geoscene.TraceResultExtend[];
     checkCanTrace(): Promise<void>;
     confirmReset(): Promise<void>;
     /** Permanently destroy the component. */
@@ -178,7 +186,7 @@ export declare class GeosceneUtilityNetworkTrace extends LitElement {
     readonly geoscenePropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly geosceneReady: TargetedEvent<this, void>;
     readonly geosceneRemoveResultArea: TargetedEvent<this, __geoscene.UtilityNetworkTraceRemoveResultAreaEvent>;
 }