@geoscene/core 4.34.10 → 4.34.12

package/widgets/support/UtilityNetworkAssociations/UtilityNetworkAssociationList.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.34/geoscene/copyright.txt for details.
 */
-import{__decorate as e}from"tslib";import"../../../intl.js";import t from"../../../core/ReactiveMap.js";import{watch as o}from"../../../core/reactiveUtils.js";import{property as i}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/has.js";import"../../../core/Logger.js";import"../../../core/RandomLCG.js";import{subclass as r}from"../../../core/accessorSupport/decorators/subclass.js";import s from"../../Widget.js";import{loadCalciteComponents as n}from"../componentsUtils.js";import"../widgetUtils.js";import{messageBundle as a}from"../decorators/messageBundle.js";import{tsx as c}from"../jsxFactory.js";import"@arcgis/toolkit/dom";import l from"./FeatureUtilityNetworkAssociationsViewModel.js";import{substitute as u}from"../../../intl/substitute.js";const d="geoscene-utility-network-association-list",p={featureObserver:`${d}__feature-observer`,filterContainer:`${d}__filter-container`,limitNoticeContainer:`${d}__limit-notice-container`,loadingContainer:`${d}__loading-container`};let m=class extends s{constructor(e,o){super(e,o),this._isFeatureCountNoticeOpen=!0,this._observer=new IntersectionObserver(([e])=>{e?.isIntersecting&&this._increaseFeaturePage()},{root:window.document}),this._observerNode=null,this.featuresPerPage=50,this.filterText="",this.headingLevel=5,this.maxFeatureCount=1e3,this.messagesFeature=null,this.messagesCommon=null,this.selectedLayer=null,this.tooltipReferenceMap=new t,this.viewModel=new l}initialize(){this.setUpObserver()}loadDependencies(){return n({icon:()=>import("@esri/calcite-components/dist/components/calcite-icon"),input:()=>import("@esri/calcite-components/dist/components/calcite-input"),loader:()=>import("@esri/calcite-components/dist/components/calcite-loader"),notice:()=>import("@esri/calcite-components/dist/components/calcite-notice")})}destroy(){this.tooltipReferenceMap.clear()}get associatedFeatureCount(){const e=this.viewModel.associationViewModels,t=this.selectedLayer?e.get(this.selectedLayer):null;return t?t.length:0}set currentFeaturePage(e){const{featuresPerPage:t,associatedFeatureCount:o}=this,i=Math.ceil(o/t)||1,r=Math.max(Math.min(e,i),1);this._set("currentFeaturePage",r)}get currentFeaturePage(){return this._get("currentFeaturePage")??1}get endIndex(){const{currentFeaturePage:e,featuresPerPage:t,maxFeatureCount:o}=this;return Math.min(e*t,o)}renderConnectivityIcon(e,t){const{tooltipReferenceMap:o}=this;let i;switch(e){case"junction-edge-from-connectivity":i="connection-end-left";break;case"junction-edge-to-connectivity":i="connection-end-right";break;case"junction-edge-midspan-connectivity":i="connection-middle";break;default:i="connection-to-connection"}return c("calcite-icon",{afterCreate:e=>o.set(t,e),afterRemoved:()=>o.delete(t),icon:i,scale:"s",slot:"content-start"})}renderFeatureCountWarning(){const{associatedFeatureCount:e,maxFeatureCount:t,messagesFeature:o}=this;return e>t?c("calcite-notice",{class:this._isFeatureCountNoticeOpen?p.limitNoticeContainer:void 0,closable:!0,icon:"information",kind:"info",open:!0,scale:"s",width:"full",onCalciteNoticeBeforeOpen:()=>this._isFeatureCountNoticeOpen=!0,onCalciteNoticeClose:()=>this._isFeatureCountNoticeOpen=!1},c("div",{slot:"title"},o.associationsLimitNoticeTitle),c("div",{slot:"message"},u(o.associationsLimitNoticeMessage,{number:t}))):null}renderFeatureObserver(){return c("div",{afterCreate:this._onObserverCreate,bind:this,class:p.featureObserver,key:"feature-observer"})}renderFilter(){return c("div",{class:p.filterContainer,key:"filter"},c("calcite-input",{icon:"search",placeholder:this.messagesFeature.associationFilterPlaceholder,type:"search",onCalciteInputInput:e=>{this.filterText=e.currentTarget.value.trim().toLowerCase(),this.currentFeaturePage=1}}))}renderLoading(){return c("div",{class:p.loadingContainer,key:"loading-container"},this.renderLoadingIcon())}renderLoadingIcon(){return c("calcite-loader",{inline:!0,label:this.messagesCommon.loading})}getConnectivityTooltip(e){const{messagesFeature:t}=this;switch(e){case"connectivity":case"junction-junction-connectivity":return t.associationsJunctionJunction;case"junction-edge-from-connectivity":return t.associationsJunctionEdgeFrom;case"junction-edge-midspan-connectivity":return t.associationsJunctionEdgeMidspan;case"junction-edge-to-connectivity":return t.associationsJunctionEdgeTo;default:return""}}setUpObserver(){this.addHandles(o(()=>this._observerNode,()=>this._onObserverChange()))}_increaseFeaturePage(){this.currentFeaturePage++}_onObserverChange(){this._observerNode&&this._observer.unobserve(this._observerNode);const{state:e,showAllEnabled:t}=this.viewModel;this._observerNode&&"ready"===e&&t&&this._observer.observe(this._observerNode)}_onObserverCreate(e){this._observerNode=e}};e([i()],m.prototype,"_observer",void 0),e([i()],m.prototype,"_observerNode",void 0),e([i()],m.prototype,"associatedFeatureCount",null),e([i()],m.prototype,"currentFeaturePage",null),e([i()],m.prototype,"endIndex",null),e([i()],m.prototype,"featuresPerPage",void 0),e([i()],m.prototype,"filterText",void 0),e([i()],m.prototype,"headingLevel",void 0),e([i()],m.prototype,"maxFeatureCount",void 0),e([i(),a("geoscene/widgets/Feature/t9n/Feature")],m.prototype,"messagesFeature",void 0),e([i(),a("geoscene/t9n/common")],m.prototype,"messagesCommon",void 0),e([i()],m.prototype,"selectedLayer",void 0),e([i()],m.prototype,"tooltipReferenceMap",void 0),e([i({type:l})],m.prototype,"viewModel",void 0),m=e([r("geoscene.widgets.support.UtilityNetworkAssociations.UtilityNetworkAssociationList")],m);export{m as default};
+import{__decorate as e}from"tslib";import"../../../intl.js";import t from"../../../core/ReactiveMap.js";import{watch as o}from"../../../core/reactiveUtils.js";import{property as i}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/has.js";import"../../../core/Logger.js";import"../../../core/RandomLCG.js";import{subclass as r}from"../../../core/accessorSupport/decorators/subclass.js";import s from"../../Widget.js";import{loadCalciteComponents as n}from"../componentsUtils.js";import"../widgetUtils.js";import{messageBundle as a}from"../decorators/messageBundle.js";import{tsx as c}from"../jsxFactory.js";import"@arcgis/toolkit/dom";import l from"./FeatureUtilityNetworkAssociationsViewModel.js";import{substitute as u}from"../../../intl/substitute.js";const d="geoscene-utility-network-association-list",p={featureObserver:`${d}__feature-observer`,filterContainer:`${d}__filter-container`,limitNoticeContainer:`${d}__limit-notice-container`,loadingContainer:`${d}__loading-container`};let m=class extends s{constructor(e,o){super(e,o),this._isFeatureCountNoticeOpen=!0,this._observer=new IntersectionObserver(([e])=>{e?.isIntersecting&&this._increaseFeaturePage()},{root:window.document}),this._observerNode=null,this.featuresPerPage=50,this.filterText="",this.headingLevel=5,this.maxFeatureCount=1e3,this.messagesFeature=null,this.messagesCommon=null,this.selectedLayer=null,this.tooltipReferenceMap=new t,this.viewModel=new l}initialize(){this.setUpObserver()}loadDependencies(){return n({icon:()=>import("@geoscene/calcite-components/dist/components/calcite-icon"),input:()=>import("@geoscene/calcite-components/dist/components/calcite-input"),loader:()=>import("@geoscene/calcite-components/dist/components/calcite-loader"),notice:()=>import("@geoscene/calcite-components/dist/components/calcite-notice")})}destroy(){this.tooltipReferenceMap.clear()}get associatedFeatureCount(){const e=this.viewModel.associationViewModels,t=this.selectedLayer?e.get(this.selectedLayer):null;return t?t.length:0}set currentFeaturePage(e){const{featuresPerPage:t,associatedFeatureCount:o}=this,i=Math.ceil(o/t)||1,r=Math.max(Math.min(e,i),1);this._set("currentFeaturePage",r)}get currentFeaturePage(){return this._get("currentFeaturePage")??1}get endIndex(){const{currentFeaturePage:e,featuresPerPage:t,maxFeatureCount:o}=this;return Math.min(e*t,o)}renderConnectivityIcon(e,t){const{tooltipReferenceMap:o}=this;let i;switch(e){case"junction-edge-from-connectivity":i="connection-end-left";break;case"junction-edge-to-connectivity":i="connection-end-right";break;case"junction-edge-midspan-connectivity":i="connection-middle";break;default:i="connection-to-connection"}return c("calcite-icon",{afterCreate:e=>o.set(t,e),afterRemoved:()=>o.delete(t),icon:i,scale:"s",slot:"content-start"})}renderFeatureCountWarning(){const{associatedFeatureCount:e,maxFeatureCount:t,messagesFeature:o}=this;return e>t?c("calcite-notice",{class:this._isFeatureCountNoticeOpen?p.limitNoticeContainer:void 0,closable:!0,icon:"information",kind:"info",open:!0,scale:"s",width:"full",onCalciteNoticeBeforeOpen:()=>this._isFeatureCountNoticeOpen=!0,onCalciteNoticeClose:()=>this._isFeatureCountNoticeOpen=!1},c("div",{slot:"title"},o.associationsLimitNoticeTitle),c("div",{slot:"message"},u(o.associationsLimitNoticeMessage,{number:t}))):null}renderFeatureObserver(){return c("div",{afterCreate:this._onObserverCreate,bind:this,class:p.featureObserver,key:"feature-observer"})}renderFilter(){return c("div",{class:p.filterContainer,key:"filter"},c("calcite-input",{icon:"search",placeholder:this.messagesFeature.associationFilterPlaceholder,type:"search",onCalciteInputInput:e=>{this.filterText=e.currentTarget.value.trim().toLowerCase(),this.currentFeaturePage=1}}))}renderLoading(){return c("div",{class:p.loadingContainer,key:"loading-container"},this.renderLoadingIcon())}renderLoadingIcon(){return c("calcite-loader",{inline:!0,label:this.messagesCommon.loading})}getConnectivityTooltip(e){const{messagesFeature:t}=this;switch(e){case"connectivity":case"junction-junction-connectivity":return t.associationsJunctionJunction;case"junction-edge-from-connectivity":return t.associationsJunctionEdgeFrom;case"junction-edge-midspan-connectivity":return t.associationsJunctionEdgeMidspan;case"junction-edge-to-connectivity":return t.associationsJunctionEdgeTo;default:return""}}setUpObserver(){this.addHandles(o(()=>this._observerNode,()=>this._onObserverChange()))}_increaseFeaturePage(){this.currentFeaturePage++}_onObserverChange(){this._observerNode&&this._observer.unobserve(this._observerNode);const{state:e,showAllEnabled:t}=this.viewModel;this._observerNode&&"ready"===e&&t&&this._observer.observe(this._observerNode)}_onObserverCreate(e){this._observerNode=e}};e([i()],m.prototype,"_observer",void 0),e([i()],m.prototype,"_observerNode",void 0),e([i()],m.prototype,"associatedFeatureCount",null),e([i()],m.prototype,"currentFeaturePage",null),e([i()],m.prototype,"endIndex",null),e([i()],m.prototype,"featuresPerPage",void 0),e([i()],m.prototype,"filterText",void 0),e([i()],m.prototype,"headingLevel",void 0),e([i()],m.prototype,"maxFeatureCount",void 0),e([i(),a("geoscene/widgets/Feature/t9n/Feature")],m.prototype,"messagesFeature",void 0),e([i(),a("geoscene/t9n/common")],m.prototype,"messagesCommon",void 0),e([i()],m.prototype,"selectedLayer",void 0),e([i()],m.prototype,"tooltipReferenceMap",void 0),e([i({type:l})],m.prototype,"viewModel",void 0),m=e([r("geoscene.widgets.support.UtilityNetworkAssociations.UtilityNetworkAssociationList")],m);export{m as default};

package/widgets/support/componentsUtils.js

@@ -2,4 +2,4 @@
 All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
 See https://js.geoscene.cn/4.34/geoscene/copyright.txt for details.
 */
-import{assetPathChanged as t,setAssetPath as o}from"@esri/calcite-components/dist/components";import{getAssetUrl as s}from"../../assets.js";import"../../core/has.js";import{makeAbsolute as e}from"../../core/urlUtils.js";let n;function r(){t||o(e(s(n)))}function c(t){const o=[];for(const s of Object.keys(t))customElements.get(`calcite-${s}`)||o.push(t[s]?.());return o.length>0?Promise.all(o):null}n="components/assets";export{r as commitAssetPath,c as loadCalciteComponents};
+import{assetPathChanged as t,setAssetPath as o}from"@geoscene/calcite-components/dist/components";import{getAssetUrl as s}from"../../assets.js";import"../../core/has.js";import{makeAbsolute as e}from"../../core/urlUtils.js";let n;function r(){t||o(e(s(n)))}function c(t){const o=[];for(const s of Object.keys(t))customElements.get(`calcite-${s}`)||o.push(t[s]?.());return o.length>0?Promise.all(o):null}n="components/assets";export{r as commitAssetPath,c as loadCalciteComponents};