@arcgis/map-components 5.0.0-next.5 → 5.0.0-next.6

package/dist/components/arcgis-feature-utility-network-association-list/customElement.js

@@ -0,0 +1,123 @@
+import { c as m } from "../../chunks/runtime.js";
+import { css as f, html as n } from "lit";
+import { keyed as d } from "lit/directives/keyed.js";
+import { ArcgisUtilityNetworkAssociationList as g } from "../arcgis-utility-network-association-list/customElement.js";
+import { stripHTML as u } from "@arcgis/core/applications/Components/stringUtils.js";
+import { renderElement as p, nothing as y, safeClassMap as w } from "@arcgis/lumina";
+import { formatNumber as $, substitute as b } from "@arcgis/core/intl.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.6 */
+const _ = f`:host{position:relative;flex:1 1 auto}.list-item--hidden{display:none}.feature-observer{bottom:var(--calcite-spacing-xxl);position:relative;text-align:center;z-index:2}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.notice-container{margin-bottom:var(--calcite-spacing-xs)}`, A = "nested";
+class F extends g {
+  constructor() {
+    super(...arguments), this.displayCount = 3, this.flowType = "feature-utility-network-association-type";
+  }
+  static {
+    this.properties = { description: 1, displayCount: 9, endIndex: 32, flowItems: 0, flowType: 1, map: 0, spatialReference: 0, timeZone: 1, view: 0 };
+  }
+  static {
+    this.styles = _;
+  }
+  get endIndex() {
+    const { currentFeaturePage: t, featuresPerPage: e, maxFeatureCount: s } = this;
+    return Math.min(t * e, s);
+  }
+  _featureViewModelMatch(t, e) {
+    const s = t.graphic, i = s?.layer;
+    let o = null;
+    i?.type === "subtype-sublayer" && i.parent ? o = i.parent.globalIdField ?? null : i && "globalIdField" in i && (o = i.globalIdField);
+    const l = o ? s?.attributes[o] : null, r = e.graphic, a = r?.layer;
+    let c = null;
+    a?.type === "subtype-sublayer" && a.parent ? c = a.parent.globalIdField ?? null : a && "globalIdField" in a && (c = a.globalIdField);
+    const h = c ? r?.attributes[c] : null;
+    return l && h && l === h;
+  }
+  _findFlowItem(t) {
+    return this.flowItems?.findIndex((e) => {
+      if (e.flowType !== "feature-association")
+        return !1;
+      const s = e.viewModel;
+      return this._featureViewModelMatch(s, t);
+    }) ?? -1;
+  }
+  _formatPercentAlong(t) {
+    const { percentAlong: e } = t;
+    return e == null ? "" : $(e, {
+      style: "percent",
+      maximumFractionDigits: 2
+    });
+  }
+  async _handleFeatureClick(t, e, s) {
+    const { flowItems: i } = this;
+    if (t) {
+      i?.removeAll();
+      return;
+    }
+    if (e < 0 || !i) {
+      await this._selectAssociation(s);
+      return;
+    }
+    for (; i.length > e + 1; )
+      i.pop();
+  }
+  _isConnectivityAssociation(t) {
+    const { associationType: e } = t;
+    return e === "connectivity" || e === "junction-junction-connectivity" || e === "junction-edge-from-connectivity" || e === "junction-edge-midspan-connectivity" || e === "junction-edge-to-connectivity";
+  }
+  _isConnectivityMidspanAssociation(t) {
+    return t.associationType === "junction-edge-midspan-connectivity";
+  }
+  _isParentFeature(t) {
+    const e = this.flowItems?.getItemAt(0);
+    if (!e)
+      return !1;
+    const s = e.parentFeatureViewModel;
+    return this._featureViewModelMatch(s, t);
+  }
+  async _selectAssociation(t) {
+    const { flowItems: e } = this;
+    e && e.push(p(d(this.parentFeatureViewModel, n`<arcgis-feature .flowItems=${e} .flowType=${"feature-utility-network-associations"} .graphic=${t.graphic} .map=${this.map} show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature>`)));
+  }
+  _showAllAssociations(t) {
+    const { flowItems: e, description: s } = this;
+    if (!e || !t)
+      return;
+    this.showAllEnabled = !0;
+    const i = t?.title ?? "";
+    e.push(p(n`<arcgis-feature-utility-network-association-list .associationViewModels=${this.associationViewModels} .description=${s} .flowItems=${e} .flowType=${this.flowType} .messages=${this.messages} .parentFeatureViewModel=${this.parentFeatureViewModel} .selectedLayer=${t} .showAllEnabled=${this.showAllEnabled} title=${i ?? y}></arcgis-feature-utility-network-association-list>`));
+  }
+  render() {
+    const { associationViewModels: t, state: e } = this, s = this.selectedLayer?.title ?? this.messages?.noTitle ?? "";
+    return n`<div>${e === "loading" || e === "querying" ? this._renderLoading() : n`<calcite-list .displayMode=${A} .filterEnabled=${this.showAllEnabled && !!this.selectedLayer} .filterLabel=${this.messages?.associationFilterPlaceholder} .filterPlaceholder=${this.messages?.associationFilterPlaceholder} .label=${s}>${this.showAllEnabled && this.selectedLayer ? n`${this._renderFeatureCountWarning()}${this._renderAssociatedFeatureListPage()}${this._renderFeatureObserver()}` : Array.from(t.keys(), (i) => this._renderTypeList(i))}</calcite-list>`}</div>`;
+  }
+  _renderAssociatedFeature(t) {
+    const { featureViewModel: e, title: s } = t, i = this.state === "loading", o = this._findFlowItem(e), l = o < 0 && this._isParentFeature(e), r = l || o >= 0, a = `associated-feature-${t.association.globalId}`;
+    return n`<calcite-list-item class=${w(i ? "list-item--hidden" : "")} .description=${u(t.terminalName ?? "")} .label=${u(s)} @calciteListItemSelect=${async () => await this._handleFeatureClick(l, o, e)}>${this._isConnectivityAssociation(t.association) ? this._renderConnectivityIcon(t.association.associationType, a) : null}${this._isConnectivityMidspanAssociation(t.association) ? n`<calcite-chip .label=${this._formatPercentAlong(t.association)} scale=s slot=content-end>${this._formatPercentAlong(t.association)}</calcite-chip>` : null}${this._renderChevronIconNode(r)}</calcite-list-item>`;
+  }
+  _renderAssociatedFeatureList(t) {
+    return t.toArray().map((e) => this._renderAssociatedFeature(e));
+  }
+  _renderAssociatedFeatureListPage() {
+    const t = this.associationViewModels.get(this.selectedLayer).slice(0, this.endIndex);
+    return [...this._renderTooltips(t), ...this._renderAssociatedFeatureList(t)];
+  }
+  _renderChevronIconNode(t) {
+    return n`<calcite-icon flip-rtl .icon=${t ? "move-up" : "chevron-right"} scale=s slot=content-end></calcite-icon>`;
+  }
+  _renderItemTooltip(t) {
+    const { tooltipReferenceMap: e } = this, s = `associated-feature-${t.association.globalId}`;
+    return this._isConnectivityAssociation(t.association) ? n`<calcite-tooltip overlay-positioning=fixed .referenceElement=${e.get(s)}>${this.getConnectivityTooltip(t.association.associationType)}</calcite-tooltip>` : null;
+  }
+  _renderTypeList(t) {
+    const { messages: e } = this, { displayCount: s } = this, i = this.associationViewModels.get(t), o = i.slice(0, s), l = o.length < i.length, r = b(e?.numberRecords ?? "", { number: i.length.toString() }), a = e?.showAll ?? "";
+    return d("show-all", n`<calcite-list-item expanded .label=${t.title} .value=${t.id}><calcite-chip .label=${String(i.length)} scale=s slot=content-end>${i.length}</calcite-chip><calcite-list .group=${t.id} .label=${t.title ?? ""}>${[this._renderTooltips(o), this._renderAssociatedFeatureList(o)]}${l ? d("show-all-item", n`<calcite-list-item .description=${r} .label=${a} @calciteListItemSelect=${() => this._showAllAssociations(t)}><calcite-icon icon=list scale=s slot=content-end></calcite-icon></calcite-list-item>`) : null}</calcite-list></calcite-list-item>`);
+  }
+  _renderTooltips(t) {
+    return t.toArray().map((e) => this._renderItemTooltip(e));
+  }
+}
+m("arcgis-feature-utility-network-association-list", F);
+export {
+  F as ArcgisFeatureUtilityNetworkAssociationList
+};

package/dist/components/arcgis-feature-utility-network-association-list/index.d.ts

@@ -0,0 +1,8 @@
+import "../arcgis-feature/index.js";
+import ".//index.js";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-tooltip";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-utility-network-association-list/index.js

@@ -0,0 +1,8 @@
+import "../arcgis-feature/index.js";
+import ".//index.js";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-tooltip";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-utility-network-associations/customElement.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { ArcgisFeature, FlowItemType, FlowItemComponent } from '../arcgis-feature/customElement.js';
+import { LayerUnion } from '../arcgis-utility-network-association-list/types';
+import { HeadingLevel } from '../../support/heading';
+import { AbortOptions } from '../../utils/async-utils';
+import { default as Graphic } from '@arcgis/core/Graphic.js';
+import { default as esriMap } from '@arcgis/core/Map.js';
+import { default as Collection } from '@arcgis/core/core/Collection.js';
+import { default as SpatialReference } from '@arcgis/core/geometry/SpatialReference.js';
+import { default as FeatureLayer } from '@arcgis/core/layers/FeatureLayer.js';
+import { default as Layer } from '@arcgis/core/layers/Layer.js';
+import { default as SubtypeGroupLayer } from '@arcgis/core/layers/SubtypeGroupLayer.js';
+import { default as Sublayer } from '@arcgis/core/layers/support/Sublayer.js';
+import { default as SubtypeSublayer } from '@arcgis/core/layers/support/SubtypeSublayer.js';
+import { default as UtilityNetworkAssociationType } from '@arcgis/core/popup/support/UtilityNetworkAssociationType.js';
+import { default as Association } from '@arcgis/core/rest/networks/support/Association.js';
+import { default as MapView } from '@arcgis/core/views/MapView.js';
+import { default as FeatureViewModel } from '@arcgis/core/widgets/Feature/FeatureViewModel.js';
+import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { nil } from '@arcgis/toolkit/type';
+export interface AssociationFeatureObject {
+    title: string;
+    feature: Graphic;
+    association: Association;
+    terminalName?: string;
+}
+export interface AssociationListObject {
+    title: string;
+    association: Association;
+    featureViewModel: FeatureViewModel;
+    terminalName?: string;
+}
+type AssociatedFeatureSupportedLayer = {
+    capabilities: __esri.Capabilities | nil;
+    globalIdField: nil | string;
+    layerId?: nil | number;
+    load: (options?: AbortOptions | nil) => Promise<AssociatedFeatureSupportedLayer>;
+    loaded: boolean;
+    objectIdField: nil | string;
+    parent: AssociatedFeatureSupportedLayer | Layer["parent"] | nil;
+    type: string;
+} & (FeatureLayer | Layer | Sublayer | SubtypeGroupLayer | SubtypeSublayer);
+export type AssociationType = "attachment" | "connectivity" | "containment" | "junction-edge-from-connectivity" | "junction-edge-midspan-connectivity" | "junction-edge-to-connectivity" | "junction-junction-connectivity";
+export type AssociationListPopupType = "attachment" | "connectivity" | "container" | "content" | "structure";
+export type AssociationState = "disabled" | "loading" | "querying" | "ready";
+
+/** @private */
+export declare class ArcgisFeatureUtilityNetworkAssociations extends LitElement {
+    associationTypes: UtilityNetworkAssociationType[];
+    /** @default false */
+    autoDestroyDisabled: boolean;
+    description?: string;
+    flowItems?: Collection<FlowItemComponent>;
+    /** @default "feature-utility-network-associations" */
+    flowType: FlowItemType;
+    graphic?: Graphic;
+    get heading(): string | undefined;
+    set heading(value: string | undefined);
+    /** @default 2 */
+    headingLevel: HeadingLevel;
+    layer?: AssociatedFeatureSupportedLayer;
+    map?: esriMap;
+    messages?: ArcgisFeature["messages"];
+    parentFeatureViewModel?: FeatureViewModel;
+    /** @default "popup" */
+    source: "featureForm" | "popup";
+    spatialReference?: SpatialReference;
+    timeZone?: string;
+    view?: MapView;
+    destroy(): Promise<void>;
+}
+export {};