@arcgis/map-components 5.2.0-next.98 → 6.0.0-next.0

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

@@ -2,6 +2,8 @@ import "../arcgis-feature-element-info/index.js";
 import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-card-group";
 import "@esri/calcite-components/components/calcite-card";
+import "@esri/calcite-components/components/calcite-carousel";
+import "@esri/calcite-components/components/calcite-carousel-item";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-list-item";

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

@@ -6,7 +6,7 @@ import { LitElement as l } from "@arcgis/lumina";
 import { a as o, s as h } from "../../chunks/feature-utils.js";
 import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
 import { renderingSanitizer as g } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-const m = c`.loader-container{display:flex;align-items:center;justify-content:center;padding:0;height:150px}.root{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-normal)}.root h1,.root h2,.root h3,.root h4,.root h5,.root h6{margin:var(--calcite-spacing-sm) 0;line-height:var(--calcite-font-line-height-relative-tight);letter-spacing:0;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-semibold)}.root h1{font-size:var(--calcite-font-size-xxl)}.root h2{font-size:var(--calcite-font-size-xl)}.root h3{font-size:var(--calcite-font-size-lg)}.root h4,.root h5,.root h6{font-size:var(--calcite-font-size)}.description{margin-bottom:var(--calcite-spacing-sm)}.root p{margin:0 0 var(--calcite-spacing-sm);font-size:var(--calcite-font-size)}.root p:last-child{margin-block-end:0}.root img{max-width:100%;max-height:100%;image-orientation:from-image}.root video{max-width:100%;max-height:100%}.root figure{margin:0;padding:0}.root figcaption{display:block;margin:var(--calcite-spacing-sm) 0 0;padding:0;font-size:var(--calcite-font-size-sm);font-style:italic}.root ul,.root ol{margin-block:var(--calcite-spacing-sm)}.root ul:first-child,.root ol:first-child{margin-block-start:0}.root a,.root a:hover,.root a:focus{color:var(--calcite-color-text-link)}`;
+const m = c`.loader-container{display:flex;align-items:center;justify-content:center;padding:0;height:150px}.root{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-normal)}.root h1,.root h2,.root h3,.root h4,.root h5,.root h6{margin:var(--calcite-spacing-md) 0;line-height:var(--calcite-font-line-height-relative-tight);letter-spacing:0;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-semibold)}.root h1{font-size:var(--calcite-font-size-xxl)}.root h2{font-size:var(--calcite-font-size-xl)}.root h3{font-size:var(--calcite-font-size-lg)}.root h4,.root h5,.root h6{font-size:var(--calcite-font-size)}.description{margin-bottom:var(--calcite-spacing-md)}.root p{margin:0 0 var(--calcite-space-sm);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-normal)}.root p:last-child{margin-block-end:0}.root img{max-width:100%;max-height:100%;image-orientation:from-image}.root video{max-width:100%;max-height:100%}.root figure{margin:0;padding:0}.root figcaption{display:block;margin:var(--calcite-spacing-md) 0 0;padding:0;font-size:var(--calcite-font-size-sm);font-style:italic}.root ul,.root ol{margin-block:var(--calcite-spacing-md)}.root ul:first-child,.root ol:first-child{margin-block-start:0}.root a,.root a:hover,.root a:focus{color:var(--calcite-color-text-link)}`;
 class f extends l {
   static {
     this.properties = { _loadingPromise: 16, _created: 16, creator: 1, destroyer: 0, graphic: 0 };

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

@@ -5,7 +5,7 @@ import { LitElement as y } from "@arcgis/lumina";
 import { watch as $, when as k } from "@arcgis/core/core/reactiveUtils.js";
 import { a as u } from "../../chunks/maybe.js";
 import { g as m, c as v, t as d } from "../../chunks/async-utils.js";
-import { throttle as g } from "lodash-es";
+import { throttle as g } from "es-toolkit/function";
 import I from "@arcgis/core/popup/content/MediaContent.js";
 import w from "@arcgis/core/popup/content/FieldsContent.js";
 import L from "@arcgis/core/popup/content/TextContent.js";

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

@@ -4,7 +4,7 @@ import { css as h, html as p } from "lit";
 import { renderingSanitizer as c } from "@arcgis/core/applications/Components/sanitizerUtils.js";
 import { LitElement as f } from "@arcgis/lumina";
 import { addLtrMark as u } from "@arcgis/toolkit/string";
-import { h as v, j as $, k as w } from "../../chunks/feature-utils.js";
+import { j as v, k as $, l as w } from "../../chunks/feature-utils.js";
 import { replace as m } from "@arcgis/core/applications/Components/stringUtils.js";
 const I = [
   {

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

@@ -9,6 +9,7 @@ import type { EditType } from "@arcgis/core/widgets/support/forms/types.js";
 import type { HeadingLevel } from "@arcgis/core/widgets/support/types.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
 import type { FeatureFormLayerUnion } from "@arcgis/core/widgets/FeatureForm/types.js";
+import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 
 export abstract class ArcgisFeatureForm extends LitElement {
   /**
@@ -31,7 +32,7 @@ export abstract class ArcgisFeatureForm extends LitElement {
    */
   accessor autoDestroyDisabled: boolean;
   /**
-   * When true, the component is visually withdrawn and cannot receive user interaction.
+   * When true, the component is visually de-emphasized and does not accept user interaction.
    *
    * @default false
    * @since 5.0
@@ -200,11 +201,19 @@ export abstract class ArcgisFeatureForm extends LitElement {
    */
   get state(): FeatureFormViewModelState;
   /**
-   * The timezone displayed within the form. If `unknown`, it first checks if the  layer has a [FeatureLayer#preferredTimeZone](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#preferredTimeZone). If so, it displays this. If not, it will default to UTC.
+   * Dates and times displayed in the form use this time zone. By default, the time zone is inherited from the associated [arcgis-map.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#timeZone) or [arcgis-scene.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#timeZone). When no view is associated, the time zone defaults to `system`.
+   *
+   * If `unknown`, the form uses the layer's [FeatureLayer#preferredTimeZone](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#preferredTimeZone). If the layer does not define a preferred time zone, the form uses UTC.
    *
    * @since 4.28
    */
   accessor timeZone: string;
+  /**
+   * A reference to the associated [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/) or [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
+   *
+   * @since 5.2
+   */
+  accessor view: MapViewOrSceneView | null | undefined;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   /** Returns all of the field values, regardless of update status. */
@@ -216,7 +225,7 @@ export abstract class ArcgisFeatureForm extends LitElement {
   };
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Fires when the [submit()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-form/#submit) method is called. */
   readonly arcgisSubmit: import("@arcgis/lumina").TargetedEvent<this, SubmitEvent>;

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as i } from "../../chunks/runtime.js";
 import { usePropertyChange as t } from "@arcgis/lumina/controllers";
-import { reEmitEvent as e } from "@arcgis/lumina/controllers/accessor";
+import { reEmitEvent as e } from "@arcgis/lumina-toolkit/reEmitEvent";
 import r from "@arcgis/core/widgets/FeatureForm.js";
 import { LitElement as o, createEvent as a } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";
@@ -9,10 +9,10 @@ import { css as s } from "lit";
 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{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__heading{word-break:break-word}.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(--arcgis-internal-padding)}.esri-feature-form__disabled-notice{margin-bottom:var(--calcite-spacing-xl)}.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.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.map = this.viewModel.map, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.disabled = this.widget.disabled, this.hideReadOnlyNotice = this.widget.visibleElements.readOnlyNotice, 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.map = this.viewModel.map, this.view = this.viewModel.view, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.disabled = this.widget.disabled, this.hideReadOnlyNotice = this.widget.visibleElements.readOnlyNotice, 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, editType: 1, groupDisplay: 1, headingLevel: 9, icon: 1, label: 1, layer: 0, map: 0, referenceElement: 1, state: 32, timeZone: 1, disabled: 5, hideReadOnlyNotice: 5 };
+    this.properties = { autoDestroyDisabled: 5, feature: 0, formTemplate: 0, editType: 1, groupDisplay: 1, headingLevel: 9, icon: 1, label: 1, layer: 0, map: 0, view: 0, referenceElement: 1, state: 32, timeZone: 1, disabled: 5, hideReadOnlyNotice: 5 };
   }
   static {
     this.styles = l;

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

@@ -0,0 +1,156 @@
+/// <reference path="../../index.d.ts" />
+import type FieldInput from "@arcgis/core/widgets/BatchAttributeForm/inputs/FieldInput.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ValueChangeCallback } from "./types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisFeatureFormField extends LitElement {
+  /** @internal */
+  protected _messages: Partial<{
+      componentLabel: string;
+      components: { attachments: {
+          "attachment-validation-view": { validations: {
+              errorFileUnsupported: string;
+              maximumAudioLength: string;
+              maximumImageSize: string;
+              maximumFileSize: string;
+              maximumNumberOfFiles: string;
+              maximumVideoLength: string;
+              minimumNumberOfFiles: string;
+          }; };
+          "add-attachment-view": {
+              captureMethodNotSupported: string;
+              fileToBeReplaced: string;
+              heading: string;
+          };
+          "attachment-preview": { noPreview: string; };
+          thumbnail: { fileTypes: {
+              "file-cad": string;
+              "file-code": string;
+              "file-csv": string;
+              "file-excel": string;
+              "file-gpx": string;
+              "file-image": string;
+              "file-pdf": string;
+              "file-ppt": string;
+              "file-sound": string;
+              "file-text": string;
+              "file-video": string;
+              "file-word": string;
+              "file-zip": string;
+              file: string;
+          }; };
+      }; };
+      units: { bytes: {
+          B: string;
+          kB: string;
+          MB: string;
+          GB: string;
+          TB: string;
+      }; };
+      differentValuesPlaceholder: string;
+      empty: string;
+  }> & T9nMeta<{
+      componentLabel: string;
+      components: { attachments: {
+          "attachment-validation-view": { validations: {
+              errorFileUnsupported: string;
+              maximumAudioLength: string;
+              maximumImageSize: string;
+              maximumFileSize: string;
+              maximumNumberOfFiles: string;
+              maximumVideoLength: string;
+              minimumNumberOfFiles: string;
+          }; };
+          "add-attachment-view": {
+              captureMethodNotSupported: string;
+              fileToBeReplaced: string;
+              heading: string;
+          };
+          "attachment-preview": { noPreview: string; };
+          thumbnail: { fileTypes: {
+              "file-cad": string;
+              "file-code": string;
+              "file-csv": string;
+              "file-excel": string;
+              "file-gpx": string;
+              "file-image": string;
+              "file-pdf": string;
+              "file-ppt": string;
+              "file-sound": string;
+              "file-text": string;
+              "file-video": string;
+              "file-word": string;
+              "file-zip": string;
+              file: string;
+          }; };
+      }; };
+      units: { bytes: {
+          B: string;
+          kB: string;
+          MB: string;
+          GB: string;
+          TB: string;
+      }; };
+      differentValuesPlaceholder: string;
+      empty: string;
+  }>;
+  /**
+   * When true, the component is visually de-emphasized and does not accept user interaction.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /** @required */
+  accessor input: FieldInput | undefined;
+  accessor messageOverrides: {
+      componentLabel?: string | undefined;
+      components?: { attachments?: {
+          "attachment-validation-view"?: { validations?: {
+              errorFileUnsupported?: string | undefined;
+              maximumAudioLength?: string | undefined;
+              maximumImageSize?: string | undefined;
+              maximumFileSize?: string | undefined;
+              maximumNumberOfFiles?: string | undefined;
+              maximumVideoLength?: string | undefined;
+              minimumNumberOfFiles?: string | undefined;
+          } | undefined; } | undefined;
+          "add-attachment-view"?: {
+              captureMethodNotSupported?: string | undefined;
+              fileToBeReplaced?: string | undefined;
+              heading?: string | undefined;
+          } | undefined;
+          "attachment-preview"?: { noPreview?: string | undefined; } | undefined;
+          thumbnail?: { fileTypes?: {
+              "file-cad"?: string | undefined;
+              "file-code"?: string | undefined;
+              "file-csv"?: string | undefined;
+              "file-excel"?: string | undefined;
+              "file-gpx"?: string | undefined;
+              "file-image"?: string | undefined;
+              "file-pdf"?: string | undefined;
+              "file-ppt"?: string | undefined;
+              "file-sound"?: string | undefined;
+              "file-text"?: string | undefined;
+              "file-video"?: string | undefined;
+              "file-word"?: string | undefined;
+              "file-zip"?: string | undefined;
+              file?: string | undefined;
+          } | undefined; } | undefined;
+      } | undefined; } | undefined;
+      units?: { bytes?: {
+          B?: string | undefined;
+          kB?: string | undefined;
+          MB?: string | undefined;
+          GB?: string | undefined;
+          TB?: string | undefined;
+      } | undefined; } | undefined;
+      differentValuesPlaceholder?: string | undefined;
+      empty?: string | undefined;
+  };
+  /** @default false */
+  accessor readOnly: boolean;
+  /** @required */
+  accessor valueChangeCallback: ValueChangeCallback;
+  setFocus(): Promise<void>;
+}

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

@@ -0,0 +1,9 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import "../../chunks/runtime.js";
+import "@arcgis/lumina";
+import "../../chunks/useT9n.js";
+import "@arcgis/core/widgets/BatchAttributeForm/inputs/support/inputUtils.js";
+import { A as e } from "../../chunks/field.js";
+export {
+  e as ArcgisFeatureFormField
+};

package/dist/components/arcgis-feature-form-field/types.d.ts

@@ -0,0 +1,7 @@
+import type { FieldValue } from "@arcgis/core/layers/support/fieldUtils.js";
+
+/**
+ * @param fieldName
+ * @param value
+ */
+export type ValueChangeCallback = (fieldName: string, value: FieldValue) => void;

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

@@ -0,0 +1,4 @@
+/// <reference path="../../index.d.ts" />
+import type { ArcgisFeatureFormField } from "../arcgis-feature-form-field/customElement.js";
+
+export abstract class ArcgisFeatureFormFieldNumber extends ArcgisFeatureFormField {}

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

@@ -0,0 +1,33 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as h } from "../../chunks/runtime.js";
+import { html as p } from "lit";
+import { keyed as f } from "lit/directives/keyed.js";
+import { isIntegerField as g } from "@arcgis/core/layers/support/fieldUtils.js";
+import { A as $, i as b, p as v } from "../../chunks/field.js";
+import { createRef as F, ref as _ } from "lit/directives/ref.js";
+class C extends $ {
+  constructor() {
+    super(...arguments), this._rootRef = F();
+  }
+  _handleFocusOut(t) {
+    if (super._handleFocusOut(t), this.input?.userHasChangedValue) {
+      const e = this._rootRef.value?.value, a = v(e);
+      this.valueChangeCallback(this.input.fieldName, a);
+    }
+  }
+  _handleInput(t) {
+    const { input: e } = this;
+    e && (e.userHasChangedValue = !0, b(t.currentTarget.value) && this.valueChangeCallback(e.fieldName, null));
+  }
+  render() {
+    const { input: t } = this;
+    if (!t)
+      return null;
+    const { label: e, range: a, fieldName: s, field: u, editable: l, required: n, status: o, validationMessage: d } = t, { placeholder: m, value: r } = this, i = g(u), c = i && r !== "" ? Math.round(parseFloat(String(r))) : r;
+    return f(t, p`<calcite-input-number .disabled=${this.disabled} .integer=${i} .label=${e} .labelText=${e} .max=${a?.max ?? void 0} .min=${a?.min ?? void 0} .name=${s} .placeholder=${m} .readOnly=${!l || this.readOnly} .required=${n} .status=${o} .step=${i ? 1 : "any"} .validationMessage=${d} .value=${String(c)} @focusout=${this._handleFocusOut} @calciteInputNumberInput=${this._handleInput} ${_(this._rootRef)}></calcite-input-number>`);
+  }
+}
+h("arcgis-feature-form-field-number", C);
+export {
+  C as ArcgisFeatureFormFieldNumber
+};

package/dist/components/arcgis-feature-form-field-number/index.js

@@ -0,0 +1,3 @@
+import "../arcgis-feature-form-field/index.js";
+import "@esri/calcite-components/components/calcite-input-number";
+export * from "./customElement.js";

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

@@ -0,0 +1,174 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as m } from "../../chunks/runtime.js";
+import { css as p, html as a } from "lit";
+import { keyed as r } from "lit/directives/keyed.js";
+import { ref as g } from "lit/directives/ref.js";
+import { stripHTML as l } from "@arcgis/core/applications/Components/stringUtils.js";
+import { formatNumber as f, substitute as y } from "@arcgis/core/intl.js";
+import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
+import { ArcgisUtilityNetworkAssociationList as v } from "../arcgis-utility-network-association-list/customElement.js";
+import { f as $ } from "../../chunks/layer-utils.js";
+import { u as b } from "../../chunks/useT9n.js";
+import { H as F } from "../../chunks/heading.js";
+const _ = p`:host{background-color:var(--calcite-color-surface-2)}.feature-observer{position:relative;bottom:var(--calcite-space-2xl);z-index:2;text-align:center}.header{calcite-block{margin-block-start:calc(var(--calcite-size-3xs) * -1.5);margin-inline:calc(var(--calcite-size-xs) * -1)}}.header>*{margin-block-end:var(--calcite-size-3xs)}.header>:last-child{color:var(--calcite-color-text-3)}.heading-content{display:flex;align-items:center;calcite-icon{margin-inline-end:var(--calcite-size-3xs)}}.list-container{display:flex;flex-direction:column;min-height:var(--calcite-space-3xl);calcite-fab{align-self:center;margin-block:var(--calcite-space-md)}}`;
+function A(n) {
+  const { percentAlong: t } = n;
+  return t == null ? "" : f(t, {
+    style: "percent",
+    maximumFractionDigits: 2
+  });
+}
+async function L(n) {
+  const t = n.attributes, e = $(n) ? n.sourceLayer : void 0, i = n.origin, s = i && "layer" in i ? i.layer : e ?? n.layer;
+  if (!t || !s)
+    return "";
+  if ("getFeatureTitle" in s)
+    return await s.getFeatureTitle(n);
+  const c = "displayField" in s ? s.displayField : null;
+  let o = c != null ? t[c.toString()] : null;
+  return o != null && typeof o != "string" && (o = o.toString()), o || n.getObjectId()?.toString() || "";
+}
+function u(n) {
+  const { associationType: t } = n;
+  return t === "connectivity" || t === "junction-edge-from-connectivity" || t === "junction-edge-midspan-connectivity" || t === "junction-edge-to-connectivity" || t === "junction-junction-connectivity";
+}
+function T(n) {
+  return n.associationType === "junction-edge-midspan-connectivity";
+}
+class I extends v {
+  constructor() {
+    super(...arguments), this._messagesFeature = b({ name: "feature", blocking: !0 }), this.#e = 0, this.#t = !1, this._filteredItemCount = 0, this.addAssociation = () => {
+    }, this.headingLevel = 5, this.hideAssociationDetails = !1, this.selectAssociatedFeature = async () => {
+    }, this.selectAssociatedLayer = () => {
+    }, this.topLayerDisabled = !1;
+  }
+  static {
+    this.properties = { _featureTitle: 16, _filteredItemCount: 16, _featureInfosPage: 16, _featureInfos: 16, addAssociation: 0, associatedFeatureCount: 32, associationInput: 0, headingLevel: 9, hideAssociationDetails: 5, selectAssociatedFeature: 0, selectAssociatedLayer: 0, topLayerDisabled: 5 };
+  }
+  static {
+    this.styles = _;
+  }
+  #e;
+  #t;
+  get _featureInfosPage() {
+    return this._featureInfos.slice(0, this.endIndex);
+  }
+  get _featureInfos() {
+    const t = this.associationInput?.associatedFeatures;
+    return t ? t.toArray() : [];
+  }
+  get associatedFeatureCount() {
+    return this._featureInfos.length;
+  }
+  loaded() {
+    super.loaded(), this.manager.onLifecycle(() => [
+      d(() => [
+        this.associationInput,
+        this.associationInput?.associationFeature,
+        this.associationInput?.featureItem?.label
+      ], () => {
+        this.#c();
+      }, { initial: !0 }),
+      d(() => this.associationInput?.updating ?? !1, (t) => this.state = t ? "querying" : "ready", { initial: !0 })
+    ]);
+  }
+  #s(t) {
+    const e = t.activeAssociationType?.type;
+    if (!e)
+      return;
+    const { attachment: i, connectivity: s, container: c, content: o, structure: h } = this._messages.associationTypes;
+    switch (e) {
+      case "attachment":
+        return i;
+      case "connectivity":
+        return s;
+      case "container":
+        return c;
+      case "content":
+        return o;
+      case "structure":
+        return h;
+      default:
+        return;
+    }
+  }
+  #i(t) {
+    return `association-${t.association.globalId}`;
+  }
+  #a(t) {
+    this._filteredItemCount = t ? this.associatedFeatureCount : 0;
+  }
+  async #n(t) {
+    if (!this.#t) {
+      this.#t = !0;
+      try {
+        await this.selectAssociatedFeature({ feature: t.feature, association: t.association });
+      } finally {
+        this.#t = !1;
+      }
+    }
+  }
+  async #c() {
+    const { associationInput: t } = this, e = ++this.#e;
+    if (!t?.associationFeature || t.featureItem?.label) {
+      this._featureTitle = void 0;
+      return;
+    }
+    const i = await L(t.associationFeature);
+    e === this.#e && (this._featureTitle = i);
+  }
+  #o(t) {
+    const e = t.title || this._messagesCommon.untitled, i = this.#i(t), s = T(t.association), c = s ? A(t.association) : "";
+    return r(i, a`<calcite-list-item .description=${l(t.terminalName ?? "")} .label=${l(e)} @calciteListItemSelect=${() => this.#n(t)}>${u(t.association) ? this._renderConnectivityIcon(t.association.associationType, i) : null}${s ? a`<calcite-chip .label=${c} scale=s slot=content-end>${c}</calcite-chip>` : null}<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`);
+  }
+  #r() {
+    const t = this._featureInfosPage, e = t.map((s) => this.#h(s)), i = t.map((s) => this.#o(s));
+    return [...e, ...i];
+  }
+  #l(t) {
+    const e = this.#s(t) ?? "", i = t.featureItem?.label || this._featureTitle || "";
+    return a`<calcite-block .description=${e} .heading=${i}></calcite-block>`;
+  }
+  #d(t, e) {
+    return a`${this.#u(t, e)}<div class="list-container">${this._renderFeatureCountWarning()}${r(`associated-features-list-${e.id}`, a`<calcite-list filter-enabled .filterLabel=${this._messages.associationFilterPlaceholder} .filterPlaceholder=${this._messages.associationFilterPlaceholder} .label=${this._messages.associatedFeatures} @calciteListFilter=${(i) => this._filteredItemCount = i.currentTarget?.filteredItems.length} ${g(this.#a)}>${this.#r()}${this._renderFeatureObserver()}</calcite-list>`)}</div>`;
+  }
+  #u(t, e) {
+    return a`<div class="header">${this.hideAssociationDetails ? null : this.#l(t)}${this.#g(e)}${this.#f(e)}</div>`;
+  }
+  #h(t) {
+    const { tooltipReferenceMap: e } = this, i = this.#i(t);
+    return u(t.association) ? r(`tooltip-${i}`, a`<calcite-tooltip overlay-positioning=fixed .referenceElement=${e.get(i)} .topLayerDisabled=${this.topLayerDisabled}>${this.getConnectivityTooltip(t.association.associationType)}</calcite-tooltip>`) : null;
+  }
+  #m(t, e) {
+    const { associatedFeatureInfos: i } = t, s = i.get(e)?.length ?? 0;
+    return r(`${e.id}-show-all`, a`<calcite-list-item expanded .label=${e.title ?? this._messagesCommon.untitled} .value=${e.id} @calciteListItemSelect=${() => this.selectAssociatedLayer({ layer: e })}><calcite-chip .label=${s.toString()} scale=s slot=content-end>${s}</calcite-chip><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`);
+  }
+  #p(t) {
+    const { associatedFeatureInfos: e, associationFeature: i, editable: s } = t;
+    return i ? a`<div class="list-container"><calcite-list .label=${this._messages.associatedLayers}>${Array.from(e.keys(), (c) => this.#m(t, c))}</calcite-list>${s ? a`<calcite-fab appearance=outline-fill icon=plus kind=neutral .text=${this._messagesCommon.add} text-enabled @click=${() => this.addAssociation({
+      feature: i,
+      associationType: t.activeAssociationType,
+      utilityNetwork: t.utilityNetwork
+    })}></calcite-fab>` : void 0}</div>` : null;
+  }
+  #g(t) {
+    return t.title ? r("title", F({ level: this.headingLevel, children: a`<div class="heading-content"><calcite-icon icon=layer></calcite-icon>${t.title}</div>` })) : null;
+  }
+  #f(t) {
+    const e = y(this._messagesFeature?.numberRecords, {
+      number: this._filteredItemCount
+    });
+    return r(t.id, a`<div>${e}</div>`);
+  }
+  render() {
+    const { associationInput: t } = this;
+    if (!t)
+      return a`<div></div>`;
+    const { associatedLayer: e } = t;
+    return t.updating ? a`<div>${this._renderLoading()}</div>` : e ? a`<div>${this.#d(t, e)}</div>` : a`<div>${this.#p(t)}</div>`;
+  }
+}
+m("arcgis-feature-form-utility-network-association-list", I);
+export {
+  I as ArcgisFeatureFormUtilityNetworkAssociationList
+};

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

@@ -0,0 +1,9 @@
+import "../arcgis-utility-network-association-list/index.js";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-fab";
+export * from "./customElement.js";