@arcgis/map-components 6.0.0-next.2 → 6.0.0-next.21

package/dist/components/arcgis-attachment-validation-view/customElement.d.ts

@@ -28,21 +28,32 @@ export abstract class ArcgisAttachmentValidationView extends LitElement {
               heading: string;
           };
           "attachment-preview": { noPreview: string; };
+          "attachment-detail-view": {
+              maximize: string;
+              download: string;
+              replace: string;
+              fileName: string;
+              nameCannotBeNull: string;
+              size: string;
+              type: string;
+              reset: string;
+              imageDescription: 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;
+              image: string;
+              sound: string;
+              video: string;
           }; };
       }; };
       units: { bytes: {
@@ -72,21 +83,32 @@ export abstract class ArcgisAttachmentValidationView extends LitElement {
               heading: string;
           };
           "attachment-preview": { noPreview: string; };
+          "attachment-detail-view": {
+              maximize: string;
+              download: string;
+              replace: string;
+              fileName: string;
+              nameCannotBeNull: string;
+              size: string;
+              type: string;
+              reset: string;
+              imageDescription: 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;
+              image: string;
+              sound: string;
+              video: string;
           }; };
       }; };
       units: { bytes: {
@@ -120,21 +142,32 @@ export abstract class ArcgisAttachmentValidationView extends LitElement {
               heading?: string | undefined;
           } | undefined;
           "attachment-preview"?: { noPreview?: string | undefined; } | undefined;
+          "attachment-detail-view"?: {
+              maximize?: string | undefined;
+              download?: string | undefined;
+              replace?: string | undefined;
+              fileName?: string | undefined;
+              nameCannotBeNull?: string | undefined;
+              size?: string | undefined;
+              type?: string | undefined;
+              reset?: string | undefined;
+              imageDescription?: 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;
+              image?: string | undefined;
+              sound?: string | undefined;
+              video?: string | undefined;
           } | undefined; } | undefined;
       } | undefined; } | undefined;
       units?: { bytes?: {

package/dist/components/arcgis-basemap-gallery/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
-import type LocalBasemapsSource from "@arcgis/core/basemaps/LocalBasemapsSource.js";
-import type PortalBasemapsSource from "@arcgis/core/basemaps/PortalBasemapsSource.js";
+import type LocalBasemapsSource from "@arcgis/core/basemapGallery/LocalBasemapsSource.js";
+import type PortalBasemapsSource from "@arcgis/core/basemapGallery/PortalBasemapsSource.js";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
@@ -109,7 +109,7 @@ export abstract class ArcgisBasemapGallery extends LitElement {
    * <script type="module">
    *   const [Basemap, LocalBasemapsSource] = await $arcgis.import([
    *     "@arcgis/core/Basemap.js",
-   *     "@arcgis/core/basemaps/LocalBasemapsSource.js",
+   *     "@arcgis/core/basemapGallery/LocalBasemapsSource.js",
    *   ]);
    *   // get the basemap gallery element
    *   const basemapGallery = document.querySelector("arcgis-basemap-gallery");
@@ -128,7 +128,7 @@ export abstract class ArcgisBasemapGallery extends LitElement {
    * </arcgis-map>
    *
    * <script type="module">
-   *   const PortalBasemapsSource = await $arcgis.import("@arcgis/core/basemaps/PortalBasemapsSource.js");
+   *   const PortalBasemapsSource = await $arcgis.import("@arcgis/core/basemapGallery/PortalBasemapsSource.js");
    *   // get the basemap gallery element
    *   const basemapGallery = document.querySelector("arcgis-basemap-gallery");
    *

package/dist/components/arcgis-basemap-gallery/customElement.js

@@ -3,17 +3,17 @@ import { c as f } from "../../chunks/runtime.js";
 import { css as u, html as s } from "lit";
 import { classes as w } from "@arcgis/toolkit/dom";
 import { watch as v, when as b } from "@arcgis/core/core/reactiveUtils.js";
-import _ from "@arcgis/core/basemaps/BasemapCollection.js";
+import _ from "@arcgis/core/basemapGallery/BasemapGalleryModel.js";
 import { LitElement as x, createEvent as y, nothing as d, safeClassMap as p, safeStyleMap as k } from "@arcgis/lumina";
 import { useDirection as z, usePropertyChange as M } from "@arcgis/lumina/controllers";
 import { u as $ } from "../../chunks/useT9n.js";
-import { m as C } from "../../chunks/useViewModel.js";
-import { H as B } from "../../chunks/heading.js";
+import { m as B } from "../../chunks/useViewModel.js";
+import { H as C } from "../../chunks/heading.js";
 import { g as l } from "../../chunks/globalCss.js";
 import { i as L, a as E } from "../../chunks/keyboard-utils.js";
-const R = u`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media(prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media(prefers-reduced-motion:reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.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}:host{display:flex;width:var(--arcgis-internal-panel-width, 300px)}:host(:focus-within){z-index:1;outline-offset:var(--calcite-spacing-base);outline:var(--calcite-spacing-base) solid var(--calcite-color-brand)}.root{position:relative;overflow-y:auto;container-type:inline-size;width:100%;min-height:32px;transition:max-height .25s ease-in-out}.root .loader:before,.root .loader:after{opacity:1;content:"";height:var(--calcite-spacing-px);transition:opacity .5s ease-in-out;position:absolute;top:0}.root .loader:before{z-index:0;background-color:var(--calcite-color-foreground-1);width:100%}.root .loader:after{z-index:0;background-color:var(--calcite-color-foreground-3);width:20%;animation:1.5s linear infinite looping-progresss-bar-ani}.esri-disabled arcgis-basemap-gallery-item{opacity:var(--calcite-opacity-light);pointer-events:none;animation:none}.empty-message{padding:12px 15px;animation:.5s ease-in-out esri-fade-in}.loader{width:100%;height:var(--calcite-spacing-base);animation:.5s ease-in-out esri-fade-in;position:absolute;top:0;left:0;right:0}.item-container{flex-flow:column;gap:3px;margin:0;padding-block:3px;padding-inline:3px;list-style:none;transition:opacity .25s ease-in-out;display:flex;position:relative}calcite-popover>.root{width:280px;max-height:80vh}.ui-corner calcite-panel>.root.widget.widget--panel{width:unset}.view-width-greater-than-large calcite-popover>.root,.view-width-greater-than-large .ui-corner>.root{width:450px}@container (width<=200px) or (width>=350px){.root .item-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--calcite-spacing-md) var(--calcite-spacing-lg);padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg);display:grid}}`, D = C(_);
-function I(o) {
-  return o.type === "2d" && "view2dType" in o && o.view2dType === "linkchart" && "inGeographicLayout" in o && o.inGeographicLayout === !1;
+const R = u`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media(prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media(prefers-reduced-motion:reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.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}:host{display:flex;width:var(--arcgis-internal-panel-width, 300px)}:host(:focus-within){z-index:1;outline-offset:var(--calcite-spacing-base);outline:var(--calcite-spacing-base) solid var(--calcite-color-brand)}.root{position:relative;overflow-y:auto;container-type:inline-size;width:100%;min-height:32px;transition:max-height .25s ease-in-out}.root .loader:before,.root .loader:after{opacity:1;content:"";height:var(--calcite-spacing-px);transition:opacity .5s ease-in-out;position:absolute;top:0}.root .loader:before{z-index:0;background-color:var(--calcite-color-foreground-1);width:100%}.root .loader:after{z-index:0;background-color:var(--calcite-color-foreground-3);width:20%;animation:1.5s linear infinite looping-progresss-bar-ani}.esri-disabled arcgis-basemap-gallery-item{opacity:var(--calcite-opacity-light);pointer-events:none;animation:none}.empty-message{padding:12px 15px;animation:.5s ease-in-out esri-fade-in}.loader{width:100%;height:var(--calcite-spacing-base);animation:.5s ease-in-out esri-fade-in;position:absolute;top:0;left:0;right:0}.item-container{flex-flow:column;gap:3px;margin:0;padding-block:3px;padding-inline:3px;list-style:none;transition:opacity .25s ease-in-out;display:flex;position:relative}calcite-popover>.root{width:280px;max-height:80vh}.ui-corner calcite-panel>.root.widget.widget--panel{width:unset}.view-width-greater-than-large calcite-popover>.root,.view-width-greater-than-large .ui-corner>.root{width:450px}@container (width<=200px) or (width>=350px){.root .item-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--calcite-spacing-md) var(--calcite-spacing-lg);padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg);display:grid}}`, D = B(_);
+function I(a) {
+  return a.type === "2d" && "view2dType" in a && a.view2dType === "linkchart" && "inGeographicLayout" in a && a.inGeographicLayout === !1;
 }
 const c = {
   // Below this width, items are displayed as a single column and the thumbnail is placed above the title.
@@ -71,16 +71,16 @@ class Y extends x {
     if (!L(i))
       return;
     e.preventDefault();
-    const { items: t, activeBasemapIndex: r } = this.viewModel, a = E(i, this._direction) ? this._getRoundRobinIndex(Math.max(r - 1, -1), t.length) : this._getRoundRobinIndex(r + 1, t.length), n = t.at(a);
+    const { items: t, activeBasemapIndex: r } = this.viewModel, o = E(i, this._direction) ? this._getRoundRobinIndex(Math.max(r - 1, -1), t.length) : this._getRoundRobinIndex(r + 1, t.length), n = t.at(o);
     n?.state === "ready" && (this.viewModel.activeBasemap = n.basemap);
   }
   render() {
     const e = this.source.state === "loading", i = this.disabled || this.state === "disabled", t = this.viewModel.items, r = {
       "source-loading": e,
       [l.disabled]: i
-    }, a = this._width;
-    r["layout-grid"] = a >= c.wide || a <= c.small, r["narrow-items"] = a < c.default;
-    const n = e ? s`<div class="loader"></div>` : null, g = e ? null : t.length > 0 ? s`<div aria-disabled=${this.disabled ?? d} aria-label=${this.label ?? d} class="item-container" @keydown=${this._handleKeyDown} role=radiogroup>${t.map((m, h) => s`<arcgis-basemap-gallery-item .disabled=${i} .item=${m} .itemIndex=${h} .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-basemap-gallery-item>`)}</div>` : s`<div class=${p(l.empty)}>${B({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
+    }, o = this._width;
+    r["layout-grid"] = o >= c.wide || o <= c.small, r["narrow-items"] = o < c.default;
+    const n = e ? s`<div class="loader"></div>` : null, g = e ? null : t.length > 0 ? s`<div aria-disabled=${this.disabled ?? d} aria-label=${this.label ?? d} class="item-container" @keydown=${this._handleKeyDown} role=radiogroup>${t.map((m, h) => s`<arcgis-basemap-gallery-item .disabled=${i} .item=${m} .itemIndex=${h} .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-basemap-gallery-item>`)}</div>` : s`<div class=${p(l.empty)}>${C({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
     return s`<div class=${p(w("root", l.widget, l.panel, r))} style=${k({
       "--esri-basemap-gallery-small": `${c.small}px`
     })}>${[n, g]}</div>`;

package/dist/components/arcgis-building-level-item/customElement.js

@@ -3,7 +3,7 @@ import { c as i } from "../../chunks/runtime.js";
 import { css as o, html as s } from "lit";
 import { LitElement as a, safeStyleMap as e, safeClassMap as n } from "@arcgis/lumina";
 import { createRef as l, ref as c } from "lit/directives/ref.js";
-const h = o`:host .container{border:1px solid transparent;touch-action:none;--fast-transition-time: .1s;--slow-transition-time: .3s}:host(.animate-level),.container,.item,.rect{transition:height var(--slow-transition-time) cubic-bezier(.63,-.265,.48,1.64),width var(--slow-transition-time) cubic-bezier(.63,-.265,.48,1.64),background-color var(--fast-transition-time) ease-in-out,border-color var(--fast-transition-time) ease-in-out}:host,.container,.item,.rect{will-change:height;transition:height var(--fast-transition-time) ease-out,width var(--fast-transition-time) ease-out,background-color var(--fast-transition-time) ease-in-out,border-color var(--fast-transition-time) ease-in-out}.rect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(66deg) rotate(45deg);border:var(--calcite-border-width-md) solid rgb(from var(--arcgis-internal-building-explorer-content-text-color, var(--calcite-color-text-3)) r g b / .5);background-color:rgb(from var(--arcgis-internal-building-explorer-button-background-color, var(--calcite-color-foreground-1)) r g b / .7);&.active{border-color:var(--arcgis-internal-building-explorer-selected-button-background-color);background-color:var(--arcgis-internal-building-explorer-selected-button-background-color)}&.hover{border-color:var(--arcgis-internal-building-explorer-selected-button-background-color)}}.item{pointer-events:none;position:absolute;left:50%;transform:translate(-50%,-50%)}`;
+const h = o`:host .container{border:1px solid transparent;touch-action:none;--fast-transition-time: .1s;--slow-transition-time: .3s}:host(.animate-level),.container,.item,.rect{transition:height var(--slow-transition-time) cubic-bezier(.63,-.265,.48,1.64),width var(--slow-transition-time) cubic-bezier(.63,-.265,.48,1.64),background-color var(--fast-transition-time) ease-in-out,border-color var(--fast-transition-time) ease-in-out}:host,.container,.item,.rect{will-change:height;transition:height var(--fast-transition-time) ease-out,width var(--fast-transition-time) ease-out,background-color var(--fast-transition-time) ease-in-out,border-color var(--fast-transition-time) ease-in-out}.rect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleY(cos(66deg)) rotate(45deg);border:var(--calcite-border-width-md) solid rgb(from var(--arcgis-internal-building-explorer-content-text-color, var(--calcite-color-text-3)) r g b / .5);background-color:rgb(from var(--arcgis-internal-building-explorer-button-background-color, var(--calcite-color-foreground-1)) r g b / .7);&.active{border-color:var(--arcgis-internal-building-explorer-selected-button-background-color);background-color:var(--arcgis-internal-building-explorer-selected-button-background-color)}&.hover{border-color:var(--arcgis-internal-building-explorer-selected-button-background-color)}}.item{pointer-events:none;position:absolute;left:50%;transform:translate(-50%,-50%)}`;
 class d extends a {
   constructor() {
     super(...arguments), this.#t = l(), this.baseWidth = 0, this.hovered = !1, this.active = !1, this.height = 0;

package/dist/components/arcgis-catalog-layer-list-next/customElement.d.ts

@@ -8,7 +8,7 @@ import type { VisibilityAppearance } from "../../utils/action-utils.js";
 import type { setFilterPredicate } from "../../utils/layer-list-utils.js";
 import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
 import type { CatalogLayerListMessageOverrides, CatalogLayerListOptions, FlowLayer, FlowList } from "./types.js";
-import type { TableListProperties } from "@arcgis/core/widgets/TableList.js";
+import type { TableListOptions } from "../arcgis-table-list-next/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { ItemModifier, State } from "@arcgis/core/layerList/types.js";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
@@ -258,7 +258,7 @@ export abstract class ArcgisCatalogLayerListNext extends LitElement {
    */
   accessor hideStatusIndicators: boolean;
   /** @internal */
-  accessor knowledgeGraphOptions: TableListProperties | undefined;
+  accessor knowledgeGraphOptions: TableListOptions | undefined;
   /** The component's default label. */
   accessor label: string | undefined;
   /**
@@ -292,7 +292,7 @@ export abstract class ArcgisCatalogLayerListNext extends LitElement {
    *
    *   // Wait for the layer to load and the item title to become available
    *   await item.layer.when();
-   *   
+   *
    *   // If the item's title matches "US Demographics", customize the list item
    *   if (item.title === "US Demographics") {
    *     // open the list item in the LayerList component

package/dist/components/arcgis-coordinate-conversion-next/customElement.js

@@ -2,7 +2,7 @@
 import { c as y } from "../../chunks/runtime.js";
 import { keyed as k } from "lit/directives/keyed.js";
 import { repeat as C } from "lit/directives/repeat.js";
-import { css as P, nothing as c, html as n } from "lit";
+import { css as P, nothing as s, html as n } from "lit";
 import { createRef as b, ref as p } from "lit/directives/ref.js";
 import { LitElement as S, createEvent as m, safeClassMap as z } from "@arcgis/lumina";
 import { usePropertyChange as M } from "@arcgis/lumina/controllers";
@@ -54,7 +54,7 @@ class B extends S {
       open: !1
     }, this.elevationPopoverOpen = !1, this.formatsPopoverOpen = !1, this.invalidInput = !1, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.conversions = this.viewModel.conversions, this.currentLocation = this.viewModel.currentLocation, this.formats = this.viewModel.formats, this.goToOverride = this.viewModel.goToOverride, this.headingLevel = 4, this.hideCaptureSection = !1, this.hideInputSection = !1, this.hideSettingsButton = !1, this.icon = "coordinate-system", this.label = this.messages.componentLabel, this.locationSymbol = this.viewModel.locationSymbol, this.mode = this.viewModel.mode, this.removeLeadingZeros = this.viewModel.removeLeadingZeros, this.visualScale = "s", this.showElevation = !1, this.state = this.viewModel.state, this.storageType = this.viewModel.storageType, this.arcgisConversionChange = m(), this.arcgisPropertyChange = M()("currentLocation", "state", "mode", "verticalUnit"), this.arcgisReady = m(), this.renderConversionView = (e, o) => {
       const { messages: i } = this, { format: t } = e, r = t?.label ?? "", a = o === 0 && !e.displayCoordinate ? i.noLocation : e.displayCoordinate, d = this._renderConversionActions(e, a);
-      return k(e?.format?.name, n`<calcite-list-item class="conversion-list-item" .description=${r.toUpperCase()} .label=${this.getDisplayCoordinate(a)} .scale=${this.visualScale} title=${a ?? void 0 ?? c}>${d}</calcite-list-item>`);
+      return k(e?.format?.name, n`<calcite-list-item class="conversion-list-item" .description=${r.toUpperCase()} .label=${this.getDisplayCoordinate(a)} .scale=${this.visualScale} title=${a ?? void 0 ?? s}>${d}</calcite-list-item>`);
     }, this.renderLiveModeSection = () => {
       const { messages: e } = this, o = this.mode === "idle" ? this.viewModel.mode : this.mode;
       return n`<calcite-block class="live-mode-block" .disabled=${this.disabled} expanded .headingLevel=${this.headingLevel} .label=${e.captureMode} .scale=${this.visualScale}><calcite-label alignment=end class="live-mode-label" layout=inline .scale=${this.visualScale}>${e.captureMode}<calcite-switch .checked=${o === "capture"} @calciteSwitchChange=${this.toggleMode}></calcite-switch></calcite-label></calcite-block>`;
@@ -164,8 +164,8 @@ class B extends S {
     try {
       const r = await this._reverseConvert(e, o);
       if (r)
-        i && t.goToLocation(r).catch((s) => {
-          w(this)(s), this.showAlertMessage(null, this.messages.locationOffBasemap, "warning");
+        i && t.goToLocation(r).catch((c) => {
+          w(this)(c), this.showAlertMessage(null, this.messages.locationOffBasemap, "warning");
         });
       else
         throw new Error("failed to process user input");
@@ -263,48 +263,48 @@ class B extends S {
     return n`<calcite-alert class="alert" .kind=${r} .label=${e.alertLabel} @calciteAlertClose=${this.clearAlertTimeout} .open=${o} placement=top .scale=${this.visualScale} slot=alerts>${t ? n`<div slot=title>${t}</div>` : null}${i ? n`<div slot=message>${i}</div>` : null}</calcite-alert>`;
   }
   _renderConversionActions(e, o) {
-    const { messages: i } = this, t = this.getConversionPopoverState(e), r = i.settingsTitleWithFormat.replace("{formatName}", e.format?.name?.toUpperCase() ?? ""), s = e.displayCoordinate && this.mode !== "live";
-    return n`<calcite-action-group layout=horizontal .scale=${this.visualScale} slot=actions-end>${s ? n`<calcite-action .icon=${l.copy} .label=${i.copyLabel} @click=${() => this.copyToClipboard(o)} .scale=${this.visualScale} .text=${i.copyLabel} title=${i.copyLabel ?? c}></calcite-action>` : null}${this.hideSettingsButton ? null : n`<calcite-action data-format=${e.format?.name ?? c} .icon=${l.gear} .label=${r} @click=${(a) => this.openConversionSettings(e, a)} .scale=${this.visualScale} .text=${r} title=${r ?? c} ${p(t.triggerRef)}></calcite-action>`}</calcite-action-group>`;
+    const { messages: i } = this, t = this.getConversionPopoverState(e), r = i.settingsTitleWithFormat.replace("{formatName}", e.format?.name?.toUpperCase() ?? ""), c = e.displayCoordinate && this.mode !== "live";
+    return n`<calcite-action-group layout=horizontal .scale=${this.visualScale} slot=actions-end>${c ? n`<calcite-action .icon=${l.copy} .label=${i.copyLabel} @click=${() => this.copyToClipboard(o)} .scale=${this.visualScale} .text=${i.copyLabel} title=${i.copyLabel ?? s}></calcite-action>` : null}${this.hideSettingsButton ? null : n`<calcite-action data-format=${e.format?.name ?? s} .icon=${l.gear} .label=${r} @click=${(a) => this.openConversionSettings(e, a)} .scale=${this.visualScale} .text=${r} title=${r ?? s} ${p(t.triggerRef)}></calcite-action>`}</calcite-action-group>`;
   }
   renderConversionOptions(e, o) {
     return e.map((i) => n`<calcite-option .label=${i.label.toUpperCase()} .selected=${i === o} .value=${i}>${i.label}</calcite-option>`);
   }
   renderConversionPopover() {
-    const { activeConversion: e, messages: o } = this;
-    if (!e)
+    const { activeConversion: e, messages: o } = this, i = e ?? this.conversions?.at(0);
+    if (!i)
       return null;
-    const i = this.getConversionPopoverState(e), t = o.settingsTitleWithFormat.replace("{formatName}", e.format?.name?.toUpperCase() ?? "");
+    const t = this.getConversionPopoverState(i), r = o.settingsTitleWithFormat.replace("{formatName}", i.format?.name?.toUpperCase() ?? "");
     return this.renderPopover({
       class: "conversion-popover",
       content: this.renderSettingsView(),
-      getPopoverOpenProperty: () => i.open,
-      heading: t,
+      getPopoverOpenProperty: () => t.open,
+      heading: r,
       includeFooter: !0,
-      label: t,
-      setPopoverOpenProperty: (r) => {
-        i.open = r, r || (this._conversionPopoverTrigger = void 0, this.activeConversion = void 0), this.requestUpdate();
+      label: r,
+      setPopoverOpenProperty: (c) => {
+        t.open = c, c || (this._conversionPopoverTrigger = void 0, this.activeConversion = void 0), this.requestUpdate();
       },
       trigger: null,
-      triggerElement: i.triggerRef.value ?? this._conversionPopoverTrigger ?? void 0
+      triggerElement: t.triggerRef.value ?? this._conversionPopoverTrigger ?? void 0
     });
   }
   renderConversionsView() {
     if (!this.conversions)
       return;
-    const { messages: e, multipleConversionsDisabled: o } = this, t = (o ? this.conversions.slice(0, 1) : this.conversions).map(this.renderConversionView).reverse(), r = this.showElevation ? this.renderElevation() : null, s = this.hideCaptureSection ? null : this.renderLiveModeSection(), a = this.hideInputSection ? null : this.renderCoordinateInputView(), d = this.multipleConversionsDisabled ? null : this.renderFormatDropdown(), v = this.disabled ? n`<calcite-notice .icon=${l.lightbulb} .open=${this.disabled} width=full><div class="font-size-small" slot=message>${e.noBasemap}</div></calcite-notice>` : null;
-    return n`${s}${v}${a}<calcite-block class="conversions-block" .disabled=${this.disabled} expanded .heading=${e.coordinates} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><calcite-list interaction-mode=static .label=${e.coordinates} .scale=${this.visualScale}>${t}</calcite-list>${d}</calcite-block>${r}`;
+    const { messages: e, multipleConversionsDisabled: o } = this, t = (o ? this.conversions.slice(0, 1) : this.conversions).map(this.renderConversionView).reverse(), r = this.showElevation ? this.renderElevation() : null, c = this.hideCaptureSection ? null : this.renderLiveModeSection(), a = this.hideInputSection ? null : this.renderCoordinateInputView(), d = this.multipleConversionsDisabled ? null : this.renderFormatDropdown(), v = this.disabled ? n`<calcite-notice .icon=${l.lightbulb} .open=${this.disabled} width=full><div class="font-size-small" slot=message>${e.noBasemap}</div></calcite-notice>` : null;
+    return n`${c}${v}${a}<calcite-block class="conversions-block" .disabled=${this.disabled} expanded .heading=${e.coordinates} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><calcite-list interaction-mode=static .label=${e.coordinates} .scale=${this.visualScale}>${t}</calcite-list>${d}</calcite-block>${r}`;
   }
   renderCoordinateInputView() {
-    const { messages: e } = this, o = this.inputFormat ?? this.conversions.at(0)?.format, i = this.getId("coordinate-input"), t = this.renderConversionOptions(this.formats, o ?? void 0), r = n`<calcite-action .icon=${l.goTo} .label=${e.convertAndGoTo} @click=${() => this.processUserMouseInput(!0)} .scale=${this.visualScale} .text=${e.convertAndGoTo} title=${e.convertAndGoTo ?? c}></calcite-action>`;
-    return n`<calcite-block expandable data-testid=input-block .disabled=${this.disabled} .heading=${e.input} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><div class="input-form-group"><calcite-label .scale=${this.visualScale}>${e.inputFormat}<calcite-select aria-controls=${i ?? c} class="input-select" .label=${e.inputFormat} @calciteSelectChange=${this.setInputFormat} .scale=${this.visualScale}>${t}</calcite-select></calcite-label><calcite-label .scale=${this.visualScale}>${e.inputCoordTitle}<div class="go-to-input-holder"><calcite-input class="coordinate-input" data-format=${o ?? c} data-testid=coordinate-input id=${i ?? c} @keydown=${this.processUserKeyboardInput} .placeholder=${e.inputCoordTitle} required .scale=${this.visualScale} .status=${this.invalidInput ? "invalid" : "idle"} ${p(this._coordinateInput)}></calcite-input>${r}</div></calcite-label><calcite-button appearance=outline data-testid=convert-button kind=neutral @click=${() => this.processUserMouseInput(!1)} type=button .scale=${this.visualScale} width=auto>${e.convert}</calcite-button></div></calcite-block>`;
+    const { messages: e } = this, o = this.inputFormat ?? this.conversions.at(0)?.format, i = this.getId("coordinate-input"), t = this.renderConversionOptions(this.formats, o ?? void 0), r = n`<calcite-action .icon=${l.goTo} .label=${e.convertAndGoTo} @click=${() => this.processUserMouseInput(!0)} .scale=${this.visualScale} .text=${e.convertAndGoTo} title=${e.convertAndGoTo ?? s}></calcite-action>`;
+    return n`<calcite-block expandable data-testid=input-block .disabled=${this.disabled} .heading=${e.input} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><div class="input-form-group"><calcite-label .scale=${this.visualScale}>${e.inputFormat}<calcite-select aria-controls=${i ?? s} class="input-select" .label=${e.inputFormat} @calciteSelectChange=${this.setInputFormat} .scale=${this.visualScale}>${t}</calcite-select></calcite-label><calcite-label .scale=${this.visualScale}>${e.inputCoordTitle}<div class="go-to-input-holder"><calcite-input class="coordinate-input" data-format=${o ?? s} data-testid=coordinate-input id=${i ?? s} @keydown=${this.processUserKeyboardInput} .placeholder=${e.inputCoordTitle} required .scale=${this.visualScale} .status=${this.invalidInput ? "invalid" : "idle"} ${p(this._coordinateInput)}></calcite-input>${r}</div></calcite-label><calcite-button appearance=outline data-testid=convert-button kind=neutral @click=${() => this.processUserMouseInput(!1)} type=button .scale=${this.visualScale} width=auto>${e.convert}</calcite-button></div></calcite-block>`;
   }
   renderElevation() {
     const { messages: e } = this, o = this.displayedElevation ?? e.noElevation, i = this.renderElevationActions(), t = this.hideSettingsButton ? null : this.renderElevationSettingsDropdown();
-    return n`<calcite-block .disabled=${this.disabled} expanded .heading=${e.elevation} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><calcite-list interaction-mode=static .label=${e.elevation} .scale=${this.visualScale}><calcite-list-item class="elevation-list-item" .label=${o} .scale=${this.visualScale} title=${o ?? c}>${i}</calcite-list-item></calcite-list>${t}</calcite-block>`;
+    return n`<calcite-block .disabled=${this.disabled} expanded .heading=${e.elevation} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><calcite-list interaction-mode=static .label=${e.elevation} .scale=${this.visualScale}><calcite-list-item class="elevation-list-item" .label=${o} .scale=${this.visualScale} title=${o ?? s}>${i}</calcite-list-item></calcite-list>${t}</calcite-block>`;
   }
   renderElevationActions() {
     const { messages: e } = this, o = this.currentLocation?.z !== void 0 && this.mode !== "live", i = this.displayedElevation ?? e.noElevation;
-    return n`<calcite-action-group layout=horizontal .scale=${this.visualScale} slot=actions-end>${o ? n`<calcite-action .icon=${l.copy} .label=${e.copyElevationLabel} @click=${() => o && this.copyToClipboard(i)} .scale=${this.visualScale} .text=${e.copyElevationLabel} title=${e.copyElevationLabel ?? c}></calcite-action>` : null}${this.hideSettingsButton ? null : n`<calcite-action .icon=${l.gear} .label=${e.selectElevationUnit} .scale=${this.visualScale} .text=${e.selectElevationUnit} title=${e.selectElevationUnit ?? c} ${p(this.onElevationPopoverTriggerMount)}></calcite-action>`}</calcite-action-group>`;
+    return n`<calcite-action-group layout=horizontal .scale=${this.visualScale} slot=actions-end>${o ? n`<calcite-action .icon=${l.copy} .label=${e.copyElevationLabel} @click=${() => o && this.copyToClipboard(i)} .scale=${this.visualScale} .text=${e.copyElevationLabel} title=${e.copyElevationLabel ?? s}></calcite-action>` : null}${this.hideSettingsButton ? null : n`<calcite-action .icon=${l.gear} .label=${e.selectElevationUnit} .scale=${this.visualScale} .text=${e.selectElevationUnit} title=${e.selectElevationUnit ?? s} ${p(this.onElevationPopoverTriggerMount)}></calcite-action>`}</calcite-action-group>`;
   }
   renderElevationSettingsDropdown() {
     const { messages: e } = this, o = n`<arcgis-unit-radio-button-group @arcgisUnitSelectChange=${(i) => this.verticalUnit = i.detail} .options=${U} .name=${e.selectElevationUnit} .scale=${this.visualScale} .value=${this.verticalUnit}></arcgis-unit-radio-button-group>`;
@@ -321,8 +321,8 @@ class B extends S {
   }
   renderFormatDropdown() {
     const { messages: e } = this, o = n`<calcite-list .label=${e.addConversion} .scale=${this.visualScale} selection-mode=multiple>${C(this.formats, (t) => t, (t) => {
-      const r = !!this.conversions.find((a) => a.format === t), s = this.getFormatDescription(t);
-      return n`<calcite-list-item data-format=${t.name ?? c} .description=${s} .disabled=${r && this.conversions.length === 1} .label=${t.label.toUpperCase()} @calciteListItemSelect=${this.toggleConversion} .selected=${r}></calcite-list-item>`;
+      const r = !!this.conversions.find((a) => a.format === t), c = this.getFormatDescription(t);
+      return n`<calcite-list-item data-format=${t.name ?? s} .description=${c} .disabled=${r && this.conversions.length === 1} .label=${t.label.toUpperCase()} @calciteListItemSelect=${this.toggleConversion} .selected=${r}></calcite-list-item>`;
     })}</calcite-list>`, i = n`<calcite-button appearance=outline class="add-conversion-trigger" .iconStart=${l.plus} kind=neutral .label=${e.selectFormats} round .scale=${this.visualScale} ${p(this.onFormatPopoverTriggerMount)}>${e.selectFormats}</calcite-button>`;
     return this.renderPopover({
       content: o,
@@ -334,7 +334,7 @@ class B extends S {
       triggerElement: this._formatsPopoverTrigger
     });
   }
-  renderPopover({ content: e, class: o, closeOnEnter: i, heading: t, getPopoverOpenProperty: r, includeFooter: s, label: a, setPopoverOpenProperty: d, slot: v, trigger: x, triggerDisabled: $, triggerElement: f }) {
+  renderPopover({ content: e, class: o, closeOnEnter: i, heading: t, getPopoverOpenProperty: r, includeFooter: c, label: a, setPopoverOpenProperty: d, slot: v, trigger: x, triggerDisabled: $, triggerElement: f }) {
     const { messages: _ } = this;
     return n`${x}${f ? n`<calcite-popover auto-close class=${z(o)} .heading=${t} .headingLevel=${this.headingLevel} .label=${a} @calcitePopoverBeforeOpen=${() => {
       d(!0);
@@ -342,14 +342,14 @@ class B extends S {
       d(!1), h.stopPropagation();
     }} @keydown=${(h) => {
       i && (h.key === "Enter" || h.key === " ") && d(!1);
-    }} .open=${r()} .referenceElement=${f} .scale=${this.visualScale} slot=${v ?? c} .triggerDisabled=${$}>${e}${s ? n`<div class="popover-footer"><calcite-button appearance=solid class="popover-done-button" kind=brand @click=${() => d(!1)} .scale=${this.visualScale} width=full>${_.done}</calcite-button></div>` : null}</calcite-popover>` : null}`;
+    }} .open=${r()} .referenceElement=${f} .scale=${this.visualScale} slot=${v ?? s} .triggerDisabled=${$}>${e}${c ? n`<div class="popover-footer"><calcite-button appearance=solid class="popover-done-button" kind=brand @click=${() => d(!1)} .scale=${this.visualScale} width=full>${_.done}</calcite-button></div>` : null}</calcite-popover>` : null}`;
   }
   renderSettingsView() {
-    const { messages: e } = this, o = this.findSettingsFormat(), i = this.getId("pattern-input"), t = this.getId("preview-coordinate"), r = o?.currentPattern, s = this.multipleConversionsDisabled ? this.renderSingleFormatDropdown() : null;
+    const { messages: e } = this, o = this.findSettingsFormat(), i = this.getId("pattern-input"), t = this.getId("preview-coordinate"), r = o?.currentPattern, c = this.multipleConversionsDisabled ? this.renderSingleFormatDropdown() : null;
     if (!o || !g(o))
-      return n`<div class="settings"><calcite-label .scale=${this.visualScale}>${e.format}${s ?? n`<calcite-notice class="no-display-properties-notice" .icon=${l.warning} open .scale=${this.visualScale}><div class="font-size-small" slot=message>${e.noDisplayProperties}</div></calcite-notice>`}</calcite-label></div>`;
-    const a = n`<calcite-action .icon=${l.refresh} .label=${e.defaultPattern} @click=${this.setDefaultPattern} .scale=${this.visualScale} .text=${e.defaultPattern} title=${e.defaultPattern ?? c}></calcite-action>`;
-    return n`<div class="settings"><calcite-label .scale=${this.visualScale}>${e.format}${s}</calcite-label><calcite-label .for=${i} .scale=${this.visualScale}>${e.display}<div class="settings-form-group-horizontal"><calcite-input aria-controls=${t ?? c} class="pattern-input" id=${i ?? c} @calciteInputInput=${this.updateCurrentPattern} .scale=${this.visualScale} type=text .value=${r}></calcite-input>${a}</div></calcite-label><calcite-label .scale=${this.visualScale}>${e.preview}<calcite-input read-only .scale=${this.visualScale} type=text .value=${this.previewConversion?.displayCoordinate ?? void 0}></calcite-input></calcite-label></div>`;
+      return n`<div class="settings"><calcite-label .scale=${this.visualScale}>${e.format}${c ?? n`<calcite-notice class="no-display-properties-notice" .icon=${l.warning} open .scale=${this.visualScale}><div class="font-size-small" slot=message>${e.noDisplayProperties}</div></calcite-notice>`}</calcite-label></div>`;
+    const a = n`<calcite-action .icon=${l.refresh} .label=${e.defaultPattern} @click=${this.setDefaultPattern} .scale=${this.visualScale} .text=${e.defaultPattern} title=${e.defaultPattern ?? s}></calcite-action>`;
+    return n`<div class="settings"><calcite-label .scale=${this.visualScale}>${e.format}${c}</calcite-label><calcite-label .for=${i} .scale=${this.visualScale}>${e.display}<div class="settings-form-group-horizontal"><calcite-input aria-controls=${t ?? s} class="pattern-input" id=${i ?? s} @calciteInputInput=${this.updateCurrentPattern} .scale=${this.visualScale} type=text .value=${r}></calcite-input>${a}</div></calcite-label><calcite-label .scale=${this.visualScale}>${e.preview}<calcite-input read-only .scale=${this.visualScale} type=text .value=${this.previewConversion?.displayCoordinate ?? void 0}></calcite-input></calcite-label></div>`;
   }
   renderSingleFormatDropdown() {
     const { messages: e } = this;

package/dist/components/arcgis-direct-line-measurement-3d/customElement.d.ts

@@ -144,7 +144,9 @@ export abstract class ArcgisDirectLineMeasurement3d extends LitElement {
    */
   accessor autoDestroyDisabled: boolean;
   /**
-   * If true, all unit-reset buttons will be hidden. Unit selection dropdowns remain available, but users cannot reset units to their defaults using the UI.
+   * If true, hides all unit-reset buttons. Unit-selection dropdowns remain available.
+   *
+   * Resetting a unit clears the corresponding overrides on the component and its analysis. The component then uses the corresponding value from [ViewOptions.displayUnits](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits), or [ViewOptions.inputUnits](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#inputUnits) for input units, when that option is set and its resolved unit is included in the component's available units. Otherwise, it uses its default unit if available, or the first available unit.
    *
    * @default false
    * @since 5.2
@@ -257,15 +259,18 @@ export abstract class ArcgisDirectLineMeasurement3d extends LitElement {
    *
    * When no unit is explicitly set on the component or its analysis, this property uses the length unit configured in the view through
    * [view.options.displayUnits.length](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits).
+   * If that option is unset or unavailable in [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-direct-line-measurement-3d/#unitOptions),
+   * the component uses its default unit if available, or the first available unit.
    * This property overrides the distance unit on this component's analysis without changing the units configured in the view.
+   * The reset button clears both overrides and resumes this inheritance and fallback behavior.
    */
   accessor unit: SystemOrLengthUnit;
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.
    * By default, the following units are included: `metric`, `imperial`, `inches`, `feet`, `us-feet`, `yards`, `miles`, `nautical-miles`, `meters`, `kilometers`.
-   * If the unit inherited from the view through
+   * When neither the component nor its analysis has an explicit unit, the unit inherited from
    * [view.options.displayUnits.length](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits)
-   * is not listed in [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-direct-line-measurement-3d/#unitOptions), the component checks whether its default unit is listed there.
+   * is used if listed in [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-direct-line-measurement-3d/#unitOptions). Otherwise, the component checks whether its default unit is listed there.
    * If it is, the component uses that default. If neither unit is listed, it uses the first entry in
    * [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-direct-line-measurement-3d/#unitOptions).
    */

package/dist/components/arcgis-distance-measurement-2d/customElement.d.ts

@@ -107,7 +107,9 @@ export abstract class ArcgisDistanceMeasurement2d extends LitElement {
    */
   accessor autoDestroyDisabled: boolean;
   /**
-   * If true, all unit-reset buttons will be hidden. Unit selection dropdowns remain available, but users cannot reset units to their defaults using the UI.
+   * If true, hides all unit-reset buttons. Unit-selection dropdowns remain available.
+   *
+   * Resetting a unit clears the corresponding overrides on the component and its analysis. The component then uses the corresponding value from [ViewOptions.displayUnits](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits), or [ViewOptions.inputUnits](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#inputUnits) for input units, when that option is set and its resolved unit is included in the component's available units. Otherwise, it uses its default unit if available, or the first available unit.
    *
    * @default false
    * @since 5.2
@@ -235,15 +237,18 @@ export abstract class ArcgisDistanceMeasurement2d extends LitElement {
    *
    * When no unit is explicitly set on the component or its analysis, this property uses the length unit configured in the view through
    * [view.options.displayUnits.length](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits).
+   * If that option is unset or unavailable in [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-distance-measurement-2d/#unitOptions),
+   * the component uses its default unit if available, or the first available unit.
    * This property overrides the distance unit on this component's analysis without changing the units configured in the view.
+   * The reset button clears both overrides and resumes this inheritance and fallback behavior.
    */
   accessor unit: SystemOrLengthUnit;
   /**
    * List of available units and unit systems (imperial, metric) that are shown in the component's dropdown.
    * By default, the following units are included: `metric`, `imperial`, `inches`, `feet`, `us-feet`, `yards`, `miles`, `nautical-miles`, `meters`, `kilometers`.
-   * If the unit inherited from the view through
+   * When neither the component nor its analysis has an explicit unit, the unit inherited from
    * [view.options.displayUnits.length](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/#displayUnits)
-   * is not listed in [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-distance-measurement-2d/#unitOptions), the component checks whether its default unit is listed there.
+   * is used if listed in [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-distance-measurement-2d/#unitOptions). Otherwise, the component checks whether its default unit is listed there.
    * If it is, the component uses that default. If neither unit is listed, it uses the first entry in
    * [unitOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-distance-measurement-2d/#unitOptions).
    */