@arcgis/map-components 4.34.0-next.133 → 4.34.0-next.135

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

@@ -29,44 +29,347 @@ declare const useFeatureViewModel: (component: LitElement & Pick<FeatureViewMode
  */
 export declare class ArcgisFeature extends LitElement {
     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.
+     */
     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>;
+    /**
+     * 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"
+     */
     icon?: string;
+    /**
+     * Indicates whether the current graphic resides in a non-spatial table.
+     *
+     * @since 4.34
+     * @default false
+     */
     readonly isFeatureFromTable: boolean;
+    /**
+     * The [Graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) used to represent the feature.
+     *
+     * @autocast
+     * @see [PopupTemplate.content](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#content)
+     * @example
+     * ```js
+     * let graphic = new Graphic({
+     *   geometry: view.center,
+     *   attributes: {
+     *     name: "Spruce",
+     *     family: "Pinaceae",
+     *     count: 126
+     *   },
+     *   symbol: new SimpleMarkerSymbol({
+     *     style: "square",
+     *     color: "blue",
+     *     size: "8px"
+     *   }),
+     *   popupTemplate: {
+     *     content: [
+     *       {
+     *         // Set popup template content
+     *       }
+     *     ]
+     *   }
+     * });
+     * ```
+     * @default null
+     */
     graphic: nullish | __esri.Graphic;
+    /**
+     * 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
+     * support the `createPopupTemplate()` method. (Supported for
+     * [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html),
+     * [GeoJSONLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GeoJSONLayer.html),
+     * [SceneLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html),
+     * [CSVLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CSVLayer.html),
+     * [OGCFeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-OGCFeatureLayer.html)
+     * [PointCloudLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-PointCloudLayer.html),
+     * [StreamLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-StreamLayer.html), and
+     * [ImageryLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-ImageryLayer.html)).
+     *
+     * **Note:**
+     * Starting with version 4.28, `date` fields are formatted using the `short-date-short-time` preset [dateFormat](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-support-FieldInfoFormat.html#dateFormat)
+     * rather than `long-month-day-year` in the default [popup](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) created by setting the `defaultPopupTemplateEnabled` property to `true`.
+     * For example, previously a date that may have appeared as `"December 30, 1997"` will now appear as `"12/30/1997 6:00 PM"`.
+     *
+     * @default false
+     */
     defaultPopupTemplateEnabled: boolean;
+    /**
+     * Indicates the heading level to use for the [heading](#heading) of the component.
+     * By default, the title is rendered
+     * as a level 2 heading (e.g. `<h2>Title of content</h2>`). Depending on the component's placement
+     * in your app, you may need to adjust this heading for proper semantics. This is
+     * important for meeting accessibility standards.
+     *
+     * @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
+     * @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;
+    /**
+     * 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,
+     * then the property will fallback to the `system` time zone.
+     *
+     * **Possible Values**
+     * - `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).
+     */
     timeZone: string;
+    /**
+     * The title for the feature. This can be disabled by setting the [`hideHeading`](#hideHeading) property to `true`.
+     *
+     * @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
+     * @see [Type system](https://developers.arcgis.com/arcade/guide/types/#featuresetcollection)
+     * @see [Arcade Profiles: Popup](https://developers.arcgis.com/arcade/profiles/popup/)
+     * @example
+     * ```
+     * // The building footprints represent the buildings that intersect a clicked parcel
+     * let buildingFootprints = Intersects($feature, FeatureSetByName($map, "Building Footprints"));
+     * ```
+     * @default null
+     */
     map: __esri.Map | nullish;
+    /**
+     * Disables chart animation within the component.
+     *
+     * @since 4.34
+     * @default false
+     */
     chartAnimationDisabled: boolean | undefined;
+    /**
+     * This property provides the ability to hide or show the component's [heading](#heading).
+     *
+     * @since 4.34
+     * @default false
+     */
     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
+     */
     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
+     */
     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
+     */
     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
+     */
     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
+     */
     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
+     */
     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
+     */
     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
+     */
     hideTextContent: boolean;
+    /**
+     * Indicates whether to hide all [TextContent](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-TextContent.html).
+     *
+     * @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;
+    /**
+     * This property provides the ability to hide or show the last edited info within the component.
+     *
+     * @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
+     * component to a different place on the page, or temporarily hide it. If this
+     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-feature/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
     autoDestroyDisabled: boolean;
+    /**
+     * Overwrite localized strings for this component.
+     *
+     * @since 4.34
+     */
     messageOverrides?: typeof this.messages._overrides;
+    /** The component's default label. */
     label?: string;
+    /**
+     * 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
+     */
     location: nullish | __esri.Point;
+    /**
+     * The current state of the component.
+     *
+     * @default "disabled"
+     */
     readonly state: "ready" | "loading" | "disabled" | "error";
+    /** 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. */
     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.
+     */
     previousMedia(contentElementIndex: number): Promise<void>;
+    /**
+     * Paginates to a specified [media](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html) info object. For example,
+     * you may have [media](https://developers.arcgis.com/javascript/latest/api-reference/esri-popup-content-MediaContent.html) content which contains
+     * 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`.
+     * :::
+     */
     setActiveMedia(contentElementIndex: number, mediaInfoIndex: number): Promise<void>;
+    /**
+     * Updates the geometry of the graphic.
+     *
+     * @since 4.34
+     */
     updateGeometry(): Promise<void>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "flowItems";
     }>;
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     private messages;
 }

package/dist/components/arcgis-feature/customElement.js

@@ -1,21 +1,21 @@
-import { c as y } from "../../chunks/runtime.js";
-import { css as I, html as o } from "lit";
-import { ref as M } from "lit/directives/ref.js";
-import _ from "@arcgis/core/widgets/Feature/FeatureViewModel.js";
-import { u as C } from "../../chunks/useT9n.js";
-import { classes as x } from "@arcgis/toolkit/dom";
-import { usePropertyChange as b } from "@arcgis/lumina/controllers";
-import { m as F } from "../../chunks/useViewModel.js";
-import { LitElement as L, createEvent as A, safeClassMap as d, nothing as T } from "@arcgis/lumina";
+import { c as C } from "../../chunks/runtime.js";
+import { css as y, html as o } from "lit";
+import { ref as I } from "lit/directives/ref.js";
+import x from "@arcgis/core/widgets/Feature/FeatureViewModel.js";
+import { u as M } from "../../chunks/useT9n.js";
+import { classes as _ } from "@arcgis/toolkit/dom";
+import { usePropertyChange as F } from "@arcgis/lumina/controllers";
+import { m as b } from "../../chunks/useViewModel.js";
+import { LitElement as L, createEvent as T, safeClassMap as d, nothing as A } from "@arcgis/lumina";
 import { substitute as E } from "@arcgis/core/intl.js";
-import { l as k, g as R, m as V, n as D, s as h, d as B, i as N } from "../../chunks/feature-utils.js";
-import P from "@arcgis/core/core/Collection.js";
-import { watch as H } from "@arcgis/core/core/reactiveUtils.js";
+import { l as k, g as R, m as V, n as D, s as c, d as H, i as B } from "../../chunks/feature-utils.js";
+import N from "@arcgis/core/core/Collection.js";
+import { watch as P } from "@arcgis/core/core/reactiveUtils.js";
 import { stripHTML as U } from "@arcgis/core/applications/Components/stringUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.133 */
-const Z = I`:host{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1);--calcite-color-background: var(--calcite-color-foreground-1)}.arcgis-feature calcite-icon{box-sizing:content-box}.arcgis-feature__loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.arcgis-feature__content-element{margin-bottom:var(--calcite-spacing-xxl);padding:0 var(--calcite-spacing-sm);display:flex;flex-direction:column}.arcgis-feature__content-element:only-child{margin-bottom:var(--calcite-spacing-xxs)}.arcgis-feature__last-edited-info{padding-top:var(--calcite-spacing-xs);font-size:var(--calcite-font-size)}`, m = "arcgis-feature", l = {
+v4.34.0-next.135 */
+const Z = y`:host{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1);--calcite-color-background: var(--calcite-color-foreground-1)}.arcgis-feature{flex:1 1 auto}.arcgis-feature calcite-icon{box-sizing:content-box}.arcgis-feature__loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.arcgis-feature__content-element{margin-bottom:var(--calcite-spacing-xxl);padding:0 var(--calcite-spacing-sm);display:flex;flex-direction:column}.arcgis-feature__content-element:only-child{margin-bottom:var(--calcite-spacing-xxs)}.arcgis-feature__last-edited-info{padding-top:var(--calcite-spacing-xs);font-size:var(--calcite-font-size)}`, m = "arcgis-feature", l = {
   // popup renderer
   base: m,
   // containers and content
@@ -25,13 +25,13 @@ const Z = I`:host{display:flex;flex:1 1 auto;background-color:var(--calcite-colo
   lastEditedInfo: `${m}__last-edited-info`,
   // loading
   loadingSpinnerContainer: `${m}__loading-container`
-}, z = F(_);
+}, z = b(x);
 class S extends L {
   constructor() {
-    super(...arguments), this.messages = C(), this._rootFlowNode = null, this.flowType = "feature", this.internalFlowItems = new P(), this.viewModel = z(this), this.view = this.viewModel.view, this.icon = "icon", this.isFeatureFromTable = this.viewModel.isFeatureFromTable, this.graphic = this.viewModel.graphic, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.headingLevel = 2, this.spatialReference = this.viewModel.spatialReference, this.timeZone = this.viewModel.timeZone, this.heading = this.viewModel.title, this.map = this.viewModel.map, this.chartAnimationDisabled = this.viewModel.abilities.chartAnimation, this.hideHeading = !1, this.hideContent = !1, this.hideAttachmentsContent = !1, this.hideCustomContent = !1, this.hideExpressionContent = !1, this.hideFieldsContent = !1, this.hideMediaContent = !1, this.showRelationshipContent = !1, this.hideTextContent = !1, this.showUtilityNetworkContent = !1, this.hideLastEditedInfo = !1, this.autoDestroyDisabled = !1, this.location = this.viewModel.location, this.state = this.viewModel.state, this.arcgisPropertyChange = b()("flowItems", "state"), this.arcgisReady = A();
+    super(...arguments), this.messages = M(), this._rootFlowNode = null, this.flowType = "feature", this.internalFlowItems = new N(), this.viewModel = z(this), this.view = this.viewModel.view, this.icon = "icon", this.isFeatureFromTable = this.viewModel.isFeatureFromTable, this.graphic = this.viewModel.graphic, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.headingLevel = 2, this.spatialReference = this.viewModel.spatialReference, this.timeZone = this.viewModel.timeZone, this.heading = this.viewModel.title, this.map = this.viewModel.map, this.chartAnimationDisabled = this.viewModel.abilities.chartAnimation, this.hideHeading = !1, this.hideContent = !1, this.hideAttachmentsContent = !1, this.hideCustomContent = !1, this.hideExpressionContent = !1, this.hideFieldsContent = !1, this.hideMediaContent = !1, this.showRelationshipContent = !1, this.hideTextContent = !1, this.showUtilityNetworkContent = !1, this.hideLastEditedInfo = !1, this.autoDestroyDisabled = !1, this.location = this.viewModel.location, this.state = this.viewModel.state, this.arcgisPropertyChange = F()("flowItems", "state"), this.arcgisReady = T();
   }
   static {
-    this.properties = { flowType: 16, popupTemplate: 16, sourceLayer: 16, fieldInfoMap: 16, values: 16, globalValues: 16, internalFlowItems: 16, viewModel: 0, view: 0, flowItems: 0, referenceElement: 1, position: 3, icon: 1, isFeatureFromTable: 4, graphic: 0, defaultPopupTemplateEnabled: 5, headingLevel: 9, spatialReference: 0, timeZone: 1, heading: 0, map: 0, chartAnimationDisabled: 5, hideHeading: 5, hideContent: 5, hideAttachmentsContent: 5, hideCustomContent: 5, hideExpressionContent: 5, hideFieldsContent: 5, hideMediaContent: 5, showRelationshipContent: 5, hideTextContent: 5, showUtilityNetworkContent: 5, hideLastEditedInfo: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, location: 0, state: 3 };
+    this.properties = { flowType: 16, popupTemplate: 16, sourceLayer: 16, fieldInfoMap: 16, values: 16, globalValues: 16, internalFlowItems: 16, viewModel: 0, view: 0, flowItems: 0, referenceElement: 1, position: 3, icon: 1, isFeatureFromTable: 4, graphic: 0, defaultPopupTemplateEnabled: 5, headingLevel: 9, spatialReference: 0, timeZone: 1, heading: 0, map: 0, chartAnimationDisabled: 5, hideHeading: 5, hideTitle: 5, hideContent: 5, hideAttachmentsContent: 5, hideContentAttachments: 5, hideCustomContent: 5, hideExpressionContent: 5, hideContentExpression: 5, hideFieldsContent: 5, hideContentFields: 5, hideMediaContent: 5, hideContentMedia: 5, showRelationshipContent: 5, hideTextContent: 5, hideContentText: 5, showUtilityNetworkContent: 5, hideLastEditedInfo: 5, hideLastEditInfo: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, location: 0, state: 3 };
   }
   static {
     this.styles = Z;
@@ -51,6 +51,48 @@ class S extends L {
   get globalValues() {
     return this.viewModel.formattedAttributes?.global ?? {};
   }
+  get hideTitle() {
+    return this.hideHeading;
+  }
+  set hideTitle(e) {
+    this.hideHeading = e;
+  }
+  get hideContentAttachments() {
+    return this.hideAttachmentsContent;
+  }
+  set hideContentAttachments(e) {
+    this.hideAttachmentsContent = e;
+  }
+  get hideContentExpression() {
+    return this.hideExpressionContent;
+  }
+  set hideContentExpression(e) {
+    this.hideExpressionContent = e;
+  }
+  get hideContentFields() {
+    return this.hideFieldsContent;
+  }
+  set hideContentFields(e) {
+    this.hideFieldsContent = e;
+  }
+  get hideContentMedia() {
+    return this.hideMediaContent;
+  }
+  set hideContentMedia(e) {
+    this.hideMediaContent = e;
+  }
+  get hideContentText() {
+    return this.hideTextContent;
+  }
+  set hideContentText(e) {
+    this.hideTextContent = e;
+  }
+  get hideLastEditInfo() {
+    return this.hideLastEditedInfo;
+  }
+  set hideLastEditInfo(e) {
+    this.hideLastEditedInfo = e;
+  }
   async destroy() {
     await this.manager.destroy();
   }
@@ -68,7 +110,7 @@ class S extends L {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      H(() => [this.internalFlowItems?.length], () => this._setFocus())
+      P(() => [this.internalFlowItems?.length], () => this._setFocus())
     ]);
   }
   _removeFlowItems() {
@@ -95,97 +137,97 @@ class S extends L {
     return o`<div class=${d(l.loadingSpinnerContainer)}><calcite-loader inline label></calcite-loader></div>`;
   }
   _renderAttachments(e) {
-    const { values: t, fieldInfoMap: i, sourceLayer: a, globalValues: s } = this, n = h({
+    const { values: t, fieldInfoMap: i, sourceLayer: n, globalValues: s } = this, a = c({
       values: t,
       fieldInfoMap: i,
       globalValues: s,
-      layer: a,
+      layer: n,
       text: e.title
-    }), r = h({
+    }), r = c({
       values: t,
       fieldInfoMap: i,
       globalValues: s,
-      layer: a,
+      layer: n,
       text: e.description
     });
-    return o`<arcgis-feature-attachments .headingLevel=${this.headingLevel} .heading=${n} .displayType=${e.displayType} .graphic=${this.graphic ?? void 0} .description=${r} .messages=${this.messages}></arcgis-feature-attachments>`;
+    return o`<arcgis-feature-attachments .headingLevel=${this.headingLevel} .heading=${a} .displayType=${e.displayType} .graphic=${this.graphic ?? void 0} .description=${r} .messages=${this.messages}></arcgis-feature-attachments>`;
   }
   _renderCustom(e) {
     return o`<arcgis-feature-content .creator=${e.creator} .destroyer=${e.destroyer ?? void 0} .graphic=${this.graphic ?? void 0} class=${d(l.contentElement)}></arcgis-feature-content>`;
   }
   _renderFields(e, t) {
-    const i = this.viewModel.formattedAttributes, { values: a, fieldInfoMap: s, sourceLayer: n, popupTemplate: r, globalValues: c } = this, u = (e.fieldInfos ?? r?.fieldInfos ?? [])?.filter(({ fieldName: g }) => !!g && (B(g) || N(g) || g in a)), f = r?.expressionInfos, v = h({
-      values: a,
+    const i = this.viewModel.formattedAttributes, { values: n, fieldInfoMap: s, sourceLayer: a, popupTemplate: r, globalValues: h } = this, p = (e.fieldInfos ?? r?.fieldInfos ?? [])?.filter(({ fieldName: g }) => !!g && (H(g) || B(g) || g in n)), f = r?.expressionInfos, v = c({
+      values: n,
       fieldInfoMap: s,
-      globalValues: c,
-      layer: n,
+      globalValues: h,
+      layer: a,
       text: e.title
-    }), $ = h({
-      values: a,
+    }), $ = c({
+      values: n,
       fieldInfoMap: s,
-      globalValues: c,
-      layer: n,
+      globalValues: h,
+      layer: a,
       text: e.description
     });
     return o`<arcgis-feature-fields .headingLevel=${this.headingLevel} .heading=${v} class=${d(l.contentElement)} .messages=${this.messages} .description=${$} .values=${{
       ...i?.global,
       ...i?.content?.[t]
-    }} .fieldInfos=${u} .expressionInfos=${f ?? void 0}></arcgis-feature-fields>`;
+    }} .fieldInfos=${p} .expressionInfos=${f ?? void 0}></arcgis-feature-fields>`;
   }
   _renderMedia(e, t) {
-    const { values: i, graphic: a, fieldInfoMap: s, sourceLayer: n, popupTemplate: r, globalValues: c } = this, { formattedAttributes: p, relatedInfos: u } = this.viewModel, f = {
-      ...p?.global,
-      ...p?.content?.[t]
-    }, v = h({
+    const { values: i, graphic: n, fieldInfoMap: s, sourceLayer: a, popupTemplate: r, globalValues: h } = this, { formattedAttributes: u, relatedInfos: p } = this.viewModel, f = {
+      ...u?.global,
+      ...u?.content?.[t]
+    }, v = c({
       values: i,
       fieldInfoMap: s,
-      globalValues: c,
-      layer: n,
+      globalValues: h,
+      layer: a,
       text: e.title
-    }), $ = h({
+    }), $ = c({
       values: i,
       fieldInfoMap: s,
-      globalValues: c,
-      layer: n,
+      globalValues: h,
+      layer: a,
       text: e.description
     });
-    return o`<arcgis-feature-media .activeMediaInfoIndex=${e.activeMediaInfoIndex ?? 0} .chartAnimationDisabled=${this.chartAnimationDisabled} .headingLevel=${this.headingLevel} .heading=${v} class=${d(l.contentElement)} .description=${$} .values=${i} .layer=${n} .isAggregate=${a?.isAggregate} .messages=${this.messages} .fieldInfoMap=${s} .mediaInfos=${e.mediaInfos ?? []} .popupTemplate=${r ?? void 0} .relatedInfos=${u} .formattedValues=${f}></arcgis-feature-media>`;
+    return o`<arcgis-feature-media .activeMediaInfoIndex=${e.activeMediaInfoIndex ?? 0} .chartAnimationDisabled=${this.chartAnimationDisabled} .headingLevel=${this.headingLevel} .heading=${v} class=${d(l.contentElement)} .description=${$} .values=${i} .layer=${a} .isAggregate=${n?.isAggregate} .messages=${this.messages} .fieldInfoMap=${s} .mediaInfos=${e.mediaInfos ?? []} .popupTemplate=${r ?? void 0} .relatedInfos=${p} .formattedValues=${f}></arcgis-feature-media>`;
   }
   _renderText(e) {
-    const { values: t, fieldInfoMap: i, sourceLayer: a, globalValues: s } = this, n = h({
+    const { values: t, fieldInfoMap: i, sourceLayer: n, globalValues: s } = this, a = c({
       values: t,
       fieldInfoMap: i,
       globalValues: s,
-      layer: a,
+      layer: n,
       text: e.text
     });
-    return o`<arcgis-feature-content .creator=${n} .graphic=${this.graphic ?? void 0} class=${d(l.contentElement)}></arcgis-feature-content>`;
+    return o`<arcgis-feature-content .creator=${a} .graphic=${this.graphic ?? void 0} class=${d(l.contentElement)}></arcgis-feature-content>`;
   }
   _renderExpression(e, t) {
-    const i = this.viewModel.formattedAttributes, { fieldInfoMap: a } = this;
-    return o`<arcgis-feature-expression .expressionInfo=${e.expressionInfo} .map=${this.map ?? void 0} .spatialReference=${this.spatialReference ?? void 0} .view=${this.viewModel.view ?? void 0} .graphic=${this.graphic ?? void 0} .location=${this.location ?? void 0} .headingLevel=${this.headingLevel} class=${d(l.contentElement)} .interceptor=${this.viewModel.interceptor} .messages=${this.messages} .fieldInfoMap=${a} .values=${{
+    const i = this.viewModel.formattedAttributes, { fieldInfoMap: n } = this;
+    return o`<arcgis-feature-expression .expressionInfo=${e.expressionInfo} .map=${this.map ?? void 0} .spatialReference=${this.spatialReference ?? void 0} .view=${this.viewModel.view ?? void 0} .graphic=${this.graphic ?? void 0} .location=${this.location ?? void 0} .headingLevel=${this.headingLevel} class=${d(l.contentElement)} .interceptor=${this.viewModel.interceptor} .messages=${this.messages} .fieldInfoMap=${n} .values=${{
       ...i?.global,
       ...i?.content?.[t]
     }}></arcgis-feature-expression>`;
   }
   _renderRelationship(e, t) {
-    const { values: i, graphic: a, fieldInfoMap: s, sourceLayer: n, globalValues: r } = this, { displayCount: c, orderByFields: p, relationshipId: u } = e, { formattedAttributes: f, view: v } = this.viewModel, $ = {
+    const { values: i, graphic: n, fieldInfoMap: s, sourceLayer: a, globalValues: r } = this, { displayCount: h, orderByFields: u, relationshipId: p } = e, { formattedAttributes: f, view: v } = this.viewModel, $ = {
       ...f?.global,
       ...f?.content?.[t]
-    }, g = h({
+    }, g = c({
       values: i,
       fieldInfoMap: s,
       globalValues: r,
-      layer: n,
+      layer: a,
       text: e.title
-    }), w = h({
+    }), w = c({
       values: i,
       fieldInfoMap: s,
       globalValues: r,
-      layer: n,
+      layer: a,
       text: e.description
     });
-    return o`<arcgis-feature-relationship class=${d(l.contentElement)} .flowItems=${this.flowItems ?? this.internalFlowItems} .description=${w} .layer=${n} .map=${this.map ?? void 0} .displayCount=${c} .graphic=${a ?? void 0} .heading=${g} .headingLevel=${this.headingLevel} .messages=${this.messages} .orderByFields=${p ?? void 0} .relationshipId=${u ?? void 0} .spatialReference=${this.spatialReference ?? void 0} .timeZone=${this.timeZone ?? void 0} .values=${$} .view=${v ?? void 0}></arcgis-feature-relationship>`;
+    return o`<arcgis-feature-relationship class=${d(l.contentElement)} .flowItems=${this.flowItems ?? this.internalFlowItems} .description=${w} .layer=${a} .map=${this.map ?? void 0} .displayCount=${h} .graphic=${n ?? void 0} .heading=${g} .headingLevel=${this.headingLevel} .messages=${this.messages} .orderByFields=${u ?? void 0} .relationshipId=${p ?? void 0} .spatialReference=${this.spatialReference ?? void 0} .timeZone=${this.timeZone ?? void 0} .values=${$} .view=${v ?? void 0}></arcgis-feature-relationship>`;
   }
   _renderAssociation() {
     return null;
@@ -217,26 +259,26 @@ class S extends L {
     return e ? Array.isArray(e) && e.length ? e.length ? e.map(this._renderContentElement, this) : null : typeof e == "string" ? o`<arcgis-feature-content .creator=${e} .graphic=${t ?? void 0} class=${d(l.contentElement)}></arcgis-feature-content>` : e instanceof HTMLElement ? e : null : null;
   }
   _renderContentContainer() {
-    const { hideContent: e, internalFlowItems: t, headingLevel: i, state: a, messages: s } = this;
+    const { hideContent: e, internalFlowItems: t, headingLevel: i, state: n, messages: s } = this;
     if (e)
       return null;
-    const n = o`<div class=${d(l.main)}>${[this._renderContent(), this._renderLastEditInfo()]}</div>`, r = s.returnToInitialFeature ?? "";
-    return this.flowItems ? n : o`<calcite-flow ${M(this._storeRootFlowNode)}><calcite-flow-item .loading=${a === "loading"} .headingLevel=${i} .heading=${this.hideHeading ? void 0 : U(this.heading)} .selected=${!t.length}>${n}</calcite-flow-item>${t.toArray().map((c, p) => o`<calcite-flow-item @calciteFlowItemBack=${(u) => {
-      u.preventDefault(), this._handleDrillInBackClick();
-    }} .loading=${a === "loading"} .headingLevel=${i} .selected=${p === t.length - 1}><calcite-action appearance=transparent icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${r} title=${r ?? T}></calcite-action>${c}</calcite-flow-item>`)}</calcite-flow>`;
+    const a = o`<div class=${d(l.main)}>${[this._renderContent(), this._renderLastEditInfo()]}</div>`, r = s.returnToInitialFeature ?? "";
+    return this.flowItems ? a : o`<calcite-flow ${I(this._storeRootFlowNode)}><calcite-flow-item .loading=${n === "loading"} .headingLevel=${i} .heading=${this.hideHeading ? void 0 : U(this.heading)} .selected=${!t.length}>${a}</calcite-flow-item>${t.toArray().map((h, u) => o`<calcite-flow-item @calciteFlowItemBack=${(p) => {
+      p.preventDefault(), this._handleDrillInBackClick();
+    }} .loading=${n === "loading"} .headingLevel=${i} .selected=${u === t.length - 1}><calcite-action appearance=transparent icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${r} title=${r ?? A}></calcite-action>${h}</calcite-flow-item>`)}</calcite-flow>`;
   }
   _renderLastEditInfo() {
     const { hideLastEditedInfo: e, messages: t } = this, { lastEditInfo: i } = this.viewModel;
     if (!i || e)
       return null;
-    const { date: a, user: s } = i, n = i.type === "edit" ? s ? t.lastEditedByUser : t.lastEdited : s ? t.lastCreatedByUser : t.lastCreated, r = E(n ?? "", {
-      date: a,
+    const { date: n, user: s } = i, a = i.type === "edit" ? s ? t.lastEditedByUser : t.lastEdited : s ? t.lastCreatedByUser : t.lastCreated, r = E(a ?? "", {
+      date: n,
       user: s
     });
-    return o`<div class=${d(x(l.lastEditedInfo, l.contentElement))}>${r}</div>`;
+    return o`<div class=${d(_(l.lastEditedInfo, l.contentElement))}>${r}</div>`;
   }
 }
-y("arcgis-feature", S);
+C("arcgis-feature", S);
 export {
   S as ArcgisFeature
 };

package/dist/components/arcgis-feature-attachments/customElement.d.ts

@@ -11,6 +11,7 @@ export declare class ArcgisFeatureAttachments extends LitElement {
     displayType?: __esri.AttachmentsContent["displayType"];
     graphic?: __esri.Graphic;
     heading?: string;
+    /** @default 2 */
     headingLevel: HeadingLevel;
     messages?: ArcgisFeature["messages"];
 }

package/dist/components/arcgis-feature-attachments/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as a, safeClassMap as i } from "@arcgis/lumina";
 import { createRef as n, ref as h } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.133 */
+v4.34.0-next.135 */
 const r = s``, c = "arcgis-feature-attachments", m = {
   base: c
 };