@arcgis/map-components 5.0.0-next.74 → 5.0.0-next.76

package/dist/components/arcgis-histogram-range-slider/customElement.js

@@ -6,7 +6,7 @@ import { m as a } from "../../chunks/useWidget.js";
 import { css as l } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.74 */
+v5.0.0-next.76 */
 const n = l`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}.esri-histogram-range-slider{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.esri-histogram-range-slider .esri-slider .esri-slider__label{display:none;top:24px}.esri-histogram-range-slider .esri-slider__anchor--moving .esri-slider__label{display:inline}.esri-histogram-range-slider .esri-slider{font-size:var(--calcite-font-size-sm)}.esri-histogram-range-slider .esri-slider__content{flex-direction:column-reverse;display:flex}.esri-histogram-range-slider .esri-slider__max{text-align:right;position:absolute;bottom:0;right:0}.esri-histogram-range-slider .esri-slider__max .esri-slider__range-input{float:right;text-align:right}.esri-histogram-range-slider .esri-slider__min{text-align:left;position:absolute;bottom:0;left:0}.esri-histogram-range-slider .esri-slider__min .esri-slider__range-input{text-align:left}.esri-histogram-range-slider .esri-slider--horizontal .esri-slider__max,.esri-histogram-range-slider .esri-slider--horizontal .esri-slider__min{min-width:50%;display:inline}.esri-histogram-range-slider .esri-histogram{align-self:flex-end;display:flex}.esri-histogram-range-slider .esri-histogram__bar{touch-action:none}.esri-histogram-range-slider__slider-container{align-self:flex-end;width:100%;margin-bottom:var(--calcite-font-size-xxl)}.esri-histogram-range-slider__histogram-container{flex-grow:1;width:100%;height:100%;min-height:0;display:flex}.esri-histogram-range-slider__range-type--less-than .esri-slider__segment-0,.esri-histogram-range-slider__range-type--at-most .esri-slider__segment-0,.esri-histogram-range-slider__range-type--greater-than .esri-slider__segment-1,.esri-histogram-range-slider__range-type--at-least .esri-slider__segment-1,.esri-histogram-range-slider__range-type--between .esri-slider__segment-1,.esri-histogram-range-slider__range-type--not-between .esri-slider__segment-1{background-color:var(--calcite-color-brand)}`, d = a(t);
 class c extends s {
   constructor() {

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

@@ -31,7 +31,7 @@ export declare class ArcgisHome extends LitElement {
      * The view associated with the component.
      *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Home component will be associated with a map or scene component rather than using the `view` property.
      */
-    view?: nullish | __esri.MapView | __esri.SceneView;
+    view?: import('@arcgis/core/views/MapViewOrSceneView').MapViewOrSceneView | null | undefined;
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
@@ -47,9 +47,20 @@ export declare class ArcgisHome extends LitElement {
      * [MapView goTo()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#goTo) or
      * [SceneView goTo()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#goTo) methods.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Home-HomeViewModel.html#goToOverride)
+     * @since 4.8
+     * @see [MapView#goTo()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#goTo)
+     * @see [SceneView#goTo()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#goTo)
+     * @example
+     * // The following snippet uses Search but can be applied to any
+     * // widgets that support the goToOverride property.
+     * search.goToOverride = function(view, goToParams) {
+     *   goToParams.options = {
+     *     duration: updatedDuration
+     *   };
+     *   return view.goTo(goToParams.target, goToParams.options);
+     * };
      */
-    goToOverride: nullish | __esri.GoToOverride;
+    goToOverride: import('@arcgis/core/widgets/support/goToUtils').GoToOverride | null | undefined;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
@@ -79,7 +90,7 @@ export declare class ArcgisHome extends LitElement {
      *
      * @default "disabled"
      */
-    readonly state: "ready" | "disabled" | "going-home";
+    state: import('@arcgis/core/widgets/Home/HomeViewModel.js').HomeViewModelState;
     /**
      * The [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html)
      * to go to when going "home".
@@ -88,7 +99,6 @@ export declare class ArcgisHome extends LitElement {
      * If no referenceElement is provided, the value is `null`.
      * Once the referenceElement is ready, the initial viewpoint value is the user-defined [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html).
      *
-     * @default null
      * @example
      *  ```js
      * // Create viewpoint centered on extent of a polygon geometry
@@ -100,8 +110,16 @@ export declare class ArcgisHome extends LitElement {
      * // Sets the Home's viewpoint to that Viewpoint
      * home.viewpoint = vp;
      * ```
+     * @example
+     * // Creates a viewpoint centered on the extent of a polygon geometry
+     * let vp = new Viewpoint({
+     *   targetGeometry: geom.extent
+     * });
+     *
+     * // Sets the model's viewpoint to the Viewpoint based on a polygon geometry
+     * home.ViewModel.viewpoint = vp;
      */
-    viewpoint: __esri.Viewpoint | nullish;
+    viewpoint: import('@arcgis/core/Viewpoint').default | null | undefined;
     /**
      * This function provides the ability to interrupt and cancel the process
      * of navigating back to the initial extent.
@@ -124,7 +142,7 @@ export declare class ArcgisHome extends LitElement {
      * });
      * ```
      */
-    readonly arcgisGo: TargetedEvent<this, __esri.HomeViewModelGoEvent>;
+    readonly arcgisGo: TargetedEvent<this, void>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";

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

@@ -9,7 +9,7 @@ import { u as p } from "../../chunks/useT9n.js";
 import { m as w } from "../../chunks/useViewModel.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.74 */
+v5.0.0-next.76 */
 const b = r`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}`, f = "home", s = {
   base: f,
   button: "arcgis-button"

package/dist/components/arcgis-labeled-switch/customElement.js

@@ -5,7 +5,7 @@ import { keyed as b } from "lit/directives/keyed.js";
 import { LitElement as g, createEvent as m, safeClassMap as c } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.74 */
+v5.0.0-next.76 */
 const f = p`.label{--calcite-label-margin-bottom: 0}.label-content{display:flex;flex:1;gap:var(--calcite-spacing-sm);align-items:center;text-wrap:balance}.label-content>div{flex-grow:1}.icon{margin-top:-1px;&.info{color:var(--calcite-color-status-info)}&.warning{color:var(--calcite-color-status-warning)}}.tooltip{text-wrap:wrap}`, e = {
   label: "label",
   labelContent: "label-content",

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

@@ -5,9 +5,9 @@ import { default as LayerList } from '@arcgis/core/widgets/LayerList.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useLayerListWidget: (component: LitElement & Pick<LayerList, "label" | "viewModel" | "icon" | "headingLevel" | "collapsed" | "dragEnabled" | "filterPlaceholder" | "filterPredicate" | "filterText" | "selectionMode" | "catalogOptions" | "minFilterItems" | "selectedItems" | "visibilityAppearance" | "listItemCreatedFunction" | "knowledgeGraphOptions" | "minDragEnabledItems"> & {
+declare const useLayerListWidget: (component: LitElement & Pick<LayerList, "label" | "viewModel" | "icon" | "headingLevel" | "collapsed" | "dragEnabled" | "filterPlaceholder" | "filterPredicate" | "filterText" | "selectionMode" | "catalogOptions" | "minFilterItems" | "selectedItems" | "visibilityAppearance" | "listItemCreatedFunction" | "knowledgeGraphOptions" | "minDragEnabledItems" | "operationalItems"> & {
     state?: unknown;
-    viewModel?: __esri.LayerListViewModel | undefined;
+    viewModel?: import('@arcgis/core/widgets/LayerList/LayerListViewModel').default | undefined;
     closed?: boolean;
     icon: import('@arcgis/toolkit/type').nil | string;
     label: import('@arcgis/toolkit/type').nil | string;
@@ -43,10 +43,8 @@ export declare class ArcgisLayerList extends LitElement {
     /**
      * The view associated with the component.
      *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Layer List component will be associated with a map or scene component rather than using the `view` property.
-     *
-     * @default null
      */
-    view?: nullish | __esri.MapView | __esri.SceneView;
+    view?: import('@arcgis/core/views/MapViewOrSceneView').MapViewOrSceneView | null | undefined;
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
@@ -61,10 +59,36 @@ export declare class ArcgisLayerList extends LitElement {
     get catalogLayerList(): __esri.CatalogLayerList | nullish;
     /**
      * [CatalogLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CatalogLayer.html) specific properties.
+     * Catalog layers will display their [CatalogLayer#dynamicGroupLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-CatalogLayer.html#dynamicGroupLayer) as an expandable [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList) in the LayerList widget.
+     * This list item will only be displayed when catalog layers with dynamic group layers are loaded in the map.
+     * These are the properties that are used to configure the [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList).
      *
-     * @default null
+     * @since 4.30
+     * @see [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList)
+     * @example
+     * const layerList = new LayerList({
+     *   catalogOptions: {
+     *     listItemCreatedFunction: (event) => {
+     *       const { item } = event;
+     *       item.actionsSections = [
+     *         [
+     *           {
+     *             title: "Add layer to map",
+     *             icon: "add-layer",
+     *             id: "add-layer"
+     *           }
+     *         ]
+     *       ];
+     *     },
+     *     selectionMode: "single",
+     *     visibleElements: {
+     *       filter: true
+     *     }
+     *   },
+     *   view,
+     * });
      */
-    catalogOptions: nullish | __esri.LayerListCatalogOptions;
+    catalogOptions: import('@arcgis/core/widgets/CatalogLayerList').CatalogLayerListProperties | null | undefined;
     /**
      * Indicates whether a component is closed. When `true`, the component will be hidden.
      *
@@ -74,93 +98,215 @@ export declare class ArcgisLayerList extends LitElement {
     closed: boolean;
     /**
      * Indicates whether the widget is collapsed.
+     * When collapsed, only the collapse button and heading are displayed.
      *
      * @default false
+     * @since 4.29
+     * @see [visibleElements.collapseButton](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#visibleElements)
+     * @example layerList.collapsed = true;
      */
     collapsed: boolean;
     /**
      * Indicates whether [list items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html) may be reordered within the list by dragging and dropping.
+     * MapImageLayer [MapImageLayer#sublayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-MapImageLayer.html#sublayers) can be reordered only within their parent MapImageLayer and can not be dragged out as a separate layer.
+     * Drag won't be enabled until the number of list items is equal to or greater than than the value set set in [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#minDragEnabledItems).
      *
      * @default false
+     * @since 4.29
+     * @see [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#minDragEnabledItems)
+     * @example layerList.dragEnabled = true;
      */
     dragEnabled: boolean;
     /**
      * Placeholder text used in the filter input if [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#visibleElements) is true.
      *
      * @default ""
+     * @since 4.29
+     * @see [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#visibleElements)
+     * @example layerList.filterPlaceholder = "Filter layers";
      */
     filterPlaceholder: string;
     /**
      * Specifies a function to handle filtering [list items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html).
      *
-     * @default null
+     * @since 4.32
+     * @example layerList.filterPredicate = (item) => item.title.toLowerCase().includes("streets");
      */
-    filterPredicate: nullish | __esri.LayerListFilterPredicate;
+    filterPredicate: import('@arcgis/core/widgets/LayerList/interfaces').FilterPredicate | null | undefined;
     /**
      * The value of the filter input if [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#visibleElements) is true.
      *
      * @default ""
+     * @since 4.29
+     * @see [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#visibleElements)
+     * @example
+     * reactiveUtils.watch(
+     *   () => layerList.filterText,
+     *   (filterText) => console.log(filterText)
+     * );
      */
     filterText: string;
     /**
      * Indicates the heading level to use for the heading of the widget.
+     * By default, the heading is rendered as a level 2 heading (e.g., `<h2>Layer List</h2>`).
+     * Depending on the widget's placement in your app, you may need to adjust this heading for proper semantics.
+     * This is important for meeting accessibility standards.
      *
      * @default 2
+     * @since 4.29
+     * @see [visibleElements.heading](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#visibleElements)
+     * @example layerList.headingLevel = 3;
+     */
+    headingLevel: import('@arcgis/core/widgets/support/Heading').HeadingLevel;
+    /**
+     * **Since 4.30** Indicates whether to display the [LayerList#catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList).
+     *
+     * @default true
      */
-    headingLevel: number;
-    /** @default false */
     hideCatalogLayerList: boolean;
-    /** @default false */
+    /**
+     * **Since 4.29** Determines whether the widget should be shown within its built-in [flow component](https://developers.arcgis.com/calcite-design-system/components/flow/) or if the flow component should be excluded. The widget will be displayed within its original flow component if set to `true`. The flow component will be omitted from the widget if set to `false`. To place the widget into an existing Calcite flow component, set this property to `false`.
+     *
+     * @default true
+     */
     hideFlow: boolean;
-    /** @default false */
+    /**
+     * Indicates whether the status indicators will be displayed.
+     *
+     * @default true
+     */
     hideStatusIndicators: boolean;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      *
      * @default "layers"
+     * @since 4.27
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      */
     icon: string;
     /**
      * [KnowledgeGraphLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-KnowledgeGraphLayer.html) specific properties.
+     * Knowledge graph layers will display sublayer [KnowledgeGraphLayer#tables](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-KnowledgeGraphLayer.html#tables)
+     * as an expandable [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList) in the LayerList widget.
+     * This tables list item will only be displayed when knowledge graph layers with tables are loaded in the map.
+     * These are the properties that are used to configure the [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList).
      *
-     * @default null
+     * @since 4.30
+     * @see [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList)
+     * @example
+     * layerList.knowledgeGraphOptions = {
+     *   filterPlaceholder: "Filter tables",
+     *   listItemCreatedFunction: (event) => {
+     *     const { item } = event;
+     *     item.actionsSections = [
+     *       [
+     *         {
+     *           icon: "table",
+     *           id: "open-table",
+     *           title: "Show table"
+     *         },
+     *         {
+     *           icon: "information",
+     *           id: "information",
+     *           title: "Show information"
+     *         }
+     *       ]
+     *     ];
+     *   },
+     *   minFilterItems: 1,
+     *   visibleElements: {
+     *     errors: true,
+     *     filter: true,
+     *     statusIndicators: true
+     *   }
+     * }
      */
-    knowledgeGraphOptions: nullish | __esri.LayerListKnowledgeGraphOptions;
+    knowledgeGraphOptions: import('@arcgis/core/widgets/TableList').TableListProperties | null | undefined;
     /**
      * The widget's default label.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#label)
+     * @since 4.7
      */
     label: string;
     /**
      * A function that executes each time a [ListItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html) is created.
+     * Use this function to add actions and panels to list items, and to override
+     * the default settings of a list item. Actions can be added to list items
+     * using the [ListItem#actionsSections](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html#actionsSections)
+     * property of the ListItem.
+     *
+     * @since 4.4
+     * @see [Sample - LayerList widget with actions](https://developers.arcgis.com/javascript/latest/sample-code/widgets-layerlist-actions/)
+     * @example
+     * let layerList = new LayerList({
+     *   view: view,
+     *   // executes for each ListItem in the LayerList
+     *   listItemCreatedFunction: async function (event) {
      *
-     * @default null
+     *     // The event object contains properties of the
+     *     // layer in the LayerList widget.
+     *
+     *     let item = event.item;
+     *
+     *     // Wait for the layer to load and the item title to become available
+     *     await item.layer.when();
+     *
+     *     if (item.title === "US Demographics") {
+     *       // open the list item in the LayerList
+     *       item.open = true;
+     *       // change the title to something more descriptive
+     *       item.title = "Population by county";
+     *       // set an action for zooming to the full extent of the layer
+     *       item.actionsSections = [[{
+     *         title: "Go to full extent",
+     *         className: "esri-icon-zoom-out-fixed",
+     *         id: "full-extent"
+     *       }]];
+     *     }
+     *   }
+     * });
      */
-    listItemCreatedFunction: nullish | __esri.LayerListListItemCreatedHandler;
+    listItemCreatedFunction: import('@arcgis/core/widgets/LayerList/interfaces').ListItemModifier | null | undefined;
     /**
      * The minimum number of list items required to enable drag and drop reordering with [dragEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#dragEnabled).
      *
      * @default 2
+     * @since 4.29
+     * @see [dragEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#dragEnabled)
+     * @example
+     * layerList.dragEnabled = true;
+     * layerList.minDragEnabledItems = 5;
      */
     minDragEnabledItems: number;
     /**
-     * The minimum number of list items required to display the visibleElements.filter input box.
+     * The minimum number of list items required to display the [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-LayerListVisibleElements.html) input box.
      *
      * @default 10
+     * @since 4.29
+     * @see [visibleElements.filter](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-LayerListVisibleElements.html)
+     * @example
+     * layerList.visibleElements.filter = true;
+     * layerList.minFilterItems = 5;
      */
     minFilterItems: number;
     /**
      * A collection of [Layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html)s that are opened
      * in a [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList) or [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList) flow item.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#openedLayers)
+     * This property is useful for backing out of the catalog layer list or table list
+     * programmatically to the parent layer list.
      *
      * @default []
+     * @since 4.31
+     * @see [catalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#catalogLayerList)
+     * @see [tableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#tableList)
+     * @example
+     * // back out of the catalog layer list to the main layer list
+     * layerList.openedLayers.pop();
      */
-    readonly openedLayers: __esri.Collection<__esri.Layer>;
+    openedLayers: import('@arcgis/core/core/Collection').default<import('@arcgis/core/widgets/LayerList.js').FlowLayer>;
     /** A collection of ListItems representing operational layers. */
     get operationalItems(): __esri.Collection<__esri.ListItem>;
     /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead. */
@@ -175,41 +321,83 @@ export declare class ArcgisLayerList extends LitElement {
      * A collection of selected [ListItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html)s representing operational layers
      * selected by the user.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#selectedItems)
+     * @see [selectionMode](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#selectionMode)
      */
-    selectedItems: __esri.Collection<__esri.ListItem>;
+    selectedItems: import('@arcgis/core/core/Collection').default<import('@arcgis/core/widgets/LayerList/ListItem').default>;
     /**
      * Specifies the selection mode.
+     * Selected items are available in the [selectedItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#selectedItems) property.
+     *
+     * | Value | Description |
+     * | ----- | ----------- |
+     * | multiple | Allows any number of items to be selected at once. This is useful when you want to apply an operation to multiple items at the same time. |
+     * | none | Disables selection. Use this when you want to prevent selecting items. |
+     * | single | Allows only one item to be selected at a time. If another item is selected, the previous selection is cleared. This is useful when you want to ensure that a maximum of one item is selected at a time. |
+     * | single-persist | Allows only one item to be selected at a time and prevents de-selection. Once an item is selected, it remains selected until another item is selected. This is useful when you want to ensure that there is always exactly one selected item. |
      *
      * @default "none"
+     * @since 4.29
+     * @see [selectedItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#selectedItems)
+     * @example layerList.selectionMode = "multiple";
      */
     selectionMode: "multiple" | "single" | "none" | "single-persist";
-    /** @default false */
+    /**
+     * **Since 4.29** Indicates whether to display a close button in the header.
+     *
+     * @default false
+     */
     showCloseButton: boolean;
-    /** @default false */
+    /**
+     * **Since 4.29** Indicates whether to display a collapse button in the header.
+     *
+     * @default false
+     */
     showCollapseButton: boolean;
-    /** @default false */
+    /**
+     * **Since 4.25** Indicates whether to display layers with load errors.
+     *
+     * @default false
+     */
     showErrors: boolean;
-    /** @default false */
+    /**
+     * **Since 4.29** Indicates whether to display a filter input box when then number of list items is equal to or greater than the value set in [LayerList#minFilterItems](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#minFilterItems), allowing users to filter layers by their title.
+     *
+     * @default false
+     */
     showFilter: boolean;
-    /** @default false */
+    /**
+     * **Since 4.29** Indicates whether to display the widget heading. The heading text is "Layer List". The heading level can be set with the [LayerList#headingLevel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html#headingLevel).
+     *
+     * @default false
+     */
     showHeading: boolean;
-    /** @default false */
+    /**
+     * **Since 4.29** Indicates whether temporary layer indicators will be displayed for layers with [Layer#persistenceEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html#persistenceEnabled) set to `false`. A [temporary icon](https://developers.arcgis.com/calcite-design-system/icons/?icon=temporary&library=Calcite%20UI&query=temporary) will be displayed on the near side of the layer title.
+     *
+     * @default false
+     */
     showTemporaryLayerIndicators: boolean;
     /**
      * The current state of the component.
      *
      * @default "disabled"
      */
-    readonly state: "ready" | "disabled" | "loading";
+    state: import('@arcgis/core/widgets/LayerList/interfaces').State;
     /** The TableList that displays the tables associated with a KnowledgeGraphLayer. */
     get tableList(): __esri.TableList | nullish;
     /**
      * Determines the icons used to indicate visibility.
      *
+     * | Value | Description | Example |
+     * | ----- | ----------- | ------- |
+     * | default | Displays view icons on the far side. Icons are hidden except on hover or if they have keyboard focus. See [view-visible](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-visible&library=Calcite%20UI&query=view) and [view-hide](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-hide&library=Calcite%20UI&query=view) calcite icons. | ![visibilityAppearance-default](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/layer-list/visibilityAppearance-default.png) |
+     * | checkbox | Displays checkbox icons on the near side. See [check-square-f](https://developers.arcgis.com/calcite-design-system/icons/?icon=check-square-f&library=Calcite%20UI&query=check) and [square](https://developers.arcgis.com/calcite-design-system/icons/?icon=square&library=Calcite%20UI&query=square) calcite icons. | ![visibilityAppearance-checkbox](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/layer-list/visibilityAppearance-checkbox.png) |
+     *
      * @default "default"
+     * @since 4.29
+     * @example layerList.visibilityAppearance = "checkbox";
      */
-    visibilityAppearance: "checkbox" | "default";
+    visibilityAppearance: import('@arcgis/core/widgets/LayerList/interfaces').VisibilityAppearance;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
     /**
@@ -224,6 +412,6 @@ export declare class ArcgisLayerList extends LitElement {
     /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     /** Emitted when an action is triggered on the component. */
-    readonly arcgisTriggerAction: TargetedEvent<this, __esri.LayerListTriggerActionEvent>;
+    readonly arcgisTriggerAction: TargetedEvent<this, import('@arcgis/core/widgets/LayerList/LayerListViewModel').LayerListViewModelTriggerActionEvent>;
 }
 export {};

package/dist/components/arcgis-layer-list/customElement.js

@@ -8,7 +8,7 @@ import { s as d } from "../../chunks/layer-list.js";
 import { c as n } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.74 */
+v5.0.0-next.76 */
 const g = h(r);
 class c extends o {
   constructor() {

package/dist/components/arcgis-layer-list-item/customElement.js

@@ -10,7 +10,7 @@ import { s as E } from "../../chunks/layer-list.js";
 import { u as x } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.74 */
+v5.0.0-next.76 */
 const D = {
   hideChildren: "hide-children"
 };

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

@@ -92,7 +92,7 @@ export declare class ArcgisLegend extends LitElement {
      * The view associated with the component.
      *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Legend component will be associated with a map or scene component rather than using the `view` property.
      */
-    view?: nullish | __esri.MapView | __esri.SceneView;
+    view?: import('@arcgis/core/views/MapViewOrSceneView').MapViewOrSceneView | import('@arcgis/core/views/LinkChartView').default | null | undefined;
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
      *
@@ -116,7 +116,7 @@ export declare class ArcgisLegend extends LitElement {
      *
      * @autocast { "value": "Object[]", "typedCollection": true }
      */
-    activeLayerInfos: __esri.Collection<__esri.ActiveLayerInfo>;
+    activeLayerInfos: import('@arcgis/core/core/Collection').default<import('@arcgis/core/widgets/Legend/support/ActiveLayerInfo').default>;
     /**
      * Indicates whether to show the [Basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html) layers in the Legend. If you set this property to
      * `true` and specify [layerInfos](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend/#layerInfos) that include the basemap layers, the basemap will be displayed in the legend.
@@ -132,6 +132,7 @@ export declare class ArcgisLegend extends LitElement {
      * legend.layerInfos = [{ layer: basemapLayer }];
      * legend.basemapLegendVisible = true;
      * ```
+     * @example legend.viewModel.basemapLegendVisible = true;
      */
     basemapLegendVisible: boolean;
     /**
@@ -171,6 +172,12 @@ export declare class ArcgisLegend extends LitElement {
      * ```js
      * document.querySelector("arcgis-legend").hideLayersNotInCurrentView = true;
      * ```
+     * @since 4.21
+     * @see [respectLayerVisibility](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-LegendViewModel.html#respectLayerVisibility)
+     * @example
+     * // layers not displayed in the view
+     * // will not be shown in the legend
+     * legend.viewModel.hideLayersNotInCurrentView = true;
      */
     hideLayersNotInCurrentView: boolean;
     /**
@@ -191,6 +198,7 @@ export declare class ArcgisLegend extends LitElement {
      * ```js
      * document.querySelector("arcgis-legend").respectLayerDefinitionExpression = true;
      * ```
+     * @see [FeatureLayer#definitionExpression](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#definitionExpression)
      */
     respectLayerDefinitionExpression: boolean;
     /**
@@ -274,7 +282,7 @@ export declare class ArcgisLegend extends LitElement {
      * });
      * ```
      */
-    layerInfos: __esri.LegendViewModelLayerInfo[];
+    layerInfos: import('@arcgis/core/widgets/interfaces').LayerInfo[];
     /**
      * Indicates whether the legend is currently loading.
      *
@@ -355,7 +363,7 @@ export declare class ArcgisLegend extends LitElement {
      *
      * @default "disabled"
      */
-    readonly state: "ready" | "disabled";
+    state: import('@arcgis/core/widgets/Legend/LegendViewModel.js').LegendViewModelState;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */