npm - @arcgis/map-components - Versions diffs - 4.34.0-next.13 → 4.34.0-next.130 - Mend

@arcgis/map-components 4.34.0-next.13 → 4.34.0-next.130

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1721) hide show

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

@@ -1,5 +1,5 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
 import { default as ShadowCast } from '@arcgis/core/widgets/ShadowCast.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -9,10 +9,10 @@ declare const useShadowCastWidget: (component: LitElement & Pick<ShadowCast, "ic
     state?: unknown;
     viewModel?: __esri.ShadowCastViewModel | undefined;
     closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
+    icon: import('@arcgis/toolkit/type').nil | string;
+    label: import('@arcgis/toolkit/type').nil | string;
     referenceElement?: ArcgisReferenceElement | string;
-    position: __esri.UIPosition;
+    position?: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
     arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
@@ -21,139 +21,100 @@ declare const useShadowCastWidget: (component: LitElement & Pick<ShadowCast, "ic
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nullish;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => ShadowCast;
 /**
- * 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).
+ * The Shadow Cast component displays the cumulative shadows of 3D features in a [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).
+ * This type of analysis is helpful in urban development, where new projects have to satisfy certain shadow duration constraints.
+ *
+ * The component calculates the cumulative shadows for a time range during a single day. The user can
+ * configure the time range and select a calendar date. This time range and calendar date are only used
+ * for the shadow analysis and are not connected to the lighting in the scene.
+ * To control the lighting in the scene, the [Daylight](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-daylight/) component can be used.
+ * Changing the timezone in the component updates the visualization by interpreting the time range as being
+ * in that timezone. This behavior is different from the [Daylight](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-daylight/) component,
+ * where selecting a timezone updates the [environment lighting's](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#environment) date and time according to the camera position.
+ *
+ * The component provides three [visualization modes](#visualizationType): threshold, duration, and discrete mode.
+ *
+ * In the **threshold** mode, only the areas that receive
+ * shadows for more than a certain amount of time are displayed. In the image below, on May 1, 2021 the red areas receive
+ * shadow for more than 4 hours within the time interval of 10AM to 4PM.
+ *
+ * [![threshold mode](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/shadow-cast/shadow-cast-threshold.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
+ *
+ * **Total shadow duration** mode displays the duration of the cumulative shadow using opacity: areas that don't
+ * receive any shadow are fully transparent and areas that receive a maximum amount of shadow have a default opacity
+ * of 0.7. The values in between are interpolated. Hovering over the Scene will display a tooltip showing the
+ * amount of time that location is in shadow, rounded to 15-minute intervals. In this mode, the visualization
+ * can display shadow cast in a continuous way or in 1-hour intervals.
+ *
+ * [![duration mode](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/shadow-cast/shadow-cast-duration.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
+ *
+ * **Discrete shadows** is a third visualization mode which displays individual shadows at a given time interval.
+ * For example, setting the time range to 10AM-11AM and the visualization time interval to 30 minutes will display
+ * shadows for 10AM, 10:30AM and 11:00AM.
+ *
+ * [![discrete mode](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/shadow-cast/shadow-cast-discrete.png)](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
+ *
+ * The defaults for the time range and visualization settings can be changed using the [startTimeOfDay](#startTimeOfDay), [endTimeOfDay](#endTimeOfDay), and [visualizationType](#visualizationType) properties.
+ *
+ * **Known limitations**
+ *
+ * * Shadow Cast is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.
+ * * Terrain does not cast shadows and it is therefore not taken into account in this analysis.
+ * This influences the results when the start time of the range is before sunrise or when the end time is after the sunset.
+ * * The component does not take into account the daylight savings.
+ * Use the timezone dropdown to adjust the offset from the Coordinated Universal Time (UTC) and account for the daylight saving time.
+ * * The timezone is automatically detected by the component based on the camera location. In some situations, this might not be accurate.
+ * In case of an inaccurate timezone, users can set it manually using the timezone dropdown.
+ *
+ * **See also**
+ *
+ * - [Sample - Shadow cast component](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-shadow-cast/)
+ *
+ * @since 4.28
  */
 export declare class ArcgisShadowCast extends LitElement {
-    /**
-     * 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
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-shadow-cast/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
+    view?: __esri.SceneView | nullish;
     autoDestroyDisabled: boolean;
     get date(): Date;
     set date(value: Date | number | string);
-    /**
-     * The configuration used when the widget's [visualizationType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#visualizationType) is set to "discrete".
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#discreteOptions)
-     */
     discreteOptions: __esri.DiscreteOptions;
-    /**
-     * The configuration used when the widget's [visualizationType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#visualizationType) is set to "duration".
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#durationOptions)
-     */
     durationOptions: __esri.DurationOptions;
-    /**
-     * 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 stop.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#endTimeOfDay)
-     *
-     * @default 16 * 3600 * 1000
-     */
     endTimeOfDay: number;
-    /**
-     * Indicates the heading level to use for the titles "Time range" and "Visualization".
-     *
-     * @default 4
-     */
     headingLevel: number;
-    /** @default false */
     hideColorPicker: boolean;
-    /** @default false */
     hideDatePicker: boolean;
-    /** @default false */
     hideTimeRangeSlider: boolean;
-    /** @default false */
     hideTimezone: boolean;
-    /** @default false */
     hideTooltip: boolean;
-    /** @default false */
     hideVisualizationOptions: boolean;
-    /** @default false */
     hideThresholdContext: boolean;
-    /** @default false */
     hideThresholdContextColor: boolean;
-    /** @default false */
     hideThresholdContextTimeInterval: boolean;
-    /** @default false */
     hideThresholdContextToggle: boolean;
-    /**
-     * Icon which represents the widget.
-     *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
-     * @default "measure-building-height-shadow"
-     */
     icon: string;
-    /**
-     * The widget's default label.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast.html#label)
-     */
     label: string;
-    /** @default "bottom-left" */
-    position: __esri.UIPosition;
+    position?: __esri.UIPosition;
     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.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#startTimeOfDay)
-     *
-     * @default 10 * 3600 * 1000
-     */
     startTimeOfDay: number;
-    /**
-     * The current state of the view model that can be used for rendering the UI
-     * of the widget.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#state)
-     *
-     * @default "disabled"
-     */
     readonly state: "ready" | "disabled";
-    /**
-     * The configuration used when the widget's [visualizationType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#visualizationType) is set to "threshold".
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#thresholdOptions)
-     */
     thresholdOptions: __esri.ThresholdOptions;
-    /**
-     * The difference in hours between UTC time and the times displayed in the widget.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#utcOffset)
-     */
     utcOffset: number;
-    /**
-     * Type of visualization to use when showing the shadows.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast-ShadowCastViewModel.html#visualizationType)
-     *
-     * @default "threshold"
-     */
     visualizationType: "duration" | "threshold" | "discrete";
-    /** Permanently destroy the component. */
     destroy(): Promise<void>;
     getDuration(point: __esri.Point): Promise<number>;
     start(): Promise<void>;
     stop(): Promise<void>;
-    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     readonly _setterTypes: {
         date?: Date | number | string;

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

@@ -1,25 +1,22 @@
-import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as i } from "@arcgis/lumina/controllers";
-import s from "@arcgis/core/widgets/ShadowCast.js";
-import { LitElement as o, createEvent as h, noShadowRoot as d } from "@arcgis/lumina";
-import { m as l } from "../../chunks/useWidget.js";
-import { css as a } from "@lit/reactive-element/css-tag.js";
+import { c as i } from "../../chunks/runtime.js";
+import { usePropertyChange as r } from "@arcgis/lumina/controllers";
+import t from "@arcgis/core/widgets/ShadowCast.js";
+import { LitElement as o, createEvent as s } from "@arcgis/lumina";
+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/4.34/esri/copyright.txt for details.
-v4.34.0-next.13 */
-const r = a`@layer{arcgis-shadow-cast{display:block}}`, n = l(s);
-class m extends o {
+v4.34.0-next.130 */
+const n = l`.esri-color-picker{width:max-content;height:max-content;display:inline-block;position:relative}.esri-color-picker__toggle-button{z-index:1;border:solid 1px var(--calcite-color-border-1);background:var(--esri-color-picker-value);position:relative}.esri-color-picker__bg-pattern{opacity:.3;z-index:0;background-color:var(--calcite-color-foreground-2);background-image:repeating-linear-gradient(45deg,#fff 25%,#0000 25% 75%,#fff 75%,#fff),repeating-linear-gradient(45deg,#fff 25%,#323232 25% 75%,#fff 75%,#fff);background-position:0 0,50%;background-size:50% 50%;width:100%;height:100%;position:absolute;top:0;left:0}.esri-color-picker__popover{--calcite-color-border-1: none}.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:1.3em}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:#303030}.esri-menu__list-item:active{background-color:#000}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:#2493f2}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:1.3em}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-button{box-sizing:border-box;cursor:pointer;white-space:normal;word-break:normal;color:var(--calcite-color-text-1);background-color:var(--calcite-color-status-info);border:var(--calcite-spacing-px) solid var(--calcite-color-status-info);justify-content:center;align-items:center;width:100%;min-height:var(--calcite-spacing-xxxl);padding:6px 7px;font-family:inherit;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out,border .125s ease-in-out;display:flex;overflow:hidden;&:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-status-info-hover);border:var(--calcite-spacing-px) solid var(--calcite-color-status-info-hover)}}.esri-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-text-2);border:1px solid var(--calcite-color-text-2)}.esri-button.esri-button--small{min-height:var(--calcite-spacing-xl);font-size:var(--calcite-font-size-sm)}.esri-button.esri-button--half{width:50%;display:inline-block}.esri-button.esri-button--third{width:33%;display:inline-block}.esri-button--secondary{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-button--tertiary{color:var(--calcite-color-brand);background-color:var(--calcite-color-transparent);border-color:var(--calcite-color-transparent)}.esri-button--tertiary:hover{color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-foreground-2);border-color:var(--calcite-color-transparent)}.esri-button--disabled{opacity:.4;pointer-events:none}.esri-button--drill-in{outline-offset:-4px;cursor:pointer;text-align:unset;background-color:var(--calcite-color-foreground-1);border:none;border-radius:2px;justify-content:space-between;align-items:center;margin:var(--calcite-spacing-md) 7px;padding:var(--calcite-spacing-md) 7px;text-decoration:none;transition:background-color .125s ease-in-out;display:flex;box-shadow:0 0 0 1px #adadad4d}.esri-button--drill-in:hover,.esri-button--drill-in:focus{background-color:var(--calcite-color-foreground-2)}.esri-button--drill-in__title{font-size:var(--calcite-font-size)}.esri-button--drill-in [class^=esri-icon-],.esri-button--drill-in [class*=" esri-icon-"]{padding:0 7px}.esri-widget--button{cursor:pointer;text-align:center;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);flex-flow:row;justify-content:center;align-items:center;width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);margin:0;padding:0;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out;display:flex;overflow:hidden}.esri-widget--button:is(calcite-button):not(:hover){--calcite-ui-icon-color: var(--calcite-color-text-3)}.esri-widget--button:not([appearance]),.esri-widget--button[appearance=solid]{--calcite-color-foreground-3: var(--calcite-color-foreground-1)}.esri-widget--button:is(calcite-button){--calcite-offset-invert-focus: 1}.esri-widget--button calcite-loader[inline]{margin:auto}.esri-button--secondary{color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);&:hover{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-status-info);border:1px solid var(--calcite-color-status-info)}}@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:22px;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:22px;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-shadow-cast{gap:var(--calcite-spacing-xxl);padding:var(--esri-widget-padding);flex-direction:column;min-width:300px;width:100%;display:flex;position:relative;overflow:hidden}.esri-shadow-cast__time-range{font-size:var(--calcite-font-size-sm);flex-direction:column;display:flex}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal{width:inherit;flex-grow:1;padding:30px 13px 28px}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-widget__anchor,.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__anchor{color:inherit;outline:none!important}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__anchor:focus .esri-slider__thumb{outline-offset:var(--calcite-spacing-base);outline:var(--calcite-spacing-base) solid var(--calcite-color-brand);overflow:visible}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__segment.esri-slider__segment-0{background-color:unset}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__thumb{width:16px;height:16px;top:-8px;left:-8px}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick{background:0 0;width:7px;height:20px;margin:-3px;padding:3px}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick:after{content:"";background:var(--calcite-color-foreground-3);width:1px;display:block}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick.secondary-tick:after{height:3px}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick:after{height:6px}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick .primary-tick__ampm{font-size:var(--calcite-font-size-xs)}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__ticks{width:calc(100% - 1px);margin:6px 0 0}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick-label{text-align:center;word-break:normal;width:min-content;margin-top:var(--calcite-spacing-md);font-size:var(--calcite-font-size-xs);line-height:1.1em}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick-label.primary-tick__label--keep-all{word-break:keep-all}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__label{font-size:var(--calcite-font-size-sm)}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__label-input{font-size:var(--calcite-font-size-xs)}.esri-shadow-cast__time-range .esri-slider__segment-1{background:var(--calcite-color-brand)}.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal{padding-top:8px;padding-bottom:42px}.esri-shadow-cast__time-range__indicator{gap:var(--calcite-spacing-px);margin-bottom:var(--calcite-spacing-xs);justify-content:center;align-items:center;display:flex}.esri-shadow-cast__date-picker-container:not(:first-of-type){margin-top:var(--calcite-spacing-md)}.esri-shadow-cast__date-picker{flex-grow:1;display:block}.esri-shadow-cast__visualization{flex-direction:column;display:flex}.esri-shadow-cast__visualization__select{margin-bottom:var(--calcite-spacing-md)}.esri-shadow-cast__visualization__config--hidden{display:none}.esri-shadow-cast__threshold-config,.esri-shadow-cast__duration-config,.esri-shadow-cast__discrete-config{--calcite-label-margin-bottom: 0;gap:var(--calcite-spacing-md);flex-direction:column;display:flex}.esri-shadow-cast__threshold-config calcite-label,.esri-shadow-cast__duration-config calcite-label,.esri-shadow-cast__discrete-config calcite-label{display:block}.esri-shadow-cast__threshold-config calcite-label:focus,.esri-shadow-cast__threshold-config calcite-label:focus-visible,.esri-shadow-cast__duration-config calcite-label:focus,.esri-shadow-cast__duration-config calcite-label:focus-visible,.esri-shadow-cast__discrete-config calcite-label:focus,.esri-shadow-cast__discrete-config calcite-label:focus-visible{outline:none}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal{width:inherit;flex-grow:1;padding:30px 13px 28px}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-widget__anchor,.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__anchor{color:inherit;outline:none!important}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__anchor:focus .esri-slider__thumb{outline-offset:var(--calcite-spacing-base);outline:var(--calcite-spacing-base) solid var(--calcite-color-brand);overflow:visible}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__segment.esri-slider__segment-0{background-color:unset}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__thumb{width:16px;height:16px;top:-8px;left:-8px}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick{background:0 0;width:7px;height:20px;margin:-3px;padding:3px}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick:after{content:"";background:var(--calcite-color-foreground-3);width:1px;display:block}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick.secondary-tick:after{height:3px}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick:after{height:6px}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick .primary-tick__ampm{font-size:var(--calcite-font-size-xs)}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__ticks{width:calc(100% - 1px);margin:6px 0 0}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick-label{text-align:center;word-break:normal;width:min-content;margin-top:var(--calcite-spacing-md);font-size:var(--calcite-font-size-xs);line-height:1.1em}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick-label.primary-tick__label--keep-all{word-break:keep-all}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__label{font-size:var(--calcite-font-size-sm)}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__label-input{font-size:var(--calcite-font-size-xs)}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal{padding-top:8px;padding-bottom:25px}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick-label{margin-top:var(--calcite-spacing-md)}.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__segment-1{background:var(--calcite-color-brand)}.esri-shadow-cast__threshold-config__discrete-block{--calcite-label-margin-bottom: 0;flex-direction:column;display:flex}.esri-shadow-cast__threshold-config__discrete-label{margin-bottom:var(--calcite-spacing-xs);width:100%;font-weight:var(--calcite-font-weight-medium)}.esri-shadow-cast__threshold-config__discrete-label--empty{font-weight:inherit}.esri-shadow-cast__threshold-config__discrete-label-text{opacity:var(--calcite-opacity-disabled)}.esri-shadow-cast__threshold-config__discrete-label--open .esri-shadow-cast__threshold-config__discrete-label-text{opacity:inherit}.esri-shadow-cast__threshold-config .esri-shadow-cast__discrete-config{gap:var(--calcite-spacing-xs);padding:0 var(--calcite-spacing-xs)}.esri-shadow-cast__duration-config__radio-group{flex-direction:row;align-items:center;display:flex}.esri-shadow-cast__duration-config__radio-group calcite-button{height:35px}.esri-shadow-cast__tooltip{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-sm)}.esri-shadow-cast__tooltip__content{margin-top:-8px-var(--calcite-spacing-xxs);padding:var(--calcite-spacing-xs) var(--calcite-spacing-sm);background:var(--calcite-color-foreground-1);width:max-content;position:absolute;transform:translate(-50%,-100%)}.esri-shadow-cast__tooltip__content:after{content:"";border:8px solid var(--calcite-color-text-1);border-top-color:var(--calcite-color-foreground-1);width:0;height:0;display:block;position:absolute;bottom:1px;left:50%;transform:translate(-50%,100%)}`, c = a(t);
+class d extends o {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.discreteOptions = this.viewModel.discreteOptions, this.durationOptions = this.viewModel.durationOptions, this.endTimeOfDay = this.viewModel.endTimeOfDay, this.headingLevel = this.widget.headingLevel, this.hideColorPicker = this.widget.visibleElements.colorPicker, this.hideDatePicker = this.widget.visibleElements.datePicker, this.hideTimeRangeSlider = this.widget.visibleElements.timeRangeSlider, this.hideTimezone = this.widget.visibleElements.timezone, this.hideTooltip = this.widget.visibleElements.tooltip, this.hideVisualizationOptions = this.widget.visibleElements.visualizationOptions, this.hideThresholdContext = this.widget.visibleElements.thresholdContext, this.hideThresholdContextColor = this.widget.visibleElements.thresholdContextColor, this.hideThresholdContextTimeInterval = this.widget.visibleElements.thresholdContextTimeInterval, this.hideThresholdContextToggle = this.widget.visibleElements.thresholdContextToggle, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.startTimeOfDay = this.viewModel.startTimeOfDay, this.state = this.viewModel.state, this.thresholdOptions = this.viewModel.thresholdOptions, this.utcOffset = this.viewModel.utcOffset, this.visualizationType = this.viewModel.visualizationType, this.arcgisPropertyChange = i()("state"), this.arcgisReady = h();
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.discreteOptions = this.viewModel.discreteOptions, this.durationOptions = this.viewModel.durationOptions, this.endTimeOfDay = this.viewModel.endTimeOfDay, this.headingLevel = this.widget.headingLevel, this.hideColorPicker = this.widget.visibleElements.colorPicker, this.hideDatePicker = this.widget.visibleElements.datePicker, this.hideTimeRangeSlider = this.widget.visibleElements.timeRangeSlider, this.hideTimezone = this.widget.visibleElements.timezone, this.hideTooltip = this.widget.visibleElements.tooltip, this.hideVisualizationOptions = this.widget.visibleElements.visualizationOptions, this.hideThresholdContext = this.widget.visibleElements.thresholdContext, this.hideThresholdContextColor = this.widget.visibleElements.thresholdContextColor, this.hideThresholdContextTimeInterval = this.widget.visibleElements.thresholdContextTimeInterval, this.hideThresholdContextToggle = this.widget.visibleElements.thresholdContextToggle, this.icon = this.widget.icon, this.label = this.widget.label, this.startTimeOfDay = this.viewModel.startTimeOfDay, this.state = this.viewModel.state, this.thresholdOptions = this.viewModel.thresholdOptions, this.utcOffset = this.viewModel.utcOffset, this.visualizationType = this.viewModel.visualizationType, this.arcgisPropertyChange = r()("state"), this.arcgisReady = s();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, date: 1, discreteOptions: 0, durationOptions: 0, endTimeOfDay: 9, headingLevel: 9, hideColorPicker: 5, hideDatePicker: 5, hideTimeRangeSlider: 5, hideTimezone: 5, hideTooltip: 5, hideVisualizationOptions: 5, hideThresholdContext: 5, hideThresholdContextColor: 5, hideThresholdContextTimeInterval: 5, hideThresholdContextToggle: 5, icon: 1, label: 1, position: 1, referenceElement: 1, startTimeOfDay: 9, state: 3, thresholdOptions: 0, utcOffset: 9, visualizationType: 1 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, date: 1, discreteOptions: 0, durationOptions: 0, endTimeOfDay: 9, headingLevel: 9, hideColorPicker: 5, hideDatePicker: 5, hideTimeRangeSlider: 5, hideTimezone: 5, hideTooltip: 5, hideVisualizationOptions: 5, hideThresholdContext: 5, hideThresholdContextColor: 5, hideThresholdContextTimeInterval: 5, hideThresholdContextToggle: 5, icon: 1, label: 1, position: 1, referenceElement: 1, startTimeOfDay: 9, state: 3, thresholdOptions: 0, utcOffset: 9, visualizationType: 1 };
   }
   static {
-    this.shadowRootOptions = d;
-  }
-  static {
-    this.styles = r;
+    this.styles = n;
   }
   get date() {
     return this.viewModel.date;
@@ -40,7 +37,7 @@ class m extends o {
     this.widget?.viewModel.stop();
   }
 }
-t("arcgis-shadow-cast", m);
+i("arcgis-shadow-cast", d);
 export {
-  m as ArcgisShadowCast
+  d as ArcgisShadowCast
 };

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

@@ -1,19 +1,19 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
 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';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
-declare const useSketchWidget: (component: LitElement & Pick<Sketch, "icon" | "label" | "viewModel" | "scale" | "layout" | "layer" | "availableCreateTools" | "creationMode" | "defaultCreateOptions" | "defaultUpdateOptions" | "labelOptions" | "toolbarKind" | "snappingOptions" | "tooltipOptions"> & {
+declare const useSketchWidget: (component: LitElement & Pick<Sketch, "icon" | "label" | "scale" | "layer" | "layout" | "viewModel" | "availableCreateTools" | "creationMode" | "defaultCreateOptions" | "defaultUpdateOptions" | "labelOptions" | "toolbarKind" | "snappingOptions" | "tooltipOptions"> & {
     state?: "ready" | "disabled" | "active" | undefined;
     viewModel?: __esri.SketchViewModel | undefined;
     closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
+    icon: import('@arcgis/toolkit/type').nil | string;
+    label: import('@arcgis/toolkit/type').nil | string;
     referenceElement?: ArcgisReferenceElement | string;
-    position: __esri.UIPosition;
+    position?: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
     arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
@@ -22,7 +22,7 @@ declare const useSketchWidget: (component: LitElement & Pick<Sketch, "icon" | "l
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nullish;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
@@ -31,196 +31,59 @@ declare const useSketchWidget: (component: LitElement & Pick<Sketch, "icon" | "l
  * 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/)
+ *
+ * @since 4.28
  */
 export declare class ArcgisSketch extends LitElement {
-    /**
-     * When creating new graphics (for example after [create()](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#create) has been called),
-     * this property reflects the create tool being used.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#activeTool)
-     */
-    readonly activeTool: nullish | "rectangle" | "polygon" | "point" | "move" | "circle" | "reshape" | "multipoint" | "polyline" | "mesh" | "transform" | "freehandPolyline" | "freehandPolygon" | "rectangle-selection" | "lasso-selection" | "custom-selection";
-    /**
-     * 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
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-sketch/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
+    view?: __esri.MapView | __esri.SceneView | nullish;
+    readonly activeTool: nullish | "circle" | "move" | "point" | "polygon" | "rectangle" | "text" | "reshape" | "multipoint" | "polyline" | "mesh" | "transform" | "freehandPolyline" | "freehandPolygon" | "rectangle-selection" | "lasso-selection" | "custom-selection";
     autoDestroyDisabled: boolean;
-    /**
-     * Property controlling the visibility and order of create tool buttons.
-     *
-     * @default ["point", "polyline", "polygon", "rectangle", "circle"]
-     */
-    availableCreateTools: nullish | ("rectangle" | "polygon" | "point" | "circle" | "multipoint" | "polyline" | "mesh" | "freehandPolyline" | "freehandPolygon")[];
-    /**
-     * The graphic that is being created.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#createGraphic)
-     */
+    availableCreateTools: nullish | ("circle" | "point" | "polygon" | "rectangle" | "text" | "multipoint" | "polyline" | "mesh" | "freehandPolyline" | "freehandPolygon")[];
     readonly createGraphic: nullish | __esri.Graphic;
-    /**
-     * Defines the default behavior once the [create](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#create) operation is completed.
-     *
-     * @default "continuous"
-     */
-    creationMode: "update" | "single" | "continuous";
-    /**
-     * Default create options set for the Sketch widget.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#defaultCreateOptions)
-     */
+    creationMode: "single" | "update" | "continuous";
     defaultCreateOptions: __esri.SketchDefaultCreateOptions;
-    /**
-     * By default, sketch will auto-create a new graphics layer if none was
-     * provided. Set this prop to true to disable this behavior.
-     *
-     * @default false
-     */
     defaultGraphicsLayerDisabled: boolean;
-    /**
-     * Default update options set for the Sketch widget.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#defaultUpdateOptions)
-     */
     defaultUpdateOptions: __esri.SketchDefaultUpdateOptions;
-    /** @default false */
     hideCreateToolsCircle: boolean;
-    /** @default false */
     hideCreateToolsPoint: boolean;
-    /** @default false */
     hideCreateToolsPolygon: boolean;
-    /** @default false */
     hideCreateToolsPolyline: boolean;
-    /** @default false */
     hideCreateToolsRectangle: boolean;
-    /** @default false */
     hideDuplicateButton: boolean;
-    /** @default false */
     hideDeleteButton: boolean;
-    /** @default false */
     hideSelectionCountLabel: boolean;
-    /** @default false */
     hideLabelsToggle: boolean;
-    /** @default false */
     hideSelectionToolsLassoSelection: boolean;
-    /** @default false */
     hideSelectionToolsRectangleSelection: boolean;
-    /** @default false */
     hideSettingsMenu: boolean;
-    /** @default false */
     hideSnappingControls: boolean;
-    /** @default false */
     hideSnappingControlsElementsEnabledToggle: boolean;
-    /** @default false */
     hideSnappingControlsElementsFeatureEnabledToggle: boolean;
-    /** @default false */
     hideSnappingControlsElementsLayerList: boolean;
-    /** @default false */
     hideSnappingControlsElementsSelfEnabledToggle: boolean;
-    /** @default false */
     hideTooltipsToggle: boolean;
-    /** @default false */
     hideUndoRedoMenu: boolean;
-    /**
-     * Icon which represents the widget.
-     *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
-     * @default "pencil"
-     */
     icon: string;
-    /**
-     * The Sketch widget's default label.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#label)
-     */
     label: string;
-    /**
-     * Options to configure the sketch labels shown next to each segment of the geometry being created or updated.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#labelOptions)
-     */
     labelOptions: __esri.SketchLabelOptions;
-    /**
-     * The [GraphicsLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html) associated with the Sketch widget.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#layer)
-     */
     layer: GraphicsLayer;
-    /**
-     * Determines the layout/orientation of the Sketch widget.
-     *
-     * @default "horizontal"
-     */
-    layout: "vertical" | "horizontal";
-    /**
-     * A [SimpleMarkerSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html), [PointSymbol3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PointSymbol3D.html), [TextSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-TextSymbol.html), [CIMSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-CIMSymbol.html), or [WebStyleSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-WebStyleSymbol.html) used for representing the point geometry that is being drawn.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#pointSymbol)
-     */
+    layout: "horizontal" | "vertical";
     pointSymbol: __esri.SimpleMarkerSymbol | __esri.PictureMarkerSymbol | __esri.PointSymbol3D | __esri.TextSymbol | __esri.CIMSymbol | __esri.WebStyleSymbol;
-    /**
-     * A [SimpleFillSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html), [PolygonSymbol3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PolygonSymbol3D.html), or [CIMSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-CIMSymbol.html) used for representing the polygon geometry that is being drawn.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#polygonSymbol)
-     */
     polygonSymbol: __esri.CIMSymbol | __esri.SimpleFillSymbol | __esri.PolygonSymbol3D;
-    /**
-     * A [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html), [LineSymbol3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbol3D.html), or [CIMSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-CIMSymbol.html) used for representing the polyline geometry that is being drawn.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html#polylineSymbol)
-     */
     polylineSymbol: __esri.SimpleLineSymbol | __esri.CIMSymbol | __esri.LineSymbol3D;
-    /** @default "bottom-left" */
-    position: __esri.UIPosition;
+    position?: __esri.UIPosition;
     referenceElement?: ArcgisReferenceElement | string;
-    /**
-     * Determines the size of widget elements.
-     *
-     * @default "m"
-     */
     scale: "s" | "m" | "l";
-    /**
-     * Controls the appearance of the sketch widget, allowing
-     * the toolbar to adapt its appearance appropriately based on context.
-     *
-     * @default "floating"
-     */
     toolbarKind: "floating" | "docked";
-    /** @default false */
     showSnappingControlsElementsHeader: boolean;
-    /**
-     * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-interactive-snapping-SnappingOptions.html) for sketching.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#snappingOptions)
-     */
     snappingOptions: __esri.SnappingOptions;
-    /**
-     * The Sketch widget's state.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#state)
-     */
     readonly state: "ready" | "disabled" | "active";
-    /**
-     * Options to configure the tooltip shown next to the cursor when creating or updating graphics.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#tooltipOptions)
-     */
     tooltipOptions: __esri.SketchTooltipOptions;
-    /**
-     * An array of [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) that are being updated by the Sketch widget.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#updateGraphics)
-     */
     readonly updateGraphics: __esri.Collection<__esri.Graphic>;
     cancel(): Promise<void>;
     complete(): Promise<void>;
     create(tool: "circle" | "point" | "polygon" | "polyline" | "rectangle", createOptions?: __esri.SketchViewModelCreateCreateOptions): Promise<void>;
     delete(): Promise<void>;
-    /** Permanently destroy the component. */
     destroy(): Promise<void>;
     duplicate(): Promise<void>;
     redo(): Promise<void>;
@@ -228,11 +91,9 @@ export declare class ArcgisSketch extends LitElement {
     undo(): Promise<void>;
     readonly arcgisCreate: TargetedEvent<this, __esri.SketchCreateEvent>;
     readonly arcgisDelete: TargetedEvent<this, __esri.SketchDeleteEvent>;
-    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     readonly arcgisRedo: TargetedEvent<this, __esri.SketchRedoEvent>;
     readonly arcgisUndo: TargetedEvent<this, __esri.SketchUndoEvent>;