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

package/dist/components/arcgis-print-template-selector/customElement.js

@@ -2,13 +2,13 @@ import { c as $ } from "../../chunks/runtime.js";
 import { html as i } from "lit-html";
 import { keyed as u } from "lit-html/directives/keyed.js";
 import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as w, safeClassMap as s, nothing as f } from "@arcgis/lumina";
-import { i as m, r as v, g as T, a as _, b } from "../../chunks/utils.js";
+import { LitElement as v, safeClassMap as s, nothing as f } from "@arcgis/lumina";
+import { i as d, r as w, g as _, a as T, b } from "../../chunks/utils.js";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 import { u as L } from "../../chunks/useHandles.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
+v4.33.0-next.135 */
 const S = y`.arcgis-print__template-select-flow-item-container{display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden;flex-grow:1}.arcgis-print__template-select-flow-item-container .arcgis-print__template-select-flow-item-content{display:flex;flex-direction:column;overflow-y:auto;flex:1 0}.arcgis-print__template-select-flow-item-container .arcgis-print__template-select-flow-item-content .arcgis-print__template-select-flow-item-list-heading{display:flex;gap:var(--calcite-spacing-xs);align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);background-color:var(--calcite-color-foreground-2);border-bottom:1px solid var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-semibold)}.arcgis-print__template-button-container{padding:var(--calcite-spacing-md)}.arcgis-print__template-done-button{width:100%}`, o = "arcgis-print", a = {
   templateSelectError: `${o}__template-select-error`,
   templateButtonContainer: `${o}__template-button-container`,
@@ -19,9 +19,9 @@ const S = y`.arcgis-print__template-select-flow-item-container{display:flex;flex
   browseTemplateButtonContainer: `${o}__browse-template-button-container`,
   browseTemplateButtonContainerFilter: `${o}__browse-template-button-container-filter`
 };
-class M extends w {
+class M extends v {
   constructor() {
-    super(...arguments), this._handles = L("disconnect"), this._selectedTemplate = null, this.browseTemplateButtonOnClick = null;
+    super(...arguments), this._handles = L("disconnect");
   }
   static {
     this.properties = { _selectedTemplate: 16, excludeOrganizationTemplates: 5, browseTemplateButtonOnClick: 0, viewModel: 0, messages: 0, hideTemplateSelector: 0 };
@@ -32,27 +32,27 @@ class M extends w {
   loaded() {
     this.manager.onLifecycle(() => [
       h(() => this.viewModel.templateOptions.id, (e) => {
-        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) : null, this._handles.addHandles(h(() => this._selectedTemplate?.state, () => this.requestUpdate(), { initial: !0 }), "template-handle");
+        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) ?? void 0 : void 0, this._handles.addHandles(h(() => this._selectedTemplate?.state, () => this.requestUpdate(), { initial: !0 }), "template-handle");
       }, { initial: !0 })
     ]);
   }
   _getPortalTemplates() {
     const { portalTemplateIds: e } = this.viewModel;
-    return this.viewModel.includeDefaultTemplates && !this.excludeOrganizationTemplates ? this.viewModel.defaultTemplates.toArray().filter(({ layout: n, layoutItem: l }) => !m(n) && !!l?.id && e.includes(l.id)) : [];
+    return this.viewModel.includeDefaultTemplates && !this.excludeOrganizationTemplates ? this.viewModel.defaultTemplates.toArray().filter(({ layout: n, layoutItem: l }) => !d(n) && !!l?.id && e.includes(l.id)) : [];
   }
   _getDefaultTemplates() {
     const { portalTemplateIds: e } = this.viewModel;
-    return this.viewModel.includeDefaultTemplates ? this.viewModel.defaultTemplates.toArray().filter(({ layout: n, layoutItem: l }) => !m(n) && (!l?.id || !e.includes(l.id))) : [];
+    return this.viewModel.includeDefaultTemplates ? this.viewModel.defaultTemplates.toArray().filter(({ layout: n, layoutItem: l }) => !d(n) && (!l?.id || !e.includes(l.id))) : [];
   }
   _getPrintServiceTemplates() {
-    return !this.viewModel.includeDefaultTemplates || !this._getDefaultTemplates().length ? this.viewModel.printServiceTemplates.toArray().filter(({ layout: e }) => !m(e)) : [];
+    return !this.viewModel.includeDefaultTemplates || !this._getDefaultTemplates().length ? this.viewModel.printServiceTemplates.toArray().filter(({ layout: e }) => !d(e)) : [];
   }
   render() {
-    const { messages: e } = this, n = v.test(this.viewModel.portal?.url), l = this.viewModel.browseTemplates.toArray(), t = this._getPortalTemplates(), c = this._getDefaultTemplates(), p = this._getPrintServiceTemplates(), r = l.length + t.length + c.length + p.length > 15, d = this.browseTemplateButtonOnClick ? i`<calcite-button appearance=outline class=${s(r ? a.browseTemplateButtonContainerFilter : a.browseTemplateButtonContainer)} icon-start=folder @click=${this.browseTemplateButtonOnClick} .slot=${r ? "filter-actions-end" : "default"}>${r ? null : e.browseTemplates}</calcite-button>` : null;
-    return i`<div class=${s(a.templateSelectFlowItemContainer)}><div class=${s(a.templateSelectFlowItemContent)}>${r ? null : d}${u("template-list", i`<calcite-list .filterEnabled=${r} .filterProps=${["label"]} .label=${e.templateList} selection-mode=single-persist @calciteListChange=${({ currentTarget: g }) => this.viewModel.applyTemplate(g.selectedItems[0]?.value)}>${r ? d : null}${l.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.myTemplates}${n ? i`<calcite-chip appearance=outline kind=neutral .label=${e.beta} scale=s>${e.beta}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(l, !0, !0)}</div>` : null}${t.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.organizationTemplates}${n ? i`<calcite-chip appearance=outline kind=neutral .label=${e.beta} scale=s>${e.beta}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(t)}</div>` : null}${l.length || t.length ? c.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.defaultTemplates}</div>${this._renderLayoutTemplates(c, !0)}</div>` : null : this._renderLayoutTemplates(c, !0)}${l.length || t.length ? p.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.defaultTemplates}</div>${this._renderLayoutTemplates(p)}</div>` : null : this._renderLayoutTemplates(p)}</calcite-list>`)}</div><div class=${s(a.templateButtonContainer)}><calcite-button class=${s(a.templateDoneButton)} @click=${this.hideTemplateSelector}>Done</calcite-button></div></div>`;
+    const { messages: e } = this, n = w.test(this.viewModel.portal?.url), l = this.viewModel.browseTemplates.toArray(), t = this._getPortalTemplates(), c = this._getDefaultTemplates(), p = this._getPrintServiceTemplates(), r = l.length + t.length + c.length + p.length > 15, m = this.browseTemplateButtonOnClick ? i`<calcite-button appearance=outline class=${s(r ? a.browseTemplateButtonContainerFilter : a.browseTemplateButtonContainer)} icon-start=folder @click=${this.browseTemplateButtonOnClick} .slot=${r ? "filter-actions-end" : "default"}>${r ? null : e.browseTemplates}</calcite-button>` : null;
+    return i`<div class=${s(a.templateSelectFlowItemContainer)}><div class=${s(a.templateSelectFlowItemContent)}>${r ? null : m}${u("template-list", i`<calcite-list .filterEnabled=${r} .filterProps=${["label"]} .label=${e.templateList} selection-mode=single-persist @calciteListChange=${({ currentTarget: g }) => this.viewModel.applyTemplate(g.selectedItems[0]?.value)}>${r ? m : null}${l.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.myTemplates}${n ? i`<calcite-chip appearance=outline kind=neutral .label=${e.beta} scale=s>${e.beta}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(l, !0, !0)}</div>` : null}${t.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.organizationTemplates}${n ? i`<calcite-chip appearance=outline kind=neutral .label=${e.beta} scale=s>${e.beta}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(t)}</div>` : null}${l.length || t.length ? c.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.defaultTemplates}</div>${this._renderLayoutTemplates(c, !0)}</div>` : null : this._renderLayoutTemplates(c, !0)}${l.length || t.length ? p.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.defaultTemplates}</div>${this._renderLayoutTemplates(p)}</div>` : null : this._renderLayoutTemplates(p)}</calcite-list>`)}</div><div class=${s(a.templateButtonContainer)}><calcite-button class=${s(a.templateDoneButton)} @click=${this.hideTemplateSelector}>Done</calcite-button></div></div>`;
   }
   _renderLayoutTemplates(e, n = !1, l = !1) {
-    return n && e.sort((t, c) => (t.label ?? "") > (c.label ?? "") ? 1 : -1), e.map((t) => i`<calcite-list-item .description=${T(t)} .label=${_(t, this.messages)} .selected=${t.id === this.viewModel.templateOptions.id} title=${t.description ?? "" ?? f} .value=${t}><calcite-icon .icon=${(t.layout ? b(t.layout) : null) || "custom-print"} slot=content-start></calcite-icon>${t.state === "loading" ? i`<calcite-loader inline label=loading scale=s slot=content-end></calcite-loader>` : null}${t?.state === "error" ? u(`template-error-${t.id}`, i`<calcite-icon class=${s(a.templateSelectError)} icon=exclamation-mark-circle scale=s slot=content-end></calcite-icon>`) : null}${l ? i`<calcite-action icon=trash @click=${() => this.viewModel.removePortalTemplate(t)} slot=actions-end text=delete></calcite-action>` : null}</calcite-list-item>`);
+    return n && e.sort((t, c) => (t.label ?? "") > (c.label ?? "") ? 1 : -1), e.map((t) => i`<calcite-list-item .description=${_(t)} .label=${T(t, this.messages)} .selected=${t.id === this.viewModel.templateOptions.id} title=${t.description ?? "" ?? f} .value=${t}><calcite-icon .icon=${(t.layout ? b(t.layout) : null) || "custom-print"} slot=content-start></calcite-icon>${t.state === "loading" ? i`<calcite-loader inline label=loading scale=s slot=content-end></calcite-loader>` : null}${t?.state === "error" ? u(`template-error-${t.id}`, i`<calcite-icon class=${s(a.templateSelectError)} icon=exclamation-mark-circle scale=s slot=content-end></calcite-icon>`) : null}${l ? i`<calcite-action icon=trash @click=${() => this.viewModel.removePortalTemplate(t)} slot=actions-end text=delete></calcite-action>` : null}</calcite-list-item>`);
   }
 }
 $("arcgis-print-template-selector", M);

package/dist/components/arcgis-scale-bar/customElement.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { default as ScaleBarViewModel } from '@arcgis/core/widgets/ScaleBar/ScaleBarViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
@@ -50,14 +49,14 @@ export declare class ArcgisScaleBar extends LitElement {
      * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "actual-size"
      */
-    icon: Nil | string;
+    icon?: string;
     /** The component's default label. */
-    label: Nil | string;
+    label?: string;
     /** Replace localized message strings with your own strings. */
     messageOverrides?: typeof this.messages._overrides;
     /** @default "top-left" */
     position: __esri.UIPosition;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     /**
      * Units to use for the scale bar.
      * When using `dual`, the scale bar displays both metric and imperial units.

package/dist/components/arcgis-scale-bar/customElement.js

@@ -12,7 +12,7 @@ import { m as D } from "../../chunks/useViewModel.js";
 import { g as v } from "../../chunks/globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
+v4.33.0-next.135 */
 function $(f = 0, e = 0) {
   return { x: f, y: e };
 }

package/dist/components/arcgis-scale-range-slider/customElement.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { default as ScaleRangeSlider } from '@arcgis/core/widgets/ScaleRangeSlider.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
@@ -10,9 +9,9 @@ declare const useScaleRangeSliderWidget: (component: LitElement & Pick<ScaleRang
     state?: unknown;
     viewModel?: __esri.ScaleRangeSliderViewModel | undefined;
     closed?: boolean;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    icon: import('@arcgis/components-utils').Nil | string;
+    label: import('@arcgis/components-utils').Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
     arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
@@ -22,13 +21,13 @@ declare const useScaleRangeSliderWidget: (component: LitElement & Pick<ScaleRang
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => ScaleRangeSlider;
 /**
- * The ScaleRangeSlider component allows the user to set a minimum and maximum scale based on named scale ranges.
+ * The Scale Range Slider component allows the user to set a minimum and maximum scale based on named scale ranges.
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scale-range-slider/)
  */
@@ -106,7 +105,7 @@ export declare class ArcgisScaleRangeSlider extends LitElement {
     mode: "range" | "max-scale-only" | "min-scale-only";
     /** @default "bottom-left" */
     position: __esri.UIPosition;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     /**
      * The region that the scale thumbnails will focus on.
      *

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

@@ -6,7 +6,7 @@ import { m as o } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
+v4.33.0-next.135 */
 const r = n`@layer{arcgis-scale-range-slider{display:block}}`, c = o(t);
 class h extends s {
   constructor() {

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

@@ -15,7 +15,7 @@ declare const useSceneView: (component: LitElement & Omit<Pick<SceneView, "conta
     destroy: () => Promise<void>;
 }) => SceneView;
 /**
- * ArcGIS Scene component is used to add 3D maps to web applications. For 2D maps, use the
+ * The ArcGIS Scene component is used to add 3D maps to web applications. For 2D maps, use the
  * [ArcGIS Map component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/).
  *
  * The Scene component creates a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html)
@@ -104,8 +104,7 @@ export declare class ArcgisScene extends LitElement {
      *
      * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap)
      */
-    get basemap(): typeof this._map.basemap;
-    set basemap(value: __esri.Basemap | nullish | string);
+    basemap?: __esri.Basemap | string;
     /**
      * Represents the [view for a single basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-BasemapView.html)
      * after it has been added to the map.
@@ -691,7 +690,6 @@ export declare class ArcgisScene extends LitElement {
     readonly arcgisViewReadyChange: TargetedEvent<this, void>;
     private _map: __esri.Map;
     readonly _setterTypes: {
-        basemap?: __esri.Basemap | nullish | string;
         center?: __esri.SceneView["center"] | Nil | number[] | string;
         ground?: __esri.Ground | string;
     };

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

@@ -9,7 +9,7 @@ import { css as u } from "@lit/reactive-element/css-tag.js";
 import y from "@arcgis/core/Camera.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
+v4.33.0-next.135 */
 const f = u`@layer{arcgis-scene{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, b = h(m, {}), V = h(c, {});
 class E extends p {
   constructor() {

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

@@ -27,7 +27,7 @@ declare const useSearchViewModel: (component: LitElement & Pick<SearchViewModel,
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-search/)
  */
 export declare class ArcgisSearch extends LitElement {
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     /** @default "top-left" */
     position: __esri.UIPosition;
     /**
@@ -281,7 +281,7 @@ export declare class ArcgisSearch extends LitElement {
     /** Overwrite localized strings for this component */
     messageOverrides?: typeof this.messages._overrides;
     /** The component's default label. */
-    label: Nil | string;
+    label?: string;
     /**
      * The current state of the widget.
      *

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

@@ -16,7 +16,7 @@ import { u as T } from "../../chunks/useT9n.js";
 import { watch as A } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
+v4.33.0-next.135 */
 const u = "arcgis-search", h = {
   base: u,
   autocomplete: `${u}__autocomplete`,

package/dist/components/arcgis-search-result-renderer/customElement.d.ts

@@ -2,7 +2,6 @@
 import { default as SearchViewModel } from '@arcgis/core/widgets/Search/SearchViewModel.js';
 import { ArcgisSearch } from '../arcgis-search/customElement.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { Nil } from '@arcgis/components-utils';
 
 /**
  * The `SearchResultRenderer` renders the Search component results and allows expanding a DOM element to show alternative matches.
@@ -11,7 +10,7 @@ import { Nil } from '@arcgis/components-utils';
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-search-result-renderer/)
  */
 export declare class ArcgisSearchResultRenderer extends LitElement {
-    messages: ArcgisSearch["messages"] | Nil;
+    messages?: ArcgisSearch["messages"];
     /**
      * 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
@@ -22,7 +21,7 @@ export declare class ArcgisSearchResultRenderer extends LitElement {
      * @default false
      */
     autoDestroyDisabled: boolean;
-    viewModel: Nil | SearchViewModel;
+    viewModel?: SearchViewModel;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
     /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */

package/dist/components/arcgis-search-result-renderer/customElement.js

@@ -3,20 +3,20 @@ import { html as r } from "lit-html";
 import { keyed as c } from "lit-html/directives/keyed.js";
 import { LitElement as m, createEvent as p, noShadowRoot as g, safeClassMap as a } from "@arcgis/lumina";
 import { classes as _ } from "@arcgis/components-utils";
-import { g as w } from "../../chunks/globalCss.js";
-import { css as R } from "@lit/reactive-element/css-tag.js";
+import { g as R } from "../../chunks/globalCss.js";
+import { css as w } from "@lit/reactive-element/css-tag.js";
 import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
 import { substitute as M } from "@arcgis/core/intl.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
+v4.33.0-next.135 */
 const n = "arcgis-search-result-renderer", h = {
   base: n,
   moreResults: `${n}__more-results`
-}, f = R`@layer{.arcgis-search-result-renderer calcite-block,.arcgis-search-result-renderer calcite-block[expanded]{margin-block:0;margin-block-start:var(--calcite-spacing-md);border:0}}`;
+}, f = w`@layer{.arcgis-search-result-renderer calcite-block,.arcgis-search-result-renderer calcite-block[expanded]{margin-block:0;margin-block-start:var(--calcite-spacing-md);border:0}}`;
 class $ extends m {
   constructor() {
-    super(...arguments), this._resultCount = 0, this._showMoreResultsOpen = !1, this.messages = null, this.autoDestroyDisabled = !1, this.viewModel = null, this.arcgisReady = p();
+    super(...arguments), this._resultCount = 0, this._showMoreResultsOpen = !1, this.autoDestroyDisabled = !1, this.arcgisReady = p();
   }
   static {
     this.properties = { _results: 16, _resultCount: 16, _selectedResult: 16, _showMoreResultsOpen: 16, messages: 0, autoDestroyDisabled: 5, viewModel: 0 };
@@ -50,7 +50,7 @@ class $ extends m {
     s && "reposition" in s && s.reposition();
   }
   render() {
-    return r`<div class=${a(_(h.base, w.widget))}>${this._selectedResult?.name ?? ""}${this._renderMoreResults()}</div>`;
+    return r`<div class=${a(_(h.base, R.widget))}>${this._selectedResult?.name ?? ""}${this._renderMoreResults()}</div>`;
   }
   _renderMoreResults() {
     const { _resultCount: e, _results: s } = this;

package/dist/components/arcgis-shadow-cast/customElement.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { default as ShadowCast } from '@arcgis/core/widgets/ShadowCast.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
@@ -10,9 +9,9 @@ declare const useShadowCastWidget: (component: LitElement & Pick<ShadowCast, "ic
     state?: unknown;
     viewModel?: __esri.ShadowCastViewModel | undefined;
     closed?: boolean;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    icon: import('@arcgis/components-utils').Nil | string;
+    label: import('@arcgis/components-utils').Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
     arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
@@ -22,13 +21,13 @@ declare const useShadowCastWidget: (component: LitElement & Pick<ShadowCast, "ic
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => ShadowCast;
 /**
- * ShadowCast component displays the cumulative shadows of 3D features in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+ * The Shadow Cast component displays the cumulative shadows of 3D features in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-shadow-cast/)
  */
@@ -104,7 +103,7 @@ export declare class ArcgisShadowCast extends LitElement {
     label: string;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     /**
      * Time (in milliseconds from midnight of the [date](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#date))
      * when the shadow cast computation should start.

package/dist/components/arcgis-shadow-cast/customElement.js

@@ -6,7 +6,7 @@ import { m as l } from "../../chunks/useWidget.js";
 import { css as a } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
+v4.33.0-next.135 */
 const r = a`@layer{arcgis-shadow-cast{display:block}}`, n = l(s);
 class m extends o {
   constructor() {

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

@@ -1,7 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { default as GraphicsLayer } from '@arcgis/core/layers/GraphicsLayer.js';
 import { default as Sketch } from '@arcgis/core/widgets/Sketch.js';
 import { PublicLitElement as LitElement, ToElement, TargetedEvent } from '@arcgis/lumina';
@@ -11,9 +10,9 @@ declare const useSketchWidget: (component: LitElement & Pick<Sketch, "icon" | "l
     state?: "ready" | "disabled" | "active" | undefined;
     viewModel?: __esri.SketchViewModel | undefined;
     closed?: boolean;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    icon: import('@arcgis/components-utils').Nil | string;
+    label: import('@arcgis/components-utils').Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
     arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
@@ -23,13 +22,13 @@ declare const useSketchWidget: (component: LitElement & Pick<Sketch, "icon" | "l
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => Sketch;
 /**
- * Sketch component provides a simple UI for creating and updating graphics on a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+ * The Sketch component provides a simple UI for creating and updating graphics on a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-sketch/)
  */
@@ -177,7 +176,7 @@ export declare class ArcgisSketch extends LitElement {
     polylineSymbol: __esri.SimpleLineSymbol | __esri.CIMSymbol | __esri.LineSymbol3D;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     /**
      * Determines the size of widget elements.
      *

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

@@ -8,7 +8,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
+v4.33.0-next.135 */
 const p = g`@layer{arcgis-sketch{display:block}}`, c = r(n);
 class m extends a {
   constructor() {

package/dist/components/arcgis-slice/SliceViewModel.d.ts

@@ -14,7 +14,7 @@ interface ConstructProperties extends AnalysisViewModelConstructProperties<Scene
     excludeGroundSurface: boolean;
 }
 declare class SliceViewModel extends AnalysisViewModel<SceneView, SliceAnalysis> implements ConstructProperties {
-    private _exludingLayers;
+    private _excludingLayers?;
     pickLayerToExclude(): Promise<void>;
     place(options?: {
         signal?: AbortSignal;

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

@@ -1,7 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { default as SliceViewModel, SliceableLayer } from './SliceViewModel';
@@ -9,7 +8,7 @@ import { HeadingLevel } from '../../support/heading';
 
 declare const useSliceViewModel: (component: LitElement & Pick<SliceViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<SliceViewModel>) => SliceViewModel;
 /**
- * Slice component is a 3D analysis tool that can be used to reveal occluded content in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+ * The Slice component is a 3D analysis tool that can be used to reveal occluded content in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slice/)
  */
@@ -49,14 +48,14 @@ export declare class ArcgisSlice extends LitElement {
      * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "slice"
      */
-    icon: HTMLCalciteIconElement["icon"] | Nil;
+    icon?: HTMLCalciteIconElement["icon"];
     /** The component's default label. */
-    label: string | undefined;
+    label?: string;
     /** Replace localized message strings with your own strings. */
     messageOverrides?: typeof this._messages._overrides;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     /**
      * The shape used to slice elements in a 3D scene.
      * Currently the only supported shape is a plane.

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

@@ -10,11 +10,11 @@ import { property as d, subclass as V } from "@arcgis/core/core/accessorSupport/
 import { u as G } from "../../chunks/useT9n.js";
 import { ignoreAbortErrors as A } from "@arcgis/core/core/promiseUtils.js";
 import { H as T } from "../../chunks/heading.js";
-import { g as x } from "../../chunks/globalCss.js";
+import { g as m } from "../../chunks/globalCss.js";
 import { watch as D } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
+v4.33.0-next.135 */
 const H = S`@layer{arcgis-slice{display:block}.arcgis-slice__container{display:flex;padding:var(--esri-widget-padding-y) var(--esri-widget-padding-x);overflow-y:auto;--layer-item-background: var(--calcite-color-foreground-2)}.arcgis-slice__error{color:var(--calcite-color-status-danger)}.arcgis-slice__container,.arcgis-slice__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-slice__error,.arcgis-slice__hint{overflow:hidden;animation:arcgis-slice-fade-in .25s ease-in-out}.arcgis-slice__error p,.arcgis-slice__hint p{margin:0;padding:0}.arcgis-slice__hint:not(:has(*)){display:none}.arcgis-slice__layer-item{--calcite-color-foreground-2: var(--layer-item-background);--calcite-color-foreground-1: var(--layer-item-background)}.arcgis-slice__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}.arcgis-slice__actions:not(:has(*)){display:none}@keyframes arcgis-slice-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}}`;
 var O = Object.defineProperty, B = Object.getOwnPropertyDescriptor, o = (e, i, t, u) => {
   for (var c = u > 1 ? void 0 : u ? B(i, t) : i, y = e.length - 1, h; y >= 0; y--)
@@ -24,19 +24,19 @@ var O = Object.defineProperty, B = Object.getOwnPropertyDescriptor, o = (e, i, t
 const g = /* @__PURE__ */ new Set();
 let n = class extends C {
   constructor(e) {
-    super(e), this._exludingLayers = null, this.supportedViewType = "3d", this.unsupportedErrorMessage = "SliceViewModel is only supported in 3D views.", g.add(this);
+    super(e), this.supportedViewType = "3d", this.unsupportedErrorMessage = "SliceViewModel is only supported in 3D views.", g.add(this);
   }
   async pickLayerToExclude() {
     const e = this.analysisView;
     if (e) {
       const i = super.start((t) => e.pickLayerToExclude(t));
-      return this._exludingLayers = i, i.finally(() => {
-        this._exludingLayers === i && (this._exludingLayers = null);
-      }), void await i.catch();
+      this._excludingLayers = i, i.finally(() => {
+        this._excludingLayers === i && (this._excludingLayers = void 0);
+      }), await i.catch();
     }
   }
   async place(e) {
-    return await this.analysisView?.place(e);
+    await this.analysisView?.place(e);
   }
   clearAnalysis() {
     this.analysis.shape = null;
@@ -60,7 +60,7 @@ let n = class extends C {
     this.analysis.tiltEnabled = e;
   }
   get layersMode() {
-    return this._exludingLayers ? "exclude" : "none";
+    return this._excludingLayers ? "exclude" : "none";
   }
   get excludedLayers() {
     return this.analysis.excludedLayers;
@@ -91,7 +91,7 @@ let n = class extends C {
 };
 o([
   d()
-], n.prototype, "_exludingLayers", 2);
+], n.prototype, "_excludingLayers", 2);
 o([
   d({ readOnly: !0 })
 ], n.prototype, "state", 1);
@@ -166,8 +166,8 @@ class I extends L {
   render() {
     return r`<div class=${a({
       [s.base]: !0,
-      [x.widget]: !0,
-      [x.panel]: !0
+      [m.widget]: !0,
+      [m.panel]: !0
     })} role=presentation>${this._renderContainerNode()}</div>`;
   }
   _renderContainerNode() {
@@ -185,12 +185,12 @@ class I extends L {
     }}>${i.cancel}</calcite-button>` : null}</div></div>`;
   }
 }
-function m(e) {
+function x(e) {
   return r`<calcite-list-item class=${a(s.layerItem)} data-testid=${`list-item-${e.uid}`} .label=${e.title ?? ""}><calcite-action icon=x @click=${e.onClick} scale=s slot=actions-end .text=${e.actionLabel} .title=${e.actionLabel}></calcite-action></calcite-list-item>`;
 }
 function N(e) {
-  const i = e.layers.map((t) => m({ uid: t.uid, title: t.title, onClick: () => e.onLayerClick(t), actionLabel: e.layerActionLabel }));
-  return e.excludeGroundSurface && i.push(m({ uid: "ground", title: e.groundItemTitle, onClick: e.onGroundClick, actionLabel: e.layerActionLabel })), r`<calcite-list .label=${e.listLabel} selection-mode=none>${i}</calcite-list>`;
+  const i = e.layers.map((t) => x({ uid: t.uid, title: t.title, onClick: () => e.onLayerClick(t), actionLabel: e.layerActionLabel }));
+  return e.excludeGroundSurface && i.push(x({ uid: "ground", title: e.groundItemTitle, onClick: e.onGroundClick, actionLabel: e.layerActionLabel })), r`<calcite-list .label=${e.listLabel} selection-mode=none>${i}</calcite-list>`;
 }
 w("arcgis-slice", I);
 export {

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

@@ -1,7 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { default as Slider } from '@arcgis/core/widgets/Slider.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
@@ -10,9 +9,9 @@ declare const useSliderWidget: (component: LitElement & Pick<Slider, "icon" | "l
     state?: "ready" | "disabled" | "editing" | "dragging" | undefined;
     viewModel?: __esri.SliderViewModel | undefined;
     closed?: boolean;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    icon: import('@arcgis/components-utils').Nil | string;
+    label: import('@arcgis/components-utils').Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
     arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
@@ -22,7 +21,7 @@ declare const useSliderWidget: (component: LitElement & Pick<Slider, "icon" | "l
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
@@ -149,7 +148,7 @@ export declare class ArcgisSlider extends LitElement {
      * @default false
      */
     rangeLabelInputsEnabled: boolean;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     /**
      * The HTML Element nodes representing interactive slider segments.
      *

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

@@ -7,7 +7,7 @@ import { m as g } from "../../chunks/useWidget.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.133 */
+v4.33.0-next.135 */
 const c = m`@layer{arcgis-slider{min-width:200px;min-height:25px}}`, r = g(n);
 class d extends a {
   constructor() {

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

@@ -1,7 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { default as SwipeViewModel } from '@arcgis/core/widgets/Swipe/SwipeViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
@@ -64,13 +63,13 @@ export declare class ArcgisSwipe extends LitElement {
      *
      * @default "compare"
      */
-    icon: Nil | string;
+    icon?: string;
     /**
      * The component's default label.
      *
      * @default "Swipe"
      */
-    label: Nil | string;
+    label?: string;
     /** A collection of layers that will show on the left or top side of the Swipe component. */
     leadingLayers: __esri.Collection<__esri.Layer>;
     /** Replace localized message strings with your own strings. */
@@ -84,7 +83,7 @@ export declare class ArcgisSwipe extends LitElement {
      * @default 25
      */
     swipePosition: number;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     /**
      * The current state of the Swipe.
      *