@arcgis/map-components 4.34.0-next.99 → 5.0.0-next.0

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

@@ -1,13 +1,13 @@
 import { c as u } from "../../chunks/runtime.js";
-import { css as b, html as n } from "lit";
+import { css as h, html as o } from "lit";
 import { renderingSanitizer as p } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { LitElement as h, safeClassMap as d } from "@arcgis/lumina";
+import { LitElement as b, safeClassMap as d } from "@arcgis/lumina";
 import { addLtrMark as $ } from "@arcgis/toolkit/string";
-import { e as v } from "../../chunks/feature-utils.js";
+import { h as v } from "../../chunks/feature-utils.js";
 import { replace as g } 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.99 */
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.0 */
 const _ = [
   {
     pattern: /^\s*(https?:\/\/([^\s]+))\s*$/iu,
@@ -81,7 +81,7 @@ const _ = [
   }
 ];
 function w(c, t) {
-  const e = _.find((o) => o.pattern.test(t));
+  const e = _.find((n) => n.pattern.test(t));
   if (!e)
     return t;
   const r = t.match(e.pattern)?.[2], s = g(
@@ -95,11 +95,11 @@ function w(c, t) {
   ), i = e.target ? ` target="${e.target}"` : "", l = e.target === "_blank" ? ' rel="noreferrer"' : "";
   return p.sanitizeUrl(new URL(t, window.location.origin).toString()).replace(e.pattern, `<a${i} href="$1"${l}>${s}</a>`);
 }
-const I = b`:host{display:block}.arcgis-feature-fields__table{border:none;width:100%;border-collapse:collapse;color:var(--calcite-color-text-2)}.arcgis-feature-fields__table caption{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arcgis-feature-fields__table tr:nth-child(odd){background-color:var(--calcite-color-foreground-1)}.arcgis-feature-fields__table tr:nth-child(2n){background-color:var(--calcite-color-foreground-2)}.arcgis-feature-fields__table tr a{color:var(--calcite-color-text-link)}.arcgis-feature-fields__table tr a:hover,.arcgis-feature-fields__table tr a:focus{color:var(--calcite-color-brand-hover)}.arcgis-feature-fields__table tr td,.arcgis-feature-fields__table tr th{padding:var(--calcite-spacing-xs) var(--calcite-spacing-sm);vertical-align:top;word-break:break-word;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-fields__table tr th{border-inline-end:var(--calcite-border-width-md) solid var(--calcite-color-border-3);width:50%;text-align:start}.arcgis-feature-fields__table tr td{width:50%}`, f = "arcgis-feature-fields", m = {
+const I = h`.arcgis-feature-fields__table{border:none;width:100%;border-collapse:collapse;color:var(--calcite-color-text-2)}.arcgis-feature-fields__table caption{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arcgis-feature-fields__table tr:nth-child(odd){background-color:var(--calcite-color-foreground-1)}.arcgis-feature-fields__table tr:nth-child(2n){background-color:var(--calcite-color-foreground-2)}.arcgis-feature-fields__table tr a{color:var(--calcite-color-text-link)}.arcgis-feature-fields__table tr a:hover,.arcgis-feature-fields__table tr a:focus{color:var(--calcite-color-brand-hover)}.arcgis-feature-fields__table tr td,.arcgis-feature-fields__table tr th{padding:var(--calcite-spacing-xs) var(--calcite-spacing-sm);vertical-align:top;word-break:break-word;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-normal)}.arcgis-feature-fields__table tr th{border-inline-end:var(--calcite-border-width-md) solid var(--calcite-color-border-3);width:50%;text-align:start}.arcgis-feature-fields__table tr td{width:50%}`, f = "arcgis-feature-fields", m = {
   base: f,
   table: `${f}__table`
 };
-class F extends h {
+class F extends b {
   constructor() {
     super(...arguments), this.headingLevel = 2;
   }
@@ -119,18 +119,18 @@ class F extends h {
     }), a;
   }
   render() {
-    return n`<div class=${d(m.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
+    return o`<div class=${d(m.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
   }
   _renderFieldInfo(t) {
     const { values: e } = this, a = t.fieldName || "", r = t.label || a, s = e ? e[a] == null ? "" : e[a] : "", i = !!t.format?.dateFormat, l = {
       openInApp: this.messages?.openInApp ?? "",
       view: this.messages?.view ?? ""
-    }, o = typeof s == "number" && !i ? $(`${s}`) : typeof s == "string" ? w(l, s) : `${s}`;
-    return n`<tr><th .innerHTML=${p.sanitize(r) ?? ""}></th><td .innerHTML=${p.sanitize(o) ?? ""}></td></tr>`;
+    }, n = typeof s == "number" && !i ? $(`${s}`) : typeof s == "string" ? w(l, s) : `${s}`;
+    return o`<tr><th .innerHTML=${p.sanitize(r) ?? ""}></th><td .innerHTML=${p.sanitize(n) ?? ""}></td></tr>`;
   }
   _renderFields() {
     const { formattedFieldInfos: t } = this;
-    return t?.length ? n`<table class=${d(m.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${t.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
+    return t?.length ? o`<table class=${d(m.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${t.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
   }
 }
 u("arcgis-feature-fields", F);

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

@@ -21,7 +21,7 @@ declare const useFeatureFormWidget: (component: LitElement & Pick<FeatureForm, "
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nullish;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
@@ -50,6 +50,14 @@ export declare class ArcgisFeatureForm extends LitElement {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html#formTemplate)
      */
     formTemplate: nullish | __esri.FormTemplate;
+    /**
+     * The edit type for the form, which determines the editing context and behavior.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#editType)
+     *
+     * @default "NA"
+     */
+    editType: "INSERT" | "UPDATE" | "DELETE" | "NA";
     /**
      * Defines how groups will be displayed to the user.
      *
@@ -63,7 +71,8 @@ export declare class ArcgisFeatureForm extends LitElement {
      */
     headingLevel: number;
     /**
-     * Icon displayed in the widget's button.
+     * 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 "form-field"
@@ -90,9 +99,7 @@ export declare class ArcgisFeatureForm extends LitElement {
      */
     referenceElement?: ArcgisReferenceElement | string;
     /**
-     * The widget's state.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm-FeatureFormViewModel.html#state)
+     * The current state of the component.
      *
      * @default "disabled"
      */
@@ -115,6 +122,7 @@ export declare class ArcgisFeatureForm extends LitElement {
     }>;
     /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
+    /** Fires when the [submit()](#submit) method is called. */
     readonly arcgisSubmit: TargetedEvent<this, __esri.FeatureFormSubmitEvent>;
     /** Fires when a field value is updated. */
     readonly arcgisValueChange: TargetedEvent<this, __esri.FeatureFormValueChangeEvent>;

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

@@ -6,15 +6,15 @@ import { LitElement as o, createEvent as a } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";
 import { css as s } from "lit";
 /*! 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.99 */
-const l = s`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size);line-height:1.3em}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:#303030}.esri-menu__list-item:active{background-color:#000}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:#2493f2}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:1.3em}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{display:block}.esri-feature-form{letter-spacing:0em;background:var(--calcite-color-background);padding:var(--esri-widget-padding)}.esri-feature-form .esri-feature-utility-network-associations,.esri-feature-form .esri-feature-form-utility-network-association-list{margin-block-end:var(--calcite-spacing-md)}.esri-feature-form .esri-feature-utility-network-associations .esri-feature-element-info__description{color:var(--calcite-color-text-2)}.esri-feature-form .esri-feature-utility-network-associations .esri-feature-element-info h5{font-size:inherit}.esri-feature-form__form{flex-direction:column;display:flex}.esri-feature-form__centered-button{align-self:center}.esri-feature-form__description-text{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-sm)}.esri-feature-form__list-observer{z-index:2;text-align:center;position:relative;bottom:var(--calcite-spacing-xxl)}.esri-feature-form__related-records_header{margin-bottom:var(--calcite-spacing-xs);display:flex}.esri-feature-form__related-records_header span{flex-grow:1}.esri-feature-form__related-records_label calcite-notice,.esri-feature-form__related-records_label .esri-feature-form__description-text{margin-bottom:var(--calcite-spacing-xs)}.esri-feature-form__related-records_list{min-height:40px;margin-bottom:var(--calcite-spacing-xs)}label.esri-feature-form__label{gap:.5em;margin-bottom:var(--calcite-spacing-md)}.esri-feature-form__label{opacity:1;flex-direction:column;justify-content:space-between;margin-bottom:var(--calcite-spacing-xs);transition:opacity .25s,margin .25s;display:flex;position:relative}.esri-feature-form__label:last-child{margin-bottom:0}.esri-feature-form__label-text-content{white-space:pre-wrap;word-break:break-word;word-wrap:break-word;align-items:center;display:flex}.esri-feature-form__form-header{margin-bottom:var(--calcite-spacing-md)}.esri-feature-form__form-header .esri-feature-form__description-text~.esri-widget__heading{margin-bottom:0}.esri-feature-form__input{width:100%}.esri-feature-form__input:focus{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}textarea.esri-feature-form__input{resize:vertical}.esri-feature-form__input--disabled{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.esri-feature-form__field-error-message{padding:7px 0;font-size:var(--calcite-font-size-sm)}.esri-feature-form__date-input-container{flex-direction:column;display:flex}.esri-feature-form__date-input-container .esri-feature-form__input{margin-bottom:3px}.esri-feature-form__date-input-container :last-child{margin-bottom:0}.esri-feature-form__input--radio-group{flex-direction:column;display:flex}.esri-feature-form__input--radio-label{align-items:center;display:flex}.esri-feature-form__input--switch{margin:7px 0}.esri-feature-form__group{margin:0 0 var(--calcite-spacing-md);background-color:inherit;margin-inline:-10px}.esri-feature-form__group--sequential{border-bottom:none;border-inline-start:3px solid #adadad4d}.esri-feature-form__group--active{border-inline-start-color:var(--calcite-color-status-info)}.esri-feature-form__text-element{color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal)}.esri-feature-form__text-element a{transition:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start inset-size,opacity,outline-color,transform var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;background-color:var(--calcite-color-background);background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));color:var(--calcite-color-text-link);background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px;border-style:none;padding:0;text-decoration:none;display:inline;position:relative}.esri-feature-form__text-element a:hover,.esri-feature-form__text-element a:focus{background-size:100% 1px,100% 1px}.esri-feature-form__text-element a:active{background-size:100% 2px,100% 2px}.esri-feature-form__text-element a.calcite--rtl{background-position:100% 100%,100% 100%}.esri-feature-form__text-element code{border:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-3);white-space:normal;word-break:break-word;color:var(--calcite-color-text-2);font-family:var(--calcite-code-family);border-radius:var(--calcite-spacing-base);padding:.25em;font-size:85%}.esri-feature-form__text-element h1,.esri-feature-form__text-element h2,.esri-feature-form__text-element h3,.esri-feature-form__text-element h4,.esri-feature-form__text-element h5{color:var(--calcite-color-text-1);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-bold);margin-bottom:var(--calcite-spacing-xxs)}.esri-feature-form__text-element h5{font-weight:var(--calcite-font-weight-medium)}.esri-feature-form__text-element h6{color:var(--calcite-color-text-2);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);margin-bottom:var(--calcite-spacing-xxs)}.esri-feature-form__text-element p{color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);margin-bottom:var(--calcite-spacing-xl)}.esri-feature-form__text-element strong{font-weight:var(--calcite-font-weight-bold)}:dir(rtl) .esri-feature-form__date-input-part:first-child .esri-feature-form__input{border-left:none;border-right:1px solid #adadad4d}.esri-feature-form-utility-network-association-layers{background-color:var(--calcite-color-background)}.esri-feature-form-utility-network-association-layers__header>*{margin-block-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__header>:last-child{color:var(--calcite-color-text-3)}.esri-feature-form-utility-network-association-layers__heading-content{align-items:center;display:flex}.esri-feature-form-utility-network-association-layers__heading-content calcite-icon{margin-inline-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__list-container{min-height:var(--calcite-spacing-xxxl);margin-bottom:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__feature-observer{z-index:2;text-align:center;position:relative;bottom:20px}.esri-feature-form-utility-network-association-layers__filter-container{z-index:1;margin-bottom:var(--calcite-spacing-md);top:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__filter-options-container{flex-direction:column;display:flex}.esri-feature-form-utility-network-association-layers__filter-options-header{flex-direction:row;align-items:baseline;display:flex}.esri-feature-form-utility-network-association-layers__filter-options-header span{flex-grow:1}.esri-feature-form-utility-network-association-layers__spatial-select-container{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.esri-feature-form-utility-network-association-layers__spatial-select-toolbar{--calcite-action-group-border-color: transparent;border-width:var(--calcite-border-width-sm, 1px);border-radius:var(--calcite-corner-radius-round, 4px);border-style:solid;border-color:var(--calcite-color-border-3, var(--calcite-color-inverse));width:100%;min-height:min-content;overflow:hidden}.esri-feature-form-utility-network-association-layers__sticky-loading-container{z-index:2;pointer-events:none;justify-content:center;align-items:center;height:var(--calcite-spacing-xxxl);margin:0;padding:0;display:flex;position:sticky;bottom:10px}.esri-feature-form-utility-network-association-layers__loading-container{justify-content:center;width:100%;padding:var(--calcite-spacing-md) 0;display:flex}.esri-feature-form-utility-network-association-list{background-color:var(--calcite-color-foreground-1)}.esri-feature-form-utility-network-association-list__header>*{margin-block-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-list__header>:last-child{color:var(--calcite-color-text-3)}.esri-feature-form-utility-network-association-list__header calcite-block{margin-block-start:-18px;margin-inline:-15px}.esri-feature-form-utility-network-association-list__heading-content{align-items:center;display:flex}.esri-feature-form-utility-network-association-list__heading-content calcite-icon{margin-inline-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-list__list-container{flex-direction:column;min-height:var(--calcite-spacing-xxxl);display:flex}.esri-feature-form-utility-network-association-list__list-container calcite-fab{margin-block:var(--calcite-spacing-md);flex-direction:row;align-self:center;display:flex}.esri-feature-form-utility-network-association-settings{--calcite-block-padding: 0;background-color:var(--calcite-color-foreground-1);flex-direction:column;display:flex}.esri-feature-form-utility-network-association-settings calcite-block{border:1px solid var(--calcite-color-border-3);margin-block:0}.esri-feature-form-utility-network-association-settings calcite-block:first-of-type{border-radius:var(--calcite-spacing-sm) var(--calcite-spacing-sm) 0 0}.esri-feature-form-utility-network-association-settings calcite-block:last-of-type{border-top:none;border-radius:0 0 var(--calcite-spacing-sm) var(--calcite-spacing-sm);margin-block-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-settings calcite-block calcite-label{margin-inline:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-settings__info-container{flex-direction:column;display:flex}.esri-feature-form-utility-network-association-settings__info-container>*{margin-block-end:var(--calcite-spacing-md)}`, c = n(r);
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.0 */
+const l = s`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-feature-form{letter-spacing:0em;background:var(--calcite-color-background);padding:var(--esri-widget-padding)}.esri-feature-form .esri-feature-utility-network-associations,.esri-feature-form .esri-feature-form-utility-network-association-list{margin-block-end:var(--calcite-spacing-md)}.esri-feature-form .esri-feature-utility-network-associations .esri-feature-element-info__description{color:var(--calcite-color-text-2)}.esri-feature-form .esri-feature-utility-network-associations .esri-feature-element-info h5{font-size:inherit}.esri-feature-form__form{flex-direction:column;display:flex}.esri-feature-form__centered-button{align-self:center}.esri-feature-form__description-text{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-sm)}.esri-feature-form__list-observer{z-index:2;text-align:center;position:relative;bottom:var(--calcite-spacing-xxl)}.esri-feature-form__related-records_header{margin-bottom:var(--calcite-spacing-xs);display:flex}.esri-feature-form__related-records_header span{flex-grow:1}.esri-feature-form__related-records_label calcite-notice,.esri-feature-form__related-records_label .esri-feature-form__description-text{margin-bottom:var(--calcite-spacing-xs)}.esri-feature-form__related-records_list{min-height:40px;margin-bottom:var(--calcite-spacing-xs)}label.esri-feature-form__label{gap:.5em;margin-bottom:var(--calcite-spacing-md)}.esri-feature-form__label{opacity:1;flex-direction:column;justify-content:space-between;margin-bottom:var(--calcite-spacing-xs);transition:opacity .25s,margin .25s;display:flex;position:relative}.esri-feature-form__label:last-child{margin-bottom:0}.esri-feature-form__label-text-content{white-space:pre-wrap;word-break:break-word;word-wrap:break-word;align-items:center;display:flex}.esri-feature-form__form-header{margin-bottom:var(--calcite-spacing-md)}.esri-feature-form__form-header .esri-feature-form__description-text~.esri-widget__heading{margin-bottom:0}.esri-feature-form__input{width:100%}.esri-feature-form__input:focus{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}textarea.esri-feature-form__input{resize:vertical}.esri-feature-form__input--disabled{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.esri-feature-form__field-error-message{padding:7px 0;font-size:var(--calcite-font-size-sm)}.esri-feature-form__date-input-container{flex-direction:column;display:flex}.esri-feature-form__date-input-container .esri-feature-form__input{margin-bottom:3px}.esri-feature-form__date-input-container :last-child{margin-bottom:0}.esri-feature-form__input--radio-group{flex-direction:column;display:flex}.esri-feature-form__input--radio-label{align-items:center;display:flex}.esri-feature-form__input--switch{margin:7px 0}.esri-feature-form__group{margin:0 0 var(--calcite-spacing-md);background-color:inherit;margin-inline:-10px}.esri-feature-form__group--sequential{border-bottom:none;border-inline-start:3px solid #adadad4d}.esri-feature-form__group--active{border-inline-start-color:var(--calcite-color-status-info)}.esri-feature-form__text-element{color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal)}.esri-feature-form__text-element a{transition:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start inset-size,opacity,outline-color,transform var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;background-color:var(--calcite-color-background);background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));color:var(--calcite-color-text-link);background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px;border-style:none;padding:0;text-decoration:none;display:inline;position:relative}.esri-feature-form__text-element a:hover,.esri-feature-form__text-element a:focus{background-size:100% 1px,100% 1px}.esri-feature-form__text-element a:active{background-size:100% 2px,100% 2px}.esri-feature-form__text-element a.calcite--rtl{background-position:100% 100%,100% 100%}.esri-feature-form__text-element code{border:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-3);white-space:normal;word-break:break-word;color:var(--calcite-color-text-2);font-family:var(--calcite-code-family);border-radius:var(--calcite-spacing-base);padding:.25em;font-size:85%}.esri-feature-form__text-element h1,.esri-feature-form__text-element h2,.esri-feature-form__text-element h3,.esri-feature-form__text-element h4,.esri-feature-form__text-element h5{color:var(--calcite-color-text-1);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-bold);margin-bottom:var(--calcite-spacing-xxs)}.esri-feature-form__text-element h5{font-weight:var(--calcite-font-weight-medium)}.esri-feature-form__text-element h6{color:var(--calcite-color-text-2);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);margin-bottom:var(--calcite-spacing-xxs)}.esri-feature-form__text-element p{color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);margin-bottom:var(--calcite-spacing-xl)}.esri-feature-form__text-element strong{font-weight:var(--calcite-font-weight-bold)}:dir(rtl) .esri-feature-form__date-input-part:first-child .esri-feature-form__input{border-left:none;border-right:1px solid #adadad4d}.esri-feature-form-utility-network-association-layers{background-color:var(--calcite-color-background)}.esri-feature-form-utility-network-association-layers__header>*{margin-block-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__header>:last-child{color:var(--calcite-color-text-3)}.esri-feature-form-utility-network-association-layers__heading-content{align-items:center;display:flex}.esri-feature-form-utility-network-association-layers__heading-content calcite-icon{margin-inline-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__list-container{min-height:var(--calcite-spacing-xxxl);margin-bottom:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__feature-observer{z-index:2;text-align:center;position:relative;bottom:20px}.esri-feature-form-utility-network-association-layers__filter-container{z-index:1;margin-bottom:var(--calcite-spacing-md);top:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-layers__filter-options-container{flex-direction:column;display:flex}.esri-feature-form-utility-network-association-layers__filter-options-header{flex-direction:row;align-items:baseline;display:flex}.esri-feature-form-utility-network-association-layers__filter-options-header span{flex-grow:1}.esri-feature-form-utility-network-association-layers__spatial-select-container{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.esri-feature-form-utility-network-association-layers__spatial-select-toolbar{--calcite-action-group-border-color: transparent;border-width:var(--calcite-border-width-sm, 1px);border-radius:var(--calcite-corner-radius-round, 4px);border-style:solid;border-color:var(--calcite-color-border-3, var(--calcite-color-inverse));width:100%;min-height:min-content;overflow:hidden}.esri-feature-form-utility-network-association-layers__sticky-loading-container{z-index:2;pointer-events:none;justify-content:center;align-items:center;height:var(--calcite-spacing-xxxl);margin:0;padding:0;display:flex;position:sticky;bottom:10px}.esri-feature-form-utility-network-association-layers__loading-container{justify-content:center;width:100%;padding:var(--calcite-spacing-md) 0;display:flex}.esri-feature-form-utility-network-association-list{background-color:var(--calcite-color-foreground-1)}.esri-feature-form-utility-network-association-list__header>*{margin-block-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-list__header>:last-child{color:var(--calcite-color-text-3)}.esri-feature-form-utility-network-association-list__header calcite-block{margin-block-start:-18px;margin-inline:-15px}.esri-feature-form-utility-network-association-list__heading-content{align-items:center;display:flex}.esri-feature-form-utility-network-association-list__heading-content calcite-icon{margin-inline-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-list__list-container{flex-direction:column;min-height:var(--calcite-spacing-xxxl);display:flex}.esri-feature-form-utility-network-association-list__list-container calcite-fab{margin-block:var(--calcite-spacing-md);flex-direction:row;align-self:center;display:flex}.esri-feature-form-utility-network-association-settings{--calcite-block-padding: 0;background-color:var(--calcite-color-foreground-1);flex-direction:column;display:flex}.esri-feature-form-utility-network-association-settings calcite-block{border:1px solid var(--calcite-color-border-3);margin-block:0}.esri-feature-form-utility-network-association-settings calcite-block:first-of-type{border-radius:var(--calcite-spacing-sm) var(--calcite-spacing-sm) 0 0}.esri-feature-form-utility-network-association-settings calcite-block:last-of-type{border-top:none;border-radius:0 0 var(--calcite-spacing-sm) var(--calcite-spacing-sm);margin-block-end:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-settings calcite-block calcite-label{margin-inline:var(--calcite-spacing-md)}.esri-feature-form-utility-network-association-settings__info-container{flex-direction:column;display:flex}.esri-feature-form-utility-network-association-settings__info-container>*{margin-block-end:var(--calcite-spacing-md)}`, c = n(r);
 class d extends o {
   constructor() {
-    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.feature = this.widget.feature, this.formTemplate = this.widget.formTemplate, this.groupDisplay = this.widget.groupDisplay, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = t()("state"), this.arcgisReady = a(), this.arcgisSubmit = e(() => this.widget, "submit"), this.arcgisValueChange = e(() => this.widget, "value-change");
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.feature = this.widget.feature, this.formTemplate = this.widget.formTemplate, this.editType = this.viewModel.editType, this.groupDisplay = this.widget.groupDisplay, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = t()("state"), this.arcgisReady = a(), this.arcgisSubmit = e(() => this.widget, "submit"), this.arcgisValueChange = e(() => this.widget, "value-change");
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, feature: 0, formTemplate: 0, groupDisplay: 1, headingLevel: 9, icon: 1, label: 1, layer: 0, position: 1, referenceElement: 1, state: 3, timeZone: 1 };
+    this.properties = { autoDestroyDisabled: 5, feature: 0, formTemplate: 0, editType: 1, groupDisplay: 1, headingLevel: 9, icon: 1, label: 1, layer: 0, position: 1, referenceElement: 1, state: 3, timeZone: 1 };
   }
   static {
     this.styles = l;

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

@@ -1,5 +1,5 @@
-import { c as W } from "../../chunks/runtime.js";
-import { css as j, html as y } from "lit";
+import { c as j } from "../../chunks/runtime.js";
+import { css as W, html as y } from "lit";
 import { ref as G } from "lit/directives/ref.js";
 import { keyed as q } from "lit/directives/keyed.js";
 import { useMedia as K } from "@arcgis/lumina/controllers";
@@ -12,11 +12,11 @@ import te from "@arcgis/core/popup/FieldInfo.js";
 import P from "@arcgis/core/popup/content/support/ChartMediaInfoValueSeries.js";
 import { unsafeGetCalciteModeName as ie } from "@arcgis/toolkit/dom";
 import { renderingSanitizer as X } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { i as $, s as N, f as E, a as Y, b as ae, g as U, c as re, d as ne, e as se, h as oe } from "../../chunks/feature-utils.js";
+import { i as $, s as N, f as E, b as Y, c as ae, a as U, d as re, e as ne, h as se, j as oe } from "../../chunks/feature-utils.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.99 */
-const le = j`:host{display:block}.arcgis-feature-media__container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.arcgis-feature-media__container .arcgis-feature-media__pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.arcgis-feature-media__container .arcgis-feature-media__pagination-button:hover,.arcgis-feature-media__container .arcgis-feature-media__pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.arcgis-feature-media__item-title{margin:0;font-size:var(--calcite-font-size-md)}.arcgis-feature-media__item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size)}.arcgis-feature-media__item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.arcgis-feature-media__item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.arcgis-feature-media__item-text{margin-inline-end:var(--calcite-spacing-xs)}.arcgis-feature-media__pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.arcgis-feature-media__pagination:only-child{margin-inline-start:auto}.arcgis-feature-media__pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.arcgis-feature-media__item-container{flex:0 1 auto;width:100%}.arcgis-feature-media__item-container img{max-width:100%}.arcgis-feature-media__item-container img[src$=".SVG"],.arcgis-feature-media__item-container img[src$=".svg"]{width:100%}.arcgis-feature-media__chart{width:100%;height:155px}`;
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.0 */
+const le = W`.arcgis-feature-media__container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.arcgis-feature-media__container .arcgis-feature-media__pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.arcgis-feature-media__container .arcgis-feature-media__pagination-button:hover,.arcgis-feature-media__container .arcgis-feature-media__pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.arcgis-feature-media__item-title{margin:0;font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-snug)}.arcgis-feature-media__item-caption{padding-block-start:var(--calcite-spacing-xxs)}.arcgis-feature-media__item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.arcgis-feature-media__item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.arcgis-feature-media__item-text{margin-inline-end:var(--calcite-spacing-xs)}.arcgis-feature-media__pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.arcgis-feature-media__pagination:only-child{margin-inline-start:auto}.arcgis-feature-media__pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.arcgis-feature-media__item-container{flex:0 1 auto;width:100%}.arcgis-feature-media__item-container img{max-width:100%}.arcgis-feature-media__item-container img[src$=".SVG"],.arcgis-feature-media__item-container img[src$=".svg"]{width:100%}.arcgis-feature-media__chart{width:100%;height:155px}`;
 function V(R) {
   if (!$(R))
     return null;
@@ -38,7 +38,7 @@ const I = "arcgis-feature-media", v = {
   mediaPaginationButton: `${I}__pagination-button`,
   mediaPaginationIcon: `${I}__pagination-icon`,
   mediaChartRendered: `${I}__chart--rendered`
-}, z = 15, w = "category", T = "value", ce = "rgba(50, 50, 50, 1)", de = 250, me = 500, ue = 200;
+}, z = 15, w = "category", T = "value", ce = "rgba(50, 50, 50, 1)", de = 250, ue = 500, me = 200;
 class he extends Q {
   constructor() {
     super(...arguments), this._prefersReducedMotion = K("(prefers-reduced-motion)"), this.activeMediaInfoIndex = 0, this.chartAnimationDisabled = !1, this.isAggregate = !1, this.headingLevel = 2;
@@ -150,16 +150,16 @@ class he extends Q {
     }
   }
   _setChartValue(e) {
-    const { value: t, values: i, formattedValues: a, chartType: r, layer: s } = e, { popupTemplate: n, relatedInfos: o } = this, { fields: d, normalizeField: p } = t, u = s;
-    if (t.fields = ae(d, u), p && (t.normalizeField = U(p, u)), !d.some((c) => !!(a[c] != null || $(c) && o?.size)))
+    const { value: t, values: i, formattedValues: a, chartType: r, layer: s } = e, { popupTemplate: n, relatedInfos: o } = this, { fields: d, normalizeField: p } = t, m = s;
+    if (t.fields = ae(d, m), p && (t.normalizeField = U(p, m)), !d.some((c) => !!(a[c] != null || $(c) && o?.size)))
       return;
-    const m = n?.fieldInfos ?? [];
+    const u = n?.fieldInfos ?? [];
     t.series = [], d.forEach((c, h) => {
       const f = t.colors?.[h];
       if ($(c)) {
         t.series = [
           ...t.series,
-          ...this._getRelatedChartInfos({ fieldInfos: m, fieldName: c, formattedValues: a, chartType: r, value: t, color: f })
+          ...this._getRelatedChartInfos({ fieldInfos: u, fieldName: c, formattedValues: a, chartType: r, value: t, color: f })
         ];
         return;
       }
@@ -169,7 +169,7 @@ class he extends Q {
         chartType: r,
         formattedValues: a,
         fieldName: c,
-        fieldInfos: m,
+        fieldInfos: u,
         color: f
       });
       t.series.push(g);
@@ -179,11 +179,11 @@ class he extends Q {
     const { fieldInfos: t, fieldName: i, formattedValues: a, chartType: r, value: s, color: n } = e, o = [], d = V(i), p = d && this.relatedInfos?.get(d.layerId);
     if (!p)
       return o;
-    const { relatedFeatures: u, relation: l } = p;
-    if (!l || !u)
+    const { relatedFeatures: m, relation: l } = p;
+    if (!l || !m)
       return o;
-    const { cardinality: m } = l;
-    return u.forEach((h) => {
+    const { cardinality: u } = l;
+    return m.forEach((h) => {
       const f = h.attributes;
       f && Object.keys(f).forEach((g) => {
         g === d.fieldName && o.push(this._getChartOption({
@@ -193,18 +193,18 @@ class he extends Q {
           fieldName: i,
           chartType: r,
           relatedFieldName: g,
-          hasMultipleRelatedFeatures: u?.length > 1,
+          hasMultipleRelatedFeatures: m?.length > 1,
           fieldInfos: t,
           color: n
         }));
       });
-    }), m && (m === "one-to-many" || m === "many-to-many") ? o : [o[0]];
+    }), u && (u === "one-to-many" || u === "many-to-many") ? o : [o[0]];
   }
   _getTooltip({ label: e, value: t, chartType: i }) {
     return i === "pie-chart" ? `${e}` : `${e}: ${t}`;
   }
   _getChartOption(e) {
-    const { value: t, values: i, formattedValues: a, fieldName: r, relatedFieldName: s, fieldInfos: n, chartType: o, hasMultipleRelatedFeatures: d, color: p } = e, u = this.layer, l = this.fieldInfoMap ?? /* @__PURE__ */ new Map(), { normalizeField: m, tooltipField: c } = t, h = m ? $(m) ? i[V(m).fieldName] : i[m] : null, f = re(r) && a?.[r] !== void 0 ? a[r] : s && i[s] !== void 0 ? i[s] : i[r] !== void 0 ? i[r] : a[r], g = f === void 0 ? null : f && h && typeof f == "number" && typeof h == "number" ? f / h : f, x = ne(n, r), _ = U(r, u), M = (c && a[c] !== void 0 ? a[c] : se(x || new te({ fieldName: _ }), this.popupTemplate?.expressionInfos)) ?? "", F = a[_] ?? "", b = typeof g == "number" ? g : Number(g);
+    const { value: t, values: i, formattedValues: a, fieldName: r, relatedFieldName: s, fieldInfos: n, chartType: o, hasMultipleRelatedFeatures: d, color: p } = e, m = this.layer, l = this.fieldInfoMap ?? /* @__PURE__ */ new Map(), { normalizeField: u, tooltipField: c } = t, h = u ? $(u) ? i[V(u).fieldName] : i[u] : null, f = re(r) && a?.[r] !== void 0 ? a[r] : s && i[s] !== void 0 ? i[s] : i[r] !== void 0 ? i[r] : a[r], g = f === void 0 ? null : f && h && typeof f == "number" && typeof h == "number" ? f / h : f, x = ne(n, r), _ = U(r, m), M = (c && a[c] !== void 0 ? a[c] : se(x || new te({ fieldName: _ }), this.popupTemplate?.expressionInfos)) ?? "", F = a[_] ?? "", b = g != null ? typeof g == "number" ? g : Number(g) : null;
     if ($(r)) {
       const k = l.get(r.toLowerCase()), D = c ? l.get(c.toLowerCase()) : null, B = k?.fieldName ?? r, L = d && c ? V(c).fieldName : D?.fieldName ?? c, H = (d && L ? i[L] : a[L] ?? k?.label ?? k?.fieldName ?? s) ?? "", O = (d && s ? i[s] : a[B]) ?? "";
       return new P({
@@ -270,7 +270,7 @@ class he extends Q {
     return this._canAnimateChart() ? de : 0;
   }
   _getChartSeriesAnimationMS() {
-    return this._canAnimateChart() ? me : 0;
+    return this._canAnimateChart() ? ue : 0;
   }
   _getDirection() {
     return S(this.el) ? "rtl" : "ltr";
@@ -284,14 +284,14 @@ class he extends Q {
     }), e.label.setAll({
       direction: this._getDirection(),
       oversizedBehavior: "wrap",
-      maxWidth: ue
+      maxWidth: me
     });
   }
   async _createPieChart(e, t) {
     const [{ Tooltip: i }, { PieChart: a, PieSeries: r }] = await Promise.all([
       import("@amcharts/amcharts5/index.js"),
       import("@amcharts/amcharts5/percent.js")
-    ]), { mediaInfo: s, root: n } = e, { title: o } = s, d = 5, p = s?.altText || s?.title || "", u = n.container.children.push(a.new(n, {
+    ]), { mediaInfo: s, root: n } = e, { title: o } = s, d = 5, p = s?.altText || s?.title || "", m = n.container.children.push(a.new(n, {
       role: "figure",
       ariaLabel: p,
       focusable: !0,
@@ -300,28 +300,28 @@ class he extends Q {
       paddingLeft: d,
       paddingRight: d
     })), l = `{category}: {valuePercentTotal.formatNumber('0.00')}%
- ({value})`, m = i.new(n, {
+ ({value})`, u = i.new(n, {
       labelText: l
-    }), c = u.series.push(r.new(n, {
+    }), c = m.series.push(r.new(n, {
       name: o,
       valueField: T,
       categoryField: w,
-      tooltip: m
+      tooltip: u
     }));
     c.ticks.template.set("forceHidden", !0), c.labels.template.set("forceHidden", !0), c.slices.template.states.create("active", {
       shiftRadius: d
-    }), this._customizeChartTooltip(m), c.slices.template.setAll({
+    }), this._customizeChartTooltip(u), c.slices.template.setAll({
       ariaLabel: l,
       focusable: !0,
       templateField: "columnSettings"
-    }), c.data.setAll(t), c.appear(this._getChartSeriesAnimationMS()), u.appear(this._getChartAnimationMS()), u.root.dom.classList.toggle(v.mediaChartRendered, !0);
+    }), c.data.setAll(t), c.appear(this._getChartSeriesAnimationMS()), m.appear(this._getChartAnimationMS()), m.root.dom.classList.toggle(v.mediaChartRendered, !0);
   }
   _getMinSeriesValue(e) {
     let t = 0;
     return e.forEach((i) => t = Math.min(i.value, t)), t;
   }
   async _createColumnChart(e, t, i) {
-    const [{ Tooltip: a, Scrollbar: r }, { CategoryAxis: s, AxisRendererX: n, AxisRendererY: o, ValueAxis: d, ColumnSeries: p }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { mediaInfo: u, root: l } = t, { value: m, title: c } = u;
+    const [{ Tooltip: a, Scrollbar: r }, { CategoryAxis: s, AxisRendererX: n, AxisRendererY: o, ValueAxis: d, ColumnSeries: p }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { mediaInfo: m, root: l } = t, { value: u, title: c } = m;
     e.setAll({
       wheelX: "panX",
       wheelY: "zoomX"
@@ -337,7 +337,7 @@ class he extends Q {
     });
     const f = e.yAxes.push(d.new(l, {
       renderer: o.new(l, { inside: !1 }),
-      min: this._getMinSeriesValue(m.series)
+      min: this._getMinSeriesValue(u.series)
     }));
     f.get("renderer").labels.template.setAll({
       direction: this._getDirection()
@@ -356,12 +356,12 @@ class he extends Q {
       ariaLabel: g,
       focusable: !0,
       templateField: "columnSettings"
-    }), m.series.length > z && e.set("scrollbarX", r.new(l, {
+    }), u.series.length > z && e.set("scrollbarX", r.new(l, {
       orientation: "horizontal"
     })), h.data.setAll(i), _.data.setAll(i), _.appear(this._getChartSeriesAnimationMS()), e.appear(this._getChartAnimationMS());
   }
   async _createBarChart(e, t, i) {
-    const [{ Tooltip: a, Scrollbar: r }, { CategoryAxis: s, AxisRendererX: n, AxisRendererY: o, ValueAxis: d, ColumnSeries: p }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { mediaInfo: u, root: l } = t, { value: m, title: c } = u;
+    const [{ Tooltip: a, Scrollbar: r }, { CategoryAxis: s, AxisRendererX: n, AxisRendererY: o, ValueAxis: d, ColumnSeries: p }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { mediaInfo: m, root: l } = t, { value: u, title: c } = m;
     e.setAll({
       wheelX: "panY",
       wheelY: "zoomY"
@@ -380,7 +380,7 @@ class he extends Q {
         inside: !1,
         inversed: S(this.el)
       }),
-      min: this._getMinSeriesValue(m.series)
+      min: this._getMinSeriesValue(u.series)
     }));
     f.get("renderer").labels.template.setAll({
       direction: this._getDirection()
@@ -399,18 +399,18 @@ class he extends Q {
       ariaLabel: g,
       focusable: !0,
       templateField: "columnSettings"
-    }), m.series.length > z && e.set("scrollbarY", r.new(l, {
+    }), u.series.length > z && e.set("scrollbarY", r.new(l, {
       orientation: "vertical"
     })), h.data.setAll(i), _.data.setAll(i), _.appear(this._getChartSeriesAnimationMS()), e.appear(this._getChartAnimationMS());
   }
   async _createLineChart(e, t, i) {
-    const [{ Tooltip: a, Scrollbar: r }, { CategoryAxis: s, AxisRendererX: n, AxisRendererY: o, ValueAxis: d, LineSeries: p }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { root: u, mediaInfo: l } = t, { value: m, title: c } = l;
+    const [{ Tooltip: a, Scrollbar: r }, { CategoryAxis: s, AxisRendererX: n, AxisRendererY: o, ValueAxis: d, LineSeries: p }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { root: m, mediaInfo: l } = t, { value: u, title: c } = l;
     e.setAll({
       wheelX: "panX",
       wheelY: "zoomX"
     });
-    const h = e.xAxes.push(s.new(u, {
-      renderer: n.new(u, {
+    const h = e.xAxes.push(s.new(m, {
+      renderer: n.new(m, {
         inversed: S(this.el)
       }),
       categoryField: w
@@ -418,21 +418,21 @@ class he extends Q {
     h.get("renderer").labels.template.setAll({
       forceHidden: !0
     });
-    const f = e.yAxes.push(d.new(u, {
-      renderer: o.new(u, { inside: !1 }),
-      min: this._getMinSeriesValue(m.series)
+    const f = e.yAxes.push(d.new(m, {
+      renderer: o.new(m, { inside: !1 }),
+      min: this._getMinSeriesValue(u.series)
     }));
     f.get("renderer").labels.template.setAll({
       direction: this._getDirection()
     });
-    const g = "{categoryX}", x = i[0]?.lineSettings?.stroke, _ = a.new(u, {
+    const g = "{categoryX}", x = i[0]?.lineSettings?.stroke, _ = a.new(m, {
       getFillFromSprite: !x,
       labelText: g
     });
     x && _.get("background")?.setAll({
       fill: x
     });
-    const M = e.series.push(p.new(u, {
+    const M = e.series.push(p.new(m, {
       name: c,
       xAxis: h,
       yAxis: f,
@@ -442,7 +442,7 @@ class he extends Q {
     }));
     M.strokes.template.setAll({
       templateField: "lineSettings"
-    }), this._customizeChartTooltip(_, "vertical"), m.series.length > z && e.set("scrollbarX", r.new(u, {
+    }), this._customizeChartTooltip(_, "vertical"), u.series.length > z && e.set("scrollbarX", r.new(m, {
       orientation: "horizontal"
     })), h.data.setAll(i), M.data.setAll(i), M.appear(this._getChartSeriesAnimationMS()), e.appear(this._getChartAnimationMS());
   }
@@ -485,11 +485,7 @@ class he extends Q {
     return `${a}${i}timestamp=${t}${r ? "#" : ""}${r}`;
   }
   _updateChartElement(e) {
-    if (!e) {
-      this._chartRoot?.dispose(), this._chartRoot = void 0;
-      return;
-    }
-    this._createChart(e);
+    this._chartRoot?.dispose(), this._chartRoot = void 0, e && this._createChart(e);
   }
   render() {
     return y`<div class=${C(v.base)} @keyup=${this._handleMediaKeyup}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderMedia()}</div>`;
@@ -511,8 +507,8 @@ class he extends Q {
   _renderImageMediaInfo(e) {
     if (!e.value)
       return null;
-    const { _refreshIntervalInfo: t } = this, { value: i, refreshInterval: a, altText: r, title: s } = e, { sourceURL: n, linkURL: o } = i, p = oe(o ?? void 0) ? "_blank" : "_self", u = p === "_blank" ? "noreferrer" : "", l = a ? t : null, m = l ? l.sourceURL : n, c = y`<img alt=${(r || s) ?? A} src=${m ?? void 0 ?? A}>`;
-    return (o ? y`<a href=${o ?? A} rel=${u ?? A} target=${p ?? A} title=${s ?? A}>${c}</a>` : null) ?? c;
+    const { _refreshIntervalInfo: t } = this, { value: i, refreshInterval: a, altText: r, title: s } = e, { sourceURL: n, linkURL: o } = i, p = oe(o ?? void 0) ? "_blank" : "_self", m = p === "_blank" ? "noreferrer" : "", l = a ? t : null, u = l ? l.sourceURL : n, c = y`<img alt=${(r || s) ?? A} src=${u ?? void 0 ?? A}>`;
+    return (o ? y`<a href=${o ?? A} rel=${m ?? A} target=${p} title=${s ?? A}>${c}</a>` : null) ?? c;
   }
   _renderChartMediaInfo(e) {
     const { activeMediaInfoIndex: t, formattedMediaInfoCount: i } = this;
@@ -533,16 +529,16 @@ class he extends Q {
     return y`<button .ariaLabel=${i} class=${C(v.mediaPaginationButton)} @click=${r} tabindex=0 title=${i ?? A} type=button><calcite-icon flip-rtl class=${C(v.mediaPaginationIcon)} .icon=${a} scale=s></calcite-icon></button>`;
   }
   async _renderChart(e) {
-    const { root: t, mediaInfo: i } = e, { value: a, type: r } = i, [{ default: s }, { default: n }, { default: o }, { esriChartColorSet: d }, { ColorSet: p, Theme: u }] = await Promise.all([
+    const { root: t, mediaInfo: i } = e, { value: a, type: r } = i, [{ default: s }, { default: n }, { default: o }, { esriChartColorSet: d }, { ColorSet: p, Theme: m }] = await Promise.all([
       import("@amcharts/amcharts5/themes/Animated.js"),
       import("@amcharts/amcharts5/themes/Dark.js"),
       import("@amcharts/amcharts5/themes/Responsive.js"),
       import("../../chunks/chartCommon.js"),
       import("@amcharts/amcharts5/index.js")
-    ]), l = u.new(t);
+    ]), l = m.new(t);
     l.rule("ColorSet").set("colors", d), l.rule("ColorSet").set("reuse", !0);
-    const m = [o.new(t), l];
-    ie(this.el) === "dark" && m.push(n.new(t)), this._canAnimateChart() && m.push(s.new(t)), t.setThemes(m);
+    const u = [o.new(t), l];
+    ie(this.el) === "dark" && u.push(n.new(t)), this._canAnimateChart() && u.push(s.new(t)), t.setThemes(u);
     const c = await this._getRendererColors(), h = await this._getSeriesColors(a.series), f = p.new(t, {}), g = h.get(a.series[0]), x = g ? {
       lineSettings: {
         stroke: g
@@ -562,7 +558,7 @@ class he extends Q {
     r === "pie-chart" ? this._createPieChart(e, _) : this._createXYChart(e, _);
   }
 }
-W("arcgis-feature-media", he);
+j("arcgis-feature-media", he);
 export {
   he as ArcgisFeatureMedia
 };

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

@@ -1,33 +1,33 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
 import { HeadingLevel } from '../../support/heading';
-import { Nil } from '@arcgis/components-utils';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisFeature, FlowItemType, FlowItemComponent } from '../arcgis-feature/customElement.js';
+import { nil } from '@arcgis/toolkit/type';
 export interface FeatureRelationshipCategory {
     count: number;
     value: number | string;
     name: string;
 }
 type RelatableFeatureSupportedLayer = {
-    capabilities: __esri.Capabilities | Nil;
-    objectIdField: Nil | string;
-    parent: __esri.Layer["parent"] | Nil | RelatableFeatureSupportedLayer;
+    capabilities: __esri.Capabilities | nil;
+    objectIdField: nil | string;
+    parent: __esri.Layer["parent"] | nil | RelatableFeatureSupportedLayer;
     loaded: boolean;
-    relationships: __esri.Relationship[] | Nil;
-    subtypeField: Nil | string;
-    subtypes: __esri.Subtype[] | Nil;
-    gdbVersion: Nil | string;
-    historicMoment: Date | Nil;
+    relationships: __esri.Relationship[] | nil;
+    subtypeField: nil | string;
+    subtypes: __esri.Subtype[] | nil;
+    gdbVersion: nil | string;
+    historicMoment: Date | nil;
     queryRelatedFeaturesCount: __esri.FeatureLayer["queryRelatedFeaturesCount"];
     queryRelatedFeatures: __esri.FeatureLayer["queryRelatedFeatures"];
     createQuery: __esri.FeatureLayer["createQuery"];
-    formTemplate: __esri.FormTemplate | Nil;
+    formTemplate: __esri.FormTemplate | nil;
     fields?: __esri.Field[];
     findSublayerForSubtypeCode?: __esri.SubtypeGroupLayer["findSublayerForSubtypeCode"];
 } & (__esri.FeatureLayer | __esri.Layer | __esri.Sublayer | __esri.SubtypeGroupLayer | __esri.SubtypeSublayer);
 
-/** [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-feature-relationship/) */
+/** @private */
 export declare class ArcgisFeatureRelationship extends LitElement {
     /**
      * If true, the component will not be destroyed automatically when it is
@@ -39,6 +39,7 @@ export declare class ArcgisFeatureRelationship extends LitElement {
      * @default false
      */
     autoDestroyDisabled: boolean;
+    get allItemsDescription(): string;
     get featurePage(): number;
     set featurePage(value: number);
     /** @default 10 */