npm - @arcgis/map-components - Versions diffs - 5.0.0-next.12 → 5.0.0-next.121 - Mend

@arcgis/map-components 5.0.0-next.12 → 5.0.0-next.121

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

package/dist/components/arcgis-expand/customElement.js CHANGED Viewed

@@ -1,41 +1,150 @@
-import { c as m } from "../../chunks/runtime.js";
-import { css as x, html as s } from "lit";
-import { watch as _ } from "@arcgis/core/core/reactiveUtils.js";
-import { g as l } from "../../chunks/globalCss.js";
-import { u as f } from "../../chunks/useT9n.js";
-import { createRef as d, ref as p } from "lit/directives/ref.js";
-import v from "@arcgis/core/widgets/Expand/ExpandViewModel.js";
-import { usePropertyChange as b } from "@arcgis/lumina/controllers";
-import { m as w } from "../../chunks/useViewModel.js";
-import { LitElement as $, createEvent as y, safeClassMap as i, nothing as C } from "@arcgis/lumina";
+import { c as b } from "../../chunks/runtime.js";
+import { css as y, html as d } from "lit";
+import { on as $, when as u, watch as w } from "@arcgis/core/core/reactiveUtils.js";
+import { g as C } from "../../chunks/globalCss.js";
+import { u as E } from "../../chunks/useT9n.js";
+import { createRef as m, ref as _ } from "lit/directives/ref.js";
+import D from "@arcgis/core/core/Accessor.js";
+import { property as h, subclass as T } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { usePropertyChange as k } from "@arcgis/lumina/controllers";
+import { m as I } from "../../chunks/useViewModel.js";
+import { LitElement as M, createEvent as H, safeClassMap as c, nothing as P } from "@arcgis/lumina";
+import { classes as O } from "@arcgis/toolkit/dom";
 /*! 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.12 */
-const E = x`:host{display:flex;pointer-events:auto;--arcgis-expand-icon-number-left: none;--arcgis-expand-icon-number-right: none}arcgis-expand>.arcgis-expand__content--expanded{background-color:var(--calcite-color-background)}.arcgis-expand{--esri-widget-panel-max-height: 95svh;--calcite-sheet-max-height: var(--esri-widget-panel-max-height);--calcite-sheet-height: auto;min-width:32px;min-height:32px}.arcgis-expand__toggle{position:relative}.arcgis-expand__popover-content{flex-direction:column;display:flex;max-height:var(--arcgis-expand-max-height, 95svh);::slotted(*){max-height:var(--arcgis-expand-max-height, 95svh);overflow-y:auto}::slotted(arcgis-sketch){--arcgis-internal-sketch-gap: var(--calcite-spacing-none)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width);min-width:var(--calcite-spacing-xxxl);min-height:var(--calcite-spacing-xxxl);transition:max-height .25s ease-in-out}}.arcgis-expand__popover-content .esri-widget--panel{width:300px}.arcgis-expand__panel{max-height:var(--esri-widget-panel-max-height)}.arcgis-expand__panel-content{::slotted(*){width:100%}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){overflow-y:auto}}.arcgis-expand__panel-content .esri-widget{width:auto}.arcgis-expand__panel-content .esri-widget--panel{flex:auto}.arcgis-map-container-ui__element .arcgis-expand__popover-content .esri-widget,.arcgis-map-container-ui__element .arcgis-expand__popover-content .esri-widget.esri-component,.arcgis-map-container-ui__element .arcgis-expand__panel-content .esri-widget,.arcgis-map-container-ui__element .arcgis-expand__panel-content .esri-widget.esri-component,.arcgis-expand__popover-content .esri-widget,.arcgis-expand__popover-content .esri-widget.esri-component,.arcgis-expand__panel-content .esri-widget,.arcgis-expand__panel-content .esri-widget.esri-component{box-sizing:border-box;box-shadow:none;margin-bottom:0}.arcgis-expand__panel-content,.arcgis-expand__content-container{background-color:var(--calcite-color-foreground-1);flex-direction:column;flex:auto;justify-content:stretch;display:flex}.arcgis-expand__sheet .arcgis-expand__panel-content,.arcgis-expand__sheet .arcgis-expand__content-container{overflow:hidden}.arcgis-expand__panel-icon-number{align-self:center}.arcgis-expand__icon{display:flex}calcite-button:not(:hover) .arcgis-expand__icon:not(calcite-icon){color:var(--calcite-color-text-3)}.arcgis-expand__icon-flip{transform:var(--arcgis-collapse-icon-flip)}.arcgis-expand__icon-number{transform-origin:50%;color:var(--calcite-color-text-inverse);pointer-events:none;background-color:var(--calcite-color-text-3);border-radius:var(--calcite-spacing-xl);justify-content:center;align-items:center;height:var(--calcite-spacing-lg);padding:.125em .333em;font-size:var(--calcite-font-size-sm);line-height:1em;display:flex;position:absolute;top:-6px;left:var(--arcgis-expand-icon-number-left);right:var(--arcgis-expand-icon-number-right)}`, a = "arcgis-expand", n = {
-  base: a,
-  toggle: `${a}__toggle`,
-  popoverContent: `${a}__popover-content`,
-  panel: `${a}__panel`,
-  panelContent: `${a}__panel-content`,
-  sheet: `${a}__sheet`,
-  contentContainer: `${a}__content-container`,
-  icon: `${a}__icon`,
-  iconFlip: `${a}__icon-flip`,
-  iconNumber: `${a}__icon-number`
-}, g = "chevrons-left", h = "chevrons-right", T = w(v);
-class k extends $ {
+v5.0.0-next.121 */
+var N = Object.defineProperty, S = Object.getOwnPropertyDescriptor, g = (i, e, t, a) => {
+  for (var n = a > 1 ? void 0 : a ? S(e, t) : e, r = i.length - 1, p; r >= 0; r--)
+    (p = i[r]) && (n = (a ? p(e, t, n) : p(n)) || n);
+  return a && n && N(e, t, n), n;
+};
+const x = new EventTarget();
+function V(i, e, t) {
+  let a = !1;
+  const n = w(
+    i,
+    (r, p) => {
+      a || e(r, p);
+    },
+    t
+  );
+  return {
+    remove() {
+      n.remove();
+    },
+    pause() {
+      a = !0;
+    },
+    resume() {
+      a = !1;
+    }
+  };
+}
+let l = class extends D {
+  //#region Lifecycle
+  constructor(i) {
+    super(i), this._viewpointHandle = null, this.addHandles(
+      $(
+        () => x,
+        "expand",
+        (e) => {
+          const { target: t } = e.detail;
+          t !== this && t.expanded && t.group && t.group === this.group && this.expanded && this._collapse();
+        }
+      )
+    );
+  }
+  destroy() {
+    this._viewpointHandle = null, this.view = null;
+  }
+  set autoCollapse(i) {
+    this._set("autoCollapse", i), this._watchViewpoint();
+  }
+  set expanded(i) {
+    this._set("expanded", i), this.group && i && x.dispatchEvent(new CustomEvent("expand", { detail: { target: this } })), this._viewpointHandleChange(i);
+  }
+  get state() {
+    return this.view?.ready ? "ready" : "disabled";
+  }
+  set view(i) {
+    this._get("view") !== i && (this._set("view", i), i && u(
+      () => i.ready,
+      () => {
+        this.view === i && this._watchViewpoint();
+      },
+      { once: !0, initial: !0 }
+    ));
+  }
+  //#endregion
+  //#region Private Methods
+  _viewpointHandleChange(i) {
+    this._viewpointHandle && (i ? u(
+      () => this.view?.stationary,
+      () => this._viewpointHandle?.resume(),
+      { once: !0, initial: !0 }
+    ) : this._viewpointHandle.pause());
+  }
+  _watchViewpoint() {
+    const i = "viewpoint";
+    this.removeHandles(i), this._viewpointHandle = null;
+    const { autoCollapse: e, view: t } = this;
+    if (!t || !e)
+      return;
+    const a = V(
+      () => t.type === "3d" ? t.camera : t.viewpoint,
+      () => this._collapse()
+    );
+    this.addHandles(a, i), this._viewpointHandle = a;
+  }
+  _collapse() {
+    this.expanded = !1;
+  }
+  //#endregion
+};
+g([
+  h({ value: !1 })
+], l.prototype, "autoCollapse", 1);
+g([
+  h({ value: !1 })
+], l.prototype, "expanded", 1);
+g([
+  h()
+], l.prototype, "group", 2);
+g([
+  h({ readOnly: !0 })
+], l.prototype, "state", 1);
+g([
+  h({ value: null })
+], l.prototype, "view", 1);
+l = g([
+  T("map-components.expand.ExpandViewModel")
+], l);
+const z = y`:host{display:flex;pointer-events:auto;--arcgis-expand-icon-number-left: none;--arcgis-expand-icon-number-right: none}arcgis-expand>.arcgis-expand__content--expanded{background-color:var(--calcite-color-background)}.arcgis-expand{--esri-widget-panel-max-height: 95svh;--calcite-sheet-max-height: var(--esri-widget-panel-max-height);--calcite-sheet-height: auto;background-color:var(--calcite-color-foreground-1)}.arcgis-expand__action{cursor:pointer;text-align:center;color:var(--calcite-color-text-2);justify-content:center;align-items:center;margin:0;padding:0;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.arcgis-expand__toggle{position:relative}.arcgis-expand__popover-content{flex-direction:column;display:flex;max-height:var(--arcgis-expand-max-height, 95svh);::slotted(*){max-height:var(--arcgis-expand-max-height, 95svh);overflow-y:auto}::slotted(arcgis-sketch){--arcgis-internal-sketch-gap: var(--calcite-spacing-none)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width);min-width:var(--calcite-spacing-xxxl);min-height:var(--calcite-spacing-xxxl);transition:max-height .25s ease-in-out}}.arcgis-expand__popover-content .esri-widget--panel{width:300px}.arcgis-expand__panel{max-height:var(--esri-widget-panel-max-height)}.arcgis-expand__panel-content{::slotted(*){width:100%}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-utility-network-trace,arcgis-grid-controls)){overflow-y:auto}}.arcgis-expand__panel-content .esri-widget{width:auto}.arcgis-expand__panel-content .esri-widget--panel{flex:auto}.arcgis-map-container-ui__element .arcgis-expand__popover-content .esri-widget,.arcgis-map-container-ui__element .arcgis-expand__popover-content .esri-widget.esri-component,.arcgis-map-container-ui__element .arcgis-expand__panel-content .esri-widget,.arcgis-map-container-ui__element .arcgis-expand__panel-content .esri-widget.esri-component,.arcgis-expand__popover-content .esri-widget,.arcgis-expand__popover-content .esri-widget.esri-component,.arcgis-expand__panel-content .esri-widget,.arcgis-expand__panel-content .esri-widget.esri-component{box-sizing:border-box;box-shadow:none;margin-bottom:0}.arcgis-expand__panel-content,.arcgis-expand__content-container{background-color:var(--calcite-color-foreground-1);flex-direction:column;flex:auto;justify-content:stretch;display:flex}.arcgis-expand__sheet .arcgis-expand__panel-content,.arcgis-expand__sheet .arcgis-expand__content-container{overflow:hidden}.arcgis-expand__panel-icon-number{align-self:center}.arcgis-expand__icon{display:flex}calcite-button:not(:hover) .arcgis-expand__icon:not(calcite-icon){color:var(--calcite-color-text-3)}.arcgis-expand__icon-flip{transform:var(--arcgis-collapse-icon-flip)}.arcgis-expand__icon-number{transform-origin:50%;color:var(--calcite-color-text-inverse);pointer-events:none;background-color:var(--calcite-color-text-3);border-radius:var(--calcite-spacing-xl);justify-content:center;align-items:center;height:var(--calcite-spacing-lg);padding:.125em .333em;font-size:var(--calcite-font-size-sm);line-height:1em;display:flex;position:absolute;top:-6px;left:var(--arcgis-expand-icon-number-left);right:var(--arcgis-expand-icon-number-right)}`, s = "arcgis-expand", o = {
+  base: s,
+  action: `${s}__action`,
+  toggle: `${s}__toggle`,
+  popoverContent: `${s}__popover-content`,
+  panel: `${s}__panel`,
+  panelContent: `${s}__panel-content`,
+  sheet: `${s}__sheet`,
+  contentContainer: `${s}__content-container`,
+  icon: `${s}__icon`,
+  iconFlip: `${s}__icon-flip`,
+  iconNumber: `${s}__icon-number`
+}, v = "chevrons-left", f = "chevrons-right", A = I(l);
+class B extends M {
   constructor() {
-    super(...arguments), this.popoverEl = d(), this.messages = f({}), this.viewModel = T(this), this.toggleActionEl = d(), this.view = this.viewModel.view, this.state = this.viewModel.state, this.autoDestroyDisabled = !1, this.autoCollapse = this.viewModel.autoCollapse, this.closeOnEscDisabled = !1, this.content = "", this.expandTooltip = "", this.collapseTooltip = "", this.focusTrapDisabled = !1, this.focusTrapEnabled = this.focusTrapDisabled, this.group = this.viewModel.group, this.iconNumber = 0, this.mode = "auto", this.arcgisPropertyChange = b()("expanded"), this.arcgisReady = y();
+    super(...arguments), this.popoverEl = m(), this.messages = E({}), this.viewModel = A(this), this.toggleActionEl = m(), this.view = this.viewModel.view, this.state = this.viewModel.state, this.autoDestroyDisabled = !1, this.autoCollapse = this.viewModel.autoCollapse, this.closeOnEscDisabled = !1, this.content = "", this.expandTooltip = "", this.collapseTooltip = "", this.focusTrapDisabled = !1, this.group = this.viewModel.group, this.iconNumber = 0, this.mode = "auto", this.visualScale = "m", this.arcgisPropertyChange = k()("expanded"), this.arcgisReady = H();
   }
   static {
-    this.properties = { expandTitle: 16, _displaySheet: 16, view: 0, state: 3, icon: 1, label: 1, autoDestroyDisabled: 5, position: 1, referenceElement: 1, autoCollapse: 5, closeOnEscDisabled: 5, content: 1, expanded: 7, expandIcon: 3, expandTooltip: 1, collapseIcon: 3, collapseTooltip: 1, focusTrapDisabled: 5, focusTrapEnabled: 5, group: 1, iconNumber: 9, mode: 1, placement: 1, messageOverrides: 0 };
+    this.properties = { expandTitle: 16, _displaySheet: 16, view: 0, state: 32, icon: 1, label: 1, autoDestroyDisabled: 5, referenceElement: 1, autoCollapse: 5, closeOnEscDisabled: 5, content: 1, expanded: 7, expandIcon: 2, expandTooltip: 1, collapseIcon: 2, collapseTooltip: 1, focusTrapDisabled: 5, group: 1, iconNumber: 9, mode: 1, placement: 1, messageOverrides: 0, visualScale: 1 };
   }
   static {
-    this.styles = E;
+    this.styles = z;
   }
   get expandTitle() {
-    const { expanded: e, messages: t, collapseTooltip: r, expandTooltip: o } = this;
-    return (e ? r || t.collapse : o || t.expand) ?? "";
+    const { expanded: e, messages: t, collapseTooltip: a, expandTooltip: n } = this;
+    return (e ? a || t.collapse : n || t.expand) ?? "";
   }
   get _displaySheet() {
     switch (this.mode) {
@@ -57,13 +166,13 @@ class k extends $ {
     if (this._expandIcon)
       return this._expandIcon;
     let e = null;
-    return this.content instanceof HTMLElement && ("widget" in this.content && this.content.widget?.icon ? e = this.content.widget.icon : "icon" in this.content ? e = this.content.icon : e = this.content.getAttribute("icon")), e ?? g;
+    return this.content instanceof HTMLElement && ("widget" in this.content && this.content.widget?.icon ? e = this.content.widget.icon : "icon" in this.content ? e = this.content.icon : e = this.content.getAttribute("icon")), e ?? v;
   }
   set expandIcon(e) {
     this._expandIcon = e;
   }
   get collapseIcon() {
-    return this._collapseIcon ?? h;
+    return this._collapseIcon ?? f;
   }
   set collapseIcon(e) {
     this._collapseIcon = e;
@@ -79,7 +188,7 @@ class k extends $ {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      _(() => this.viewModel?.view?.size, () => this.popoverEl?.value?.reposition(), { initial: !0 })
+      w(() => this.viewModel?.view?.size, () => void this.popoverEl?.value?.reposition(), { initial: !0 })
     ]);
   }
   toggle() {
@@ -89,17 +198,17 @@ class k extends $ {
     if (this.placement)
       return this.placement;
     switch (this.el.slot) {
-      case "bottom-leading":
+      case "bottom-start":
       case "bottom-left":
         return "right-end";
       case "bottom-right":
-      case "bottom-trailing":
+      case "bottom-end":
         return "left-end";
-      case "top-leading":
+      case "top-start":
       case "top-left":
         return "right-start";
       case "top-right":
-      case "top-trailing":
+      case "top-end":
         return "left-start";
       case "manual":
       default:
@@ -117,25 +226,25 @@ class k extends $ {
     this.expanded && e.key === "Escape" && this._isCloseOnEscapeDisabled(e) && e.preventDefault();
   }
   render() {
-    const { _displaySheet: e, toggleActionEl: t, viewModel: { expanded: r }, label: o } = this;
-    return s`<div class=${i({ [n.base]: !0, [l.widget]: !0 })}>${this._renderToggle()}${e ? s`<calcite-sheet class=${i(n.sheet)} height=l .label=${o ?? ""} @keydown=${this._handleKeyDown} .open=${r} position=block-end @calciteSheetClose=${this.collapse}><calcite-panel class=${i(n.panel)} closable .closed=${!r} .heading=${o} @keydown=${this._handleKeyDown} @calcitePanelClose=${this.collapse}><div class=${i(n.panelContent)}>${this._renderContent()}</div></calcite-panel></calcite-sheet>` : t.value ? s`<calcite-popover .focusTrapDisabled=${this.focusTrapDisabled} .label=${o ?? ""} @keydown=${this._handleKeyDown} trigger-disabled .open=${this.expanded} overlay-positioning=fixed .placement=${this.getPopoverPlacement()} .referenceElement=${t.value} @calcitePopoverClose=${this._handlePopoverClose} ${p(this.popoverEl)}><div class=${i(n.popoverContent)}>${this._renderContent()}</div></calcite-popover>` : null}</div>`;
+    const { _displaySheet: e, toggleActionEl: t, viewModel: { expanded: a }, label: n } = this;
+    return d`<div class=${c({ [o.base]: !0, [C.widget]: !0 })}>${this._renderToggle()}${e ? d`<calcite-sheet class=${c(o.sheet)} height=l .label=${n ?? ""} @keydown=${this._handleKeyDown} .open=${a} position=block-end @calciteSheetClose=${this.collapse}><calcite-panel class=${c(o.panel)} closable .closed=${!a} .heading=${n} @keydown=${this._handleKeyDown} @calcitePanelClose=${this.collapse}><div class=${c(o.panelContent)}>${this._renderContent()}</div></calcite-panel></calcite-sheet>` : t.value ? d`<calcite-popover .focusTrapDisabled=${this.focusTrapDisabled} .label=${n ?? ""} @keydown=${this._handleKeyDown} trigger-disabled .open=${this.expanded} overlay-positioning=fixed .placement=${this.getPopoverPlacement()} .referenceElement=${t.value} @calcitePopoverClose=${this._handlePopoverClose} ${_(this.popoverEl)}><div class=${c(o.popoverContent)}>${this._renderContent()}</div></calcite-popover>` : null}</div>`;
   }
   _renderBadgeNumber() {
     const { expanded: e, iconNumber: t } = this;
-    return t && !e ? s`<span class=${i(n.iconNumber)}>${t}</span>` : null;
+    return t && !e ? d`<span class=${c(o.iconNumber)}>${t}</span>` : null;
   }
   _renderToggleButton() {
-    const { expanded: e, expandTitle: t, expandIcon: r, collapseIcon: o } = this, c = e ? o : r, u = c === g || c === h;
-    return s`<calcite-action class=${i(l.widgetButton)} @click=${this.toggle} scale=s .text=${t} title=${t ?? C} ${p(this.toggleActionEl)}>${c ? s`<calcite-icon class=${i({ [n.icon]: !0, [n.iconFlip]: u })} .icon=${c} scale=s></calcite-icon>` : null}</calcite-action>`;
+    const { expanded: e, expandTitle: t, expandIcon: a, collapseIcon: n } = this, r = e ? n : a, p = r === v || r === f;
+    return d`<calcite-action class=${c(O(o.action, { [o.icon]: !0, [o.iconFlip]: p }))} @click=${this.toggle} .text=${t} title=${t ?? P} .icon=${r} .scale=${this.visualScale} ${_(this.toggleActionEl)}></calcite-action>`;
   }
   _renderToggle() {
-    return s`<div class=${i(n.toggle)}>${this._renderToggleButton()}${this._renderBadgeNumber()}</div>`;
+    return d`<div class=${c(o.toggle)}>${this._renderToggleButton()}${this._renderBadgeNumber()}</div>`;
   }
   _renderContent() {
-    return s`<div class=${i(n.contentContainer)}><slot></slot></div>`;
+    return d`<div class=${c(o.contentContainer)}><slot></slot></div>`;
   }
 }
-m("arcgis-expand", k);
+b("arcgis-expand", B);
 export {
-  k as ArcgisExpand
+  B as ArcgisExpand
 };

package/dist/components/arcgis-expand/index.d.ts CHANGED Viewed

@@ -2,5 +2,4 @@ import "@esri/calcite-components/components/calcite-sheet";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-popover";
 import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-icon";
 export * from "./customElement.js";

package/dist/components/arcgis-expand/index.js CHANGED Viewed

@@ -2,5 +2,4 @@ import "@esri/calcite-components/components/calcite-sheet";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-popover";
 import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-icon";
 export * from "./customElement.js";

package/dist/components/arcgis-feature/customElement.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
 import { ArcgisFeatureRelationship } from '../arcgis-feature-relationship/customElement.js';
 import { ArcgisFeatureUtilityNetworkAssociations } from '../arcgis-feature-utility-network-associations/customElement.js';
@@ -9,6 +8,7 @@ import { nil } from '@arcgis/toolkit/type';
 import { Use } from '@arcgis/lumina/controllers';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 export type FlowItemType = "feature-association" | "feature-relationship" | "feature-utility-network-association-type" | "feature-utility-network-associations" | "feature";
+/** @private */
 export type FlowItemComponent = HTMLArcgisFeatureElement | ArcgisFeatureRelationship["el"] | ArcgisFeatureUtilityNetworkAssociations["el"];
 declare const useFeatureViewModel: (component: LitElement & Pick<FeatureViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<FeatureViewModel>) => FeatureViewModel;
@@ -29,45 +29,38 @@ declare const useFeatureViewModel: (component: LitElement & Pick<FeatureViewMode
  * @since 4.28
  */
 export declare class ArcgisFeature extends LitElement {
+    /** @since 4.34 */
     viewModel: FeatureViewModel;
     /**
      * 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 ArcgisFeature component will be associated with a map or scene component rather than using the `view` property.
+     *   > **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 Feature component will be associated with a map or scene component rather than using the `view` property.
      */
-    view?: __esri.MapView | __esri.SceneView | nullish;
-    /**
-     * A collection of flow items that are used to manage drill-in navigation.
-     *
-     * @since 4.34
-     */
-    flowItems?: __esri.Collection<FlowItemComponent>;
+    view?: import('@arcgis/core/views/MapViewOrSceneView').MapViewOrSceneView | null | undefined;
     /**
      * 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.
      *
      * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
      */
     referenceElement?: ArcgisReferenceElement | string;
-    /** @deprecated since 4.34, use `slot` instead. */
-    position?: __esri.UIPosition;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "icon"
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      */
     icon?: string;
     /**
      * Indicates whether the current graphic resides in a non-spatial table.
      *
-     * @since 4.34
      * @default false
+     * @since 4.34
      */
     readonly isFeatureFromTable: boolean;
     /**
      * The [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) used to represent the feature.
      *
-     * @autocast
+     * @default null
      * @see [PopupTemplate.content](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#content)
      * @example
      * ```js
@@ -92,9 +85,8 @@ export declare class ArcgisFeature extends LitElement {
      *   }
      * });
      * ```
-     * @default null
      */
-    graphic: __esri.Graphic | nullish;
+    graphic: import('@arcgis/core/Graphic').default | null | undefined;
     /**
      * Enables automatic creation of a popup template for layers that have popups enabled but no
      * popupTemplate defined. Automatic popup templates are supported for layers that
@@ -123,25 +115,24 @@ export declare class ArcgisFeature extends LitElement {
      * in your app, you may need to adjust this heading for proper semantics. This is
      * important for meeting accessibility standards.
      *
+     * @default 2
      * @see [Heading Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
      * @example
      * ```
      * // feature title will render as an <h3>
      * feature.headingLevel = 3;
      * ```
-     * @default 2
      */
     headingLevel: HeadingLevel;
     /**
      * The spatial reference used for [Arcade](https://developers.arcgis.com/arcade) operations.
      * This property should be set if the component executes Arcade expressions that contain [geometry functions](https://developers.arcgis.com/arcade/function-reference/geometry_functions/).
      *
-     * @autocast
+     * @default null
      * @see [Type system](https://developers.arcgis.com/arcade/guide/types/#featuresetcollection)
      * @see [Arcade Profiles: Popup](https://developers.arcgis.com/arcade/profiles/popup/)
-     * @default null
      */
-    spatialReference: nullish | __esri.SpatialReference;
+    spatialReference: import('@arcgis/core/geometry/SpatialReference').default | null | undefined;
     /**
      * Dates and times displayed in the component will be displayed in this time zone. By default this time zone is
      * inherited from [MapView.timeZone](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#timeZone). When a MapView is not associated with the component,
@@ -151,21 +142,23 @@ export declare class ArcgisFeature extends LitElement {
      * - `system`: Dates and times will be displayed in the timezone of the device or browser.
      * - `unknown`: Dates and time are not adjusted for any timezone.
      * - Specified IANA timezone: Dates and times will be displayed in the specified IANA time zone. See [wikipedia - List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
+     *
+     * @since 4.29
      */
     timeZone: string;
     /**
      * The title for the feature. This can be disabled by setting the [`hideHeading`](#hideHeading) property to `true`.
      *
+     * @default null
      * @since 4.34
      * @see [headingLevel](#headingLevel)
      * @see [hideHeading](#hideHeading)
-     * @default null
      */
     readonly heading: string;
     /**
      * A map is required when the input [graphic](#graphic) has a popupTemplate that contains [Arcade](https://developers.arcgis.com/arcade) expressions in [ExpressionInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-ExpressionInfo.html) or [ExpressionContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-ExpressionContent.html) that may use the `$map` profile variable to access data from layers within a map. Without a map, expressions that use `$map` will throw an error.
      *
-     * @noautocast
+     * @default null
      * @see [Type system](https://developers.arcgis.com/arcade/guide/types/#featuresetcollection)
      * @see [Arcade Profiles: Popup](https://developers.arcgis.com/arcade/profiles/popup/)
      * @example
@@ -173,127 +166,83 @@ export declare class ArcgisFeature extends LitElement {
      * // The building footprints represent the buildings that intersect a clicked parcel
      * let buildingFootprints = Intersects($feature, FeatureSetByName($map, "Building Footprints"));
      * ```
-     * @default null
      */
-    map: nullish | __esri.Map;
+    map: import('@arcgis/core/Map').default | null | undefined;
     /**
      * Disables chart animation within the component.
      *
-     * @since 4.34
      * @default false
+     * @since 4.34
      */
     chartAnimationDisabled: boolean | undefined;
     /**
      * This property provides the ability to hide or show the component's [heading](#heading).
      *
-     * @since 4.34
      * @default false
+     * @since 4.34
      */
     hideHeading: boolean;
-    /**
-     * Indicates whether to hide the title associated with the feature.
-     *
-     * @deprecated since 4.34, use [`hideHeading`](#hideHeading) instead.
-     * @default false
-     */
-    get hideTitle(): boolean;
-    set hideTitle(value: boolean);
     /**
      * This property provides the ability to hide or show content within the component.
      *
-     * @since 4.34
      * @default false
+     * @since 4.34
      */
     hideContent: boolean;
     /**
      * This property provides the ability to hide or show [attachments content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-AttachmentsContent.html) within the component.
      *
      * @default false
+     * @since 4.34
      */
     hideAttachmentsContent: boolean;
-    /**
-     * Indicates whether to hide all [AttachmentsContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-AttachmentsContent.html).
-     *
-     * @deprecated since 4.34, use [`hideAttachmentsContent`](#hideAttachmentsContent) instead.
-     * @default false
-     */
-    get hideContentAttachments(): boolean;
-    set hideContentAttachments(value: boolean);
     /**
      * This property provides the ability to hide or show [custom content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-CustomContent.html) within the component.
      *
-     * @since 4.34
      * @default false
+     * @since 4.34
      */
     hideCustomContent: boolean;
     /**
      * This property provides the ability to hide or show [expression content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-ExpressionContent.html) within the component.
      *
      * @default false
+     * @since 4.34
      */
     hideExpressionContent: boolean;
-    /**
-     * Indicates whether to hide all [ExpressionContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-ExpressionContent.html).
-     *
-     * @deprecated since 4.34, use [`hideExpressionContent`](#hideExpressionContent) instead.
-     * @default false
-     */
-    get hideContentExpression(): boolean;
-    set hideContentExpression(value: boolean);
     /**
      * This property provides the ability to hide or show [fields content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-FieldsContent.html) within the component.
      *
      * @default false
+     * @since 4.34
      */
     hideFieldsContent: boolean;
-    /**
-     * Indicates whether to hide all [FieldsContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-FieldsContent.html).
-     *
-     * @deprecated since 4.34, use [`hideFieldsContent`](#hideFieldsContent) instead.
-     * @default false
-     */
-    get hideContentFields(): boolean;
-    set hideContentFields(value: boolean);
     /**
      * This property provides the ability to hide or show [media content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html) within the component.
      *
      * @default false
+     * @since 4.34
      */
     hideMediaContent: boolean;
-    /**
-     * Indicates whether to hide all [MediaContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html).
-     *
-     * @deprecated since 4.34, use [`hideMediaContent`](#hideMediaContent) instead.
-     * @default false
-     */
-    get hideContentMedia(): boolean;
-    set hideContentMedia(value: boolean);
     /**
      * This property provides the ability to hide or show [relationship content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-RelationshipContent.html) within the component.
      *
-     * @since 4.34
      * @default false
+     * @since 4.34
      */
     showRelationshipContent: boolean;
     /**
      * This property provides the ability to hide or show [text content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-TextContent.html) within the component.
      *
      * @default false
+     * @since 4.34
      */
     hideTextContent: boolean;
     /**
-     * Indicates whether to hide all [TextContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-TextContent.html).
+     * This property provides the ability to hide or show [utility network content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-UtilityNetworkAssociationsContent.html) within the component.
      *
-     * @deprecated since 4.34, use [`hideTextContent`](#hideTextContent) instead.
      * @default false
-     */
-    get hideContentText(): boolean;
-    set hideContentText(value: boolean);
-    /**
-     * This property provides the ability to hide or show [utility network content](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-UtilityNetworkContent.html) within the component.
-     *
      * @since 4.34
-     * @default false
      */
     showUtilityNetworkContent: boolean;
     /**
@@ -302,14 +251,6 @@ export declare class ArcgisFeature extends LitElement {
      * @default false
      */
     hideLastEditedInfo: boolean;
-    /**
-     * Indicates whether to hide the title associated with the feature.
-     *
-     * @deprecated since 4.33, use [`hideLastEditedInfo`](#hideLastEditedInfo) instead.
-     * @default false
-     */
-    get hideLastEditInfo(): boolean;
-    set hideLastEditInfo(value: boolean);
     /**
      * 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
@@ -321,7 +262,9 @@ export declare class ArcgisFeature extends LitElement {
      */
     autoDestroyDisabled: boolean;
     /**
-     * Overwrite localized strings for this component.
+     * Replace localized message strings with your own strings.
+     *
+     * _**Note**: Individual message keys may change between releases._
      *
      * @since 4.34
      */
@@ -331,22 +274,35 @@ export declare class ArcgisFeature extends LitElement {
     /**
      * The [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html) representing the location of the map interaction used to trigger the opening of the component.
      *
-     * @default null
+     * @since 4.29
+     * @see [PopupTemplate#content](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#content)
+     * @see [Arcade Profiles: Popup](https://developers.arcgis.com/arcade/profiles/popup/)
+     * @example
+     * view.on("click", (event) => {
+     *   const { mapPoint } = event;
+     *   feature.viewModel.location = mapPoint;
+     * });
      */
-    location: __esri.Point | nullish;
+    location: import('@arcgis/core/geometry/Point').default | null | undefined;
     /**
      * The current state of the component.
      *
      * @default "disabled"
+     * @since 4.21
      */
-    readonly state: "ready" | "loading" | "disabled" | "error";
+    readonly state: import('@arcgis/core/widgets/Feature/types').State;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
-    /** Paginates to the next [media](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html) info. */
+    /**
+     * Paginates to the next [media](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html) info.
+     *
+     * @param contentElementIndex
+     */
     nextMedia(contentElementIndex: number): Promise<void>;
     /**
-     * Paginates to the previous [media](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html) info in the specified
-     * [media](esri-popup-content-MediaContent.html) content element.
+     * Paginates to the previous [media](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html) info.
+     *
+     * @param contentElementIndex
      */
     previousMedia(contentElementIndex: number): Promise<void>;
     /**
@@ -355,9 +311,8 @@ export declare class ArcgisFeature extends LitElement {
      * multiple `mediaInfos`. This method allows you to specify the index of the `mediaInfos`
      * you wish to display.
      *
-     * ::: esri-md class="warning"
-     * Prior to   version 4.17, this method was named `goToMedia`.
-     * :::
+     * @param contentElementIndex
+     * @param mediaInfoIndex
      */
     setActiveMedia(contentElementIndex: number, mediaInfoIndex: number): Promise<void>;
     /**
@@ -373,5 +328,9 @@ export declare class ArcgisFeature extends LitElement {
     /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     private messages;
+    "@eventTypes": {
+        "arcgisPropertyChange": ArcgisFeature["arcgisPropertyChange"]["detail"];
+        "arcgisReady": ArcgisFeature["arcgisReady"]["detail"];
+    };
 }
 export {};