@arcgis/map-components 4.29.0-beta.7 → 4.29.0-beta.72

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -62,7 +72,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
     attribute?: string | null;
     /**
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -128,7 +141,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -432,7 +451,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -471,7 +490,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -791,6 +810,9 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -812,6 +834,7 @@ export declare namespace JSXBase {
         datetime?: string;
     }
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
@@ -871,6 +894,8 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
@@ -892,8 +917,8 @@ export declare namespace JSXBase {
         accept?: string;
         allowdirs?: boolean;
         alt?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
         autoFocus?: boolean;
@@ -929,6 +954,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -947,6 +974,9 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
         autoFocus?: boolean;
@@ -1110,11 +1140,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
@@ -1130,6 +1162,8 @@ export declare namespace JSXBase {
         summary?: string;
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
         autofocus?: boolean | string;
         cols?: number;
@@ -1140,6 +1174,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1193,6 +1229,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1201,6 +1238,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;
@@ -1217,8 +1255,8 @@ export declare namespace JSXBase {
         resource?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoCorrect?: string;
         autocorrect?: string;
         autoSave?: string;
@@ -1286,7 +1324,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1509,12 +1547,12 @@ export declare namespace JSXBase {
         onCutCapture?: (event: ClipboardEvent) => void;
         onPaste?: (event: ClipboardEvent) => void;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionEnd?: (event: CompositionEvent) => void;
-        onCompositionEndCapture?: (event: CompositionEvent) => void;
-        onCompositionStart?: (event: CompositionEvent) => void;
-        onCompositionStartCapture?: (event: CompositionEvent) => void;
-        onCompositionUpdate?: (event: CompositionEvent) => void;
-        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1525,8 +1563,8 @@ export declare namespace JSXBase {
         onBlurCapture?: (event: FocusEvent) => void;
         onChange?: (event: Event) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: Event) => void;
-        onInputCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
         onReset?: (event: Event) => void;
         onResetCapture?: (event: Event) => void;
         onSubmit?: (event: Event) => void;
@@ -1616,8 +1654,14 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
 }
 export interface JSXAttributes<T = Element> {

package/dist/types/utils/SubWidget.d.ts

@@ -0,0 +1,22 @@
+import type { T9NComponent } from "@arcgis/components-utils";
+import { importCoreReactiveUtils } from "@arcgis/core-adapter";
+import type { ComponentWillLoad, ComponentDidLoad, ComponentInterface } from "../stencil-public-runtime";
+import type { WidgetElement } from "../utils/component-utils";
+export type BaseSubComponent = ComponentInterface & Omit<WidgetElement, "_watchHandles" | "childElem" | "position" | "widget"> & {
+    messages?: T9NStrings;
+};
+export declare class SubWidget implements ComponentWillLoad, ComponentDidLoad {
+    protected _options: {
+        readonly component: BaseSubComponent;
+    };
+    constructor(_options: {
+        readonly component: BaseSubComponent;
+    });
+    accessor: __esri.Accessor;
+    reactiveUtils: Awaited<ReturnType<typeof importCoreReactiveUtils>>;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    disconnectedCallback(): void;
+}
+type T9NStrings = Exclude<T9NComponent["_t9nStrings"], undefined>;
+export {};

package/dist/types/utils/Widget.d.ts

@@ -0,0 +1,38 @@
+import type { EventEmitter } from "../stencil-public-runtime";
+import type { ArcGISMapView, ArcGISSceneView } from "../components/types";
+import type { BaseSubComponent } from "./SubWidget";
+import { SubWidget } from "./SubWidget";
+import type { Nil } from "@arcgis/components-utils";
+type WidgetOptions<ViewModel extends BaseViewModel, ViewModelParams> = {
+    readonly component: BaseComponent<ViewModel>;
+    readonly loadViewModel: (properties: Partial<ViewModelParams>) => Promise<ViewModel>;
+};
+type BaseViewModel = __esri.Evented & {
+    state?: string;
+    view?: ArcGISMapView | ArcGISSceneView | undefined;
+};
+export type BaseComponent<ViewModel extends BaseViewModel = BaseViewModel> = BaseSubComponent & {
+    iconClass: Nil | string;
+    icon: Nil | string;
+    label: Nil | string;
+    uiStrings?: Record<string, unknown>;
+    view: ArcGISMapView | ArcGISSceneView | undefined;
+    viewModel: ViewModel;
+    componentReady: EventEmitter<{
+        ready: boolean;
+    }>;
+    position: string;
+    state?: ViewModel["state"];
+};
+export declare class Widget<ViewModel extends BaseViewModel, ViewModelParams> extends SubWidget {
+    protected _options: WidgetOptions<ViewModel, ViewModelParams>;
+    constructor(_options: WidgetOptions<ViewModel, ViewModelParams>);
+    componentWillLoad(): Promise<void>;
+    positionWatcher(): void;
+    referenceElementWatcher(): Promise<void>;
+    private _bindViewModelEvents;
+    private _bindViewModelAliases;
+    private _findViewModelAliases;
+    propertyWatcher(propertyName: keyof ViewModel): void;
+}
+export {};

package/dist/types/utils/component-utils.d.ts

@@ -1,22 +1,32 @@
-import { ArcGISMapView, ArcGISSceneView } from "../components/types";
-import { ExpandableComponent } from "./expandable";
+import type { ArcGISWebMap } from "../components";
+import type { ArcGISMapView, ArcGISSceneView } from "../components/types";
+import type { ExpandableComponent } from "./expandable";
 export type ArcgisReferenceElement = HTMLArcgisMapElement | HTMLArcgisSceneElement;
-export interface WidgetElement extends Partial<HTMLElement> {
-  el: HTMLDivElement;
-  childElem?: HTMLDivElement;
-  referenceElement?: ArcgisReferenceElement | string;
-  view?: ArcGISMapView | ArcGISSceneView;
-  position: string;
-  widget: any;
+export interface BaseComponentElement extends Partial<HTMLElement> {
+    childElem: HTMLDivElement;
+    referenceElement?: ArcgisReferenceElement | string;
+    view?: ArcGISMapView | ArcGISSceneView;
+    position: string;
+}
+export interface WidgetElement extends BaseComponentElement {
+    el: HTMLDivElement;
+    widget: any;
+    _watchHandles: __esri.WatchHandle[];
 }
 export interface ViewElement extends Partial<HTMLElement> {
-  el: HTMLDivElement;
-  hostElem?: HTMLElement;
-  apiKey?: string;
-  basemap?: string;
-  itemId?: string;
-  view?: ArcGISMapView | ArcGISSceneView;
+    el: HTMLDivElement;
+    _hostElement?: HTMLArcgisMapElement | HTMLArcgisSceneElement;
+    basemap?: ArcGISWebMap["basemap"];
+    itemId?: string;
+    view?: ArcGISMapView | ArcGISSceneView;
+    _watchHandles: __esri.WatchHandle[];
 }
-export declare function checkForView(element: WidgetElement | ExpandableComponent): void;
-export declare function updateForView(viewStr: string): Promise<any>;
-export declare function referenceElementHelper(element: WidgetElement | ExpandableComponent, refElement: ArcgisReferenceElement | string): Promise<void>;
+export declare function addHandles(element: ViewElement | WidgetElement, handle: __esri.WatchHandle | __esri.WatchHandle[]): void;
+export declare function checkForView(element: ExpandableComponent | WidgetElement): void;
+export declare function isNullOrEmptyString(value: string | null | undefined): boolean;
+export declare function isValidInteger(value: number | null | undefined): boolean;
+export declare function isNotSameCamera(camera: __esri.Camera, camera2: __esri.Camera): boolean;
+export declare function isNotSameEnvironment(environment: __esri.Environment, environment2: __esri.Environment): boolean;
+export declare function isNotSameViewpoint(viewpoint: __esri.Viewpoint, viewpoint2: __esri.Viewpoint): boolean;
+export declare function updateForView(viewStr: string): Promise<__esri.MapView | __esri.SceneView>;
+export declare function referenceElementHelper(element: ExpandableComponent | WidgetElement, refElement: ArcgisReferenceElement | string): Promise<void>;

package/dist/types/utils/disconnected.d.ts

@@ -1,2 +1,2 @@
-import { WidgetElement } from "./component-utils";
+import type { WidgetElement } from "./component-utils";
 export declare function onDisconnectedHelper(element: WidgetElement): void;

package/dist/types/utils/expandable.d.ts

@@ -1,6 +1,7 @@
-import { WidgetElement } from "./component-utils";
+import type { WidgetElement } from "./component-utils";
 export interface ExpandableComponent extends WidgetElement {
-  expandable: boolean;
-  expandElem?: HTMLArcgisExpandElement;
+    expandable: boolean;
+    expandIcon?: string;
+    expandElem?: HTMLArcgisExpandElement;
 }
-export declare function checkForExpand(element: WidgetElement | ExpandableComponent): boolean;
+export declare function checkForExpand(element: ExpandableComponent | WidgetElement): boolean;

package/dist/types/utils/globalCss.d.ts

@@ -0,0 +1,43 @@
+export declare const globalCss: {
+    readonly anchor: "esri-widget__anchor";
+    readonly anchorDisabled: "esri-widget__anchor--disabled";
+    readonly button: "esri-button";
+    readonly buttonDisabled: "esri-button--disabled";
+    readonly buttonHalf: "esri-button--half";
+    readonly buttonSecondary: "esri-button--secondary";
+    readonly buttonSmall: "esri-button--small";
+    readonly buttonTertiary: "esri-button--tertiary";
+    readonly buttonThird: "esri-button--third";
+    readonly disabled: "esri-disabled";
+    readonly disabledElement: "esri-disabled-element";
+    readonly empty: "esri-widget__content--empty";
+    readonly emptyIllustration: "esri-widget__content-illustration--empty";
+    readonly heading: "esri-widget__heading";
+    readonly hidden: "esri-hidden";
+    readonly input: "esri-input";
+    readonly interactive: "esri-interactive";
+    readonly loader: "esri-widget__loader";
+    readonly loaderAnimation: "esri-widget__loader-animation";
+    readonly loaderText: "esri-widget__loader-text";
+    readonly menu: "esri-menu";
+    readonly menuHeader: "esri-menu__header";
+    readonly menuItem: "esri-menu__list-item";
+    readonly menuItemActive: "esri-menu__list-item--active";
+    readonly menuItemFocus: "esri-menu__list-item--focus";
+    readonly menuList: "esri-menu__list";
+    readonly noBookmarksIcon: "esri-widget__no-bookmark-icon";
+    readonly panel: "esri-widget--panel";
+    readonly panelHeightOnly: "esri-widget--panel-height-only";
+    readonly primaryTick: "primary-tick";
+    readonly primaryTickAmPm: "primary-tick__ampm";
+    readonly primaryTickLabel: "primary-tick__label";
+    readonly rotating: "esri-rotating";
+    readonly secondaryTick: "secondary-tick";
+    readonly select: "esri-select";
+    readonly table: "esri-widget__table";
+    readonly ui: "esri-component";
+    readonly widget: "esri-widget";
+    readonly widgetButton: "esri-widget--button";
+    readonly widgetButtonActive: "esri-widget--button-active";
+    readonly widgetDisabled: "esri-widget--disabled";
+};

package/dist/types/utils/legacyIcon.d.ts

@@ -0,0 +1,100 @@
+export declare const legacyIcon: {
+    readonly arrowDown: "esri-icon-arrow-down";
+    readonly arrowUp: "esri-icon-arrow-up";
+    readonly basemap: "esri-icon-basemap";
+    readonly bookmark: "esri-icon-bookmark";
+    readonly calendar: "esri-icon-calendar";
+    readonly checkMark: "esri-icon-check-mark";
+    readonly checkboxUnchecked: "esri-icon-checkbox-unchecked";
+    readonly close: "esri-icon-close";
+    readonly collapse: "esri-icon-collapse";
+    readonly defaultAction: "esri-icon-default-action";
+    readonly description: "esri-icon-description";
+    readonly directions: "esri-icon-directions";
+    readonly dockBottom: "esri-icon-dock-bottom";
+    readonly dockLeft: "esri-icon-dock-left";
+    readonly dockRight: "esri-icon-dock-right";
+    readonly down: "esri-icon-down";
+    readonly downArrow: "esri-icon-down-arrow";
+    readonly download: "esri-icon-download";
+    readonly dragHorizontal: "esri-icon-drag-horizontal";
+    readonly dragVertical: "esri-icon-drag-vertical";
+    readonly duplicate: "esri-icon-duplicate";
+    readonly edit: "esri-icon-edit";
+    readonly elevationProfile: "esri-icon-elevation-profile";
+    readonly environmentSettings: "esri-icon-environment-settings";
+    readonly erase: "esri-icon-erase";
+    readonly error: "esri-icon-error";
+    readonly expand: "esri-icon-expand";
+    readonly fontFallbackText: "esri-icon-font-fallback-text";
+    readonly forward: "esri-icon-forward";
+    readonly gear: "esri-icon-gear";
+    readonly handleHorizontal: "esri-icon-handle-horizontal";
+    readonly handleVertical: "esri-icon-handle-vertical";
+    readonly home: "esri-icon-home";
+    readonly icon: "esri-icon";
+    readonly launchLinkExternal: "esri-icon-launch-link-external";
+    readonly layerList: "esri-icon-layer-list";
+    readonly layers: "esri-icon-layers";
+    readonly left: "esri-icon-left";
+    readonly leftArrows: "esri-icon-left-arrow";
+    readonly leftTriangleArrow: "esri-icon-left-triangle-arrow";
+    readonly lineOfSight: "esri-icon-line-of-sight";
+    readonly link: "esri-icon-link";
+    readonly linkExternal: "esri-icon-link-external";
+    readonly linkHorizontal: "esri-icon-link-horizontal";
+    readonly loadingIndicator: "esri-icon-loading-indicator";
+    readonly locate: "esri-icon-locate";
+    readonly locateCircled: "esri-icon-locate-circled";
+    readonly locked: "esri-icon-locked";
+    readonly mapPin: "esri-icon-map-pin";
+    readonly maximize: "esri-icon-maximize";
+    readonly measure: "esri-icon-measure";
+    readonly measureArea: "esri-icon-measure-area";
+    readonly measureBuildingHeightShadow: "esri-icon-measure-building-height-shadow";
+    readonly measureLine: "esri-icon-measure-line";
+    readonly menu: "esri-icon-menu";
+    readonly minimize: "esri-icon-minimize";
+    readonly minus: "esri-icon-minus";
+    readonly nonVisible: "esri-icon-non-visible";
+    readonly northNavigation: "esri-icon-north-navigation";
+    readonly noticeTriangle: "esri-icon-notice-triangle";
+    readonly organization: "esri-icon-organization";
+    readonly pan: "esri-icon-pan";
+    readonly pan2: "esri-icon-pan2";
+    readonly partlyCloudy: "esri-icon-partly-cloudy";
+    readonly pause: "esri-icon-pause";
+    readonly play: "esri-icon-play";
+    readonly playCircled: "esri-icon-play-circled";
+    readonly plus: "esri-icon-plus";
+    readonly polyline: "esri-icon-polyline";
+    readonly printer: "esri-icon-printer";
+    readonly radioChecked: "esri-icon-radio-checked";
+    readonly radioUnchecked: "esri-icon-radio-unchecked";
+    readonly refresh: "esri-icon-refresh";
+    readonly reverse: "esri-icon-reverse";
+    readonly right: "esri-icon-right";
+    readonly rightArrow: "esri-icon-right-arrow";
+    readonly rightTriangleArrow: "esri-icon-right-triangle-arrow";
+    readonly rotate: "esri-icon-rotate";
+    readonly save: "esri-icon-save";
+    readonly search: "esri-icon-search";
+    readonly settings2: "esri-icon-settings2";
+    readonly slice: "esri-icon-slice";
+    readonly swap: "esri-icon-swap";
+    readonly table: "esri-icon-table";
+    readonly timeClock: "esri-icon-time-clock";
+    readonly tracking: "esri-icon-tracking";
+    readonly trash: "esri-icon-trash";
+    readonly unlockedLinkHorizontal: "esri-icon-unlocked-link-horizontal";
+    readonly up: "esri-icon-up";
+    readonly upArrow: "esri-icon-up-arrow";
+    readonly upDownArrows: "esri-icon-up-down-arrows";
+    readonly urbanModel: "esri-icon-urban-model";
+    readonly vertexGps: "esri-icon-vertex-gps";
+    readonly visible: "esri-icon-visible";
+    readonly zoomInFixed: "esri-icon-zoom-in-fixed";
+    readonly zoomInMagnifyingGlass: "esri-icon-zoom-in-magnifying-glass";
+    readonly zoomOutFixed: "esri-icon-zoom-out-fixed";
+    readonly zoomToObject: "esri-icon-zoom-to-object";
+};

package/dist/types/utils/mapping-utils.d.ts

@@ -1,2 +1,2 @@
-import { ArcGISMapView, ArcGISSceneView } from '../components/types';
+import type { ArcGISMapView, ArcGISSceneView } from "../components/types";
 export declare function disableNavigation(view: ArcGISMapView | ArcGISSceneView): ArcGISMapView | ArcGISSceneView;

package/dist/types/utils/types.d.ts

@@ -0,0 +1,3 @@
+import type { VNode } from "../stencil-public-runtime";
+import type { Nil } from "@arcgis/components-utils";
+export type VNodeChild = Nil | VNode | VNodeChild[] | string | false;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@arcgis/map-components",
   "description": "ArcGIS Map Components",
   "homepage": "https://developers.arcgis.com/javascript/latest/",
-  "version": "4.29.0-beta.7",
+  "version": "4.29.0-beta.72",
   "module": "dist/components/index.js",
   "main": "dist/index.cjs.js",
   "types": "dist/types/index.d.ts",
@@ -34,59 +34,57 @@
     "start:storybook": "storybook dev -c .storybook/internal -p 6007 --quiet",
     "start:external-storybook": "kill-port 6017 && storybook dev -c .storybook/external dev -p 6017 --quiet",
     "watch": "yarn build:dev --watch",
-    "build": "yarn build:components",
-    "build:dev": "yarn build:components:dev",
+    "build": "yarn pre && yarn build:components",
+    "build:dev": "yarn pre && yarn build:components:dev",
     "build:storybook": "storybook build -c .storybook/internal --quiet",
     "build:external-storybook": "storybook build -c .storybook/external -o storybook-static-external --quiet",
     "build:components": "stencil build",
     "build:components:dev": "stencil build --dev",
-    "build:composite-storybook": "yarn g:shx cp -r storybook-static-external ../docs/storybook-static-external/map-components",
+    "build:composite-storybook": "awc-copy-folder storybook-static-external ../docs/storybook-static-external/map-components",
     "test": "stencil test --spec --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
-    "compress": "node ./scripts/compress.mjs",
-    "create:comp": "node ./scripts/create-component.mjs",
     "clean": "rimraf ./node_modules ./storybook-static ./storybook-static-external ./turbo ./dist ./www",
-    "lint": "eslint ."
+    "pre": "rimraf ./dist ./www && awc-build-t9n-types"
   },
   "dependencies": {
-    "@stencil/core": "2.22.3"
+    "@stencil/core": "4.8.2"
   },
   "devDependencies": {
-    "@arcgis/components-plugins": "4.29.0-beta.7",
+    "@arcgis/components-plugins": "4.29.0-beta.72",
+    "@arcgis/components-utils": "4.29.0-beta.72",
     "@arcgis/core": ">=4.29.0-next <4.30",
-    "@arcgis/core-adapter": "4.29.0-beta.7",
-    "@arcgis/eslint-config": "1.0.0",
+    "@arcgis/core-adapter": "4.29.0-beta.72",
     "@arcgis/typescript-config": "1.0.0",
-    "@esri/calcite-components": "^1.8.0",
+    "@esri/calcite-components": "^2.1.0",
     "@stencil/angular-output-target": "0.8.1",
     "@stencil/react-output-target": "0.5.3",
-    "@storybook/addon-a11y": "^7.4.5",
-    "@storybook/addon-essentials": "^7.4.5",
-    "@storybook/addon-links": "^7.4.5",
-    "@storybook/web-components": "^7.4.5",
-    "@storybook/web-components-vite": "^7.4.5",
+    "@storybook/addon-a11y": "^7.6.6",
+    "@storybook/addon-essentials": "^7.6.6",
+    "@storybook/addon-links": "^7.6.6",
+    "@storybook/web-components": "^7.6.6",
+    "@storybook/web-components-vite": "^7.6.6",
     "@types/jest": "^29.5.0",
     "@vitejs/plugin-react": "^4.0.1",
-    "eslint": "^8.51.0",
+    "eslint": "^8.55.0",
     "jest": "^29.5.0",
     "jest-cli": "^29.5.0",
     "kill-port": "^2.0.1",
-    "lit": "^2.8.0",
+    "lit": "^3.1.0",
     "puppeteer": "^20.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.0",
     "rollup": "^3.25.0",
     "rollup-plugin-gzip": "^3.1.0",
-    "storybook": "^7.4.5",
-    "typescript": "4.9.5",
-    "vite": "^4.4.9",
+    "storybook": "^7.6.6",
+    "typescript": "5.2.2",
+    "vite": "^4.5.1",
     "zlib": "^1.0.5"
   },
   "peerDependencies": {
     "@arcgis/core": ">=4.29.0-next <4.30",
-    "@esri/calcite-components": ">=1.7.0 <2.0.0"
+    "@esri/calcite-components": "^2.1.0"
   },
-  "gitHead": "aca9e365563ba66ab664a03565f1ab13129d51d4"
+  "gitHead": "1d703a5b8af3e7dba673c909061d901928ff116b"
 }

package/dist/arcgis-map-components/p-037a3bb6.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,g as e}from"./p-1e5e5ed9.js";import{v as h,c as r}from"./p-f28d6d27.js";import{r as a,c as o}from"./p-2d3406f7.js";import{o as n}from"./p-b813c9e6.js";const c=class{constructor(s){t(this,s),this.widgetReady=i(this,"widgetReady",7),this.referenceElement=void 0,this.position="bottom-left",this.expandable=!1,this.analysis=void 0,this.unit=void 0,this.unitOptions=void 0,this.widget=void 0,this.view=void 0}positionWatcher(t){void 0!==t&&this.widget&&"string"!=typeof this.view&&this.view.ui.move(this.childElem,t)}unitWatcher(t){t&&this.widget&&(this.widget.unit=t)}unitOptionsWatcher(t){t&&this.widget&&(this.widget.unitOptions=t)}referenceElementWatcher(t){a(this,t)}viewWatcher(t){void 0!==t&&this.widget&&(this.widget.view=t)}async componentDidLoad(){const t=this._createParams(),i=await h(t);this.widget=i,this._addWatchers(),this.widgetReady.emit({widget:this.widget}),o(this)}disconnectedCallback(){n(this)}render(){return this.expandable?s("arcgis-expand",{position:this.position,ref:t=>this.expandElem=t},s("div",{ref:t=>this.childElem=t})):s("div",{ref:t=>this.childElem=t})}async _addWatchers(){const{watch:t}=await r();t((()=>this.widget.analysis),(t=>this.analysis=t),{initial:!0})}_createParams(){const t={container:this.childElem};return this.view&&(t.view=this.view),this.unit&&(t.unit=this.unit),this.unitOptions&&(t.unitOptions=this.unitOptions),t}get el(){return e(this)}static get watchers(){return{position:["positionWatcher"],unit:["unitWatcher"],unitOptions:["unitOptionsWatcher"],referenceElement:["referenceElementWatcher"],view:["viewWatcher"]}}};c.style="";export{c as arcgis_directline_measurement_3d}

package/dist/arcgis-map-components/p-064bf907.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,g as s}from"./p-1e5e5ed9.js";import{Z as h,c as a}from"./p-f28d6d27.js";import{r,c as o}from"./p-2d3406f7.js";import{o as c}from"./p-b813c9e6.js";const n=class{constructor(e){t(this,e),this.triggerAction=i(this,"triggerAction",7),this.widgetReady=i(this,"widgetReady",7),this.referenceElement=void 0,this.multipleSelectionEnabled=!1,this.selectionEnabled=!0,this.selectedItems=void 0,this.tableItems=void 0,this.view=void 0,this.position="bottom-left",this.expandable=!1,this.widget=void 0}multipleSelectionEnabledWatcher(t){void 0!==t&&this.widget&&(this.widget.multipleSelectionEnabled=t)}selectionEnabledWatcher(t){void 0!==t&&this.widget&&(this.widget.selectionEnabled=t)}positionWatcher(t){void 0!==t&&this.widget&&"string"!=typeof this.view&&this.view.ui.move(this.childElem,t)}referenceElementWatcher(t){r(this,t)}viewWatcher(t){void 0!==t&&this.widget&&(this.widget.map=t.map)}async componentDidLoad(){const t=this._createParams(),i=await h(t);this.widget=i,await this._addWatchers(),this.widgetReady.emit({widget:this.widget}),o(this),this._hookEvents(this.widget)}disconnectedCallback(){c(this)}render(){return this.expandable?e("arcgis-expand",{position:this.position,ref:t=>this.expandElem=t},e("div",{ref:t=>this.childElem=t})):e("div",{ref:t=>this.childElem=t})}async _addWatchers(){const{watch:t}=await a();t((()=>this.widget.selectedItems),(t=>this.selectedItems=t)),t((()=>this.widget.tableItems),(t=>this.tableItems=t))}_createParams(){const t={container:this.childElem,multipleSelectionEnabled:this.multipleSelectionEnabled,selectionEnabled:this.selectionEnabled};return this.view&&(t.map=this.view.map),t}_hookEvents(t){const i=t.on("trigger-action",(t=>{this.triggerAction.emit(t)}));t.own(i)}get el(){return s(this)}static get watchers(){return{multipleSelectionEnabled:["multipleSelectionEnabledWatcher"],selectionEnabled:["selectionEnabledWatcher"],position:["positionWatcher"],referenceElement:["referenceElementWatcher"],view:["viewWatcher"]}}};n.style="arcgis-table-list{}";export{n as arcgis_table_list}

package/dist/arcgis-map-components/p-08015460.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,g as e}from"./p-1e5e5ed9.js";import{D as r}from"./p-f28d6d27.js";import{c as a}from"./p-2d3406f7.js";import{o}from"./p-b813c9e6.js";const h=class{constructor(i){t(this,i),this.widgetReady=s(this,"widgetReady",7),this.referenceElement=void 0,this.position="bottom-left",this.expandable=!1,this.widget=void 0,this.layers=void 0}layersWatcher(t){void 0!==t&&this.widget&&(this.widget.layers=t)}async componentDidLoad(){const t=this._createParams(),s=await r(t);this.widget=s,a(this)}disconnectedCallback(){o(this)}render(){return this.expandable?i("arcgis-expand",{position:this.position,ref:t=>this.expandElem=t},i("div",{ref:t=>this.childElem=t})):i("div",{ref:t=>this.childElem=t})}_createParams(){const t={container:this.childElem};return this.layers&&(t.layers=this.layers),t}get el(){return e(this)}static get watchers(){return{layers:["layersWatcher"]}}};h.style="";export{h as arcgis_feature_templates}

package/dist/arcgis-map-components/p-0d492ad6.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,g as s}from"./p-1e5e5ed9.js";import{G as r}from"./p-f28d6d27.js";import{r as h,c as o}from"./p-2d3406f7.js";import{o as a}from"./p-b813c9e6.js";const c=class{constructor(i){t(this,i),this.widgetReady=e(this,"widgetReady",7),this.referenceElement=void 0,this.element=void 0,this.position="bottom-left",this.view=void 0,this.widget=void 0}positionWatcher(t){void 0!==t&&this.widget&&"string"!=typeof this.view&&this.view.ui.move(this.childElem,t)}elementWatcher(t){void 0!==t&&this.widget&&(this.widget.element=t)}referenceElementWatcher(t){h(this,t)}viewWatcher(t){void 0!==t&&this.widget&&(this.widget.view=t)}async componentDidLoad(){const t=this._createParams(),e=await r(t);this.widget=e,this.widgetReady.emit({widget:this.widget}),o(this)}disconnectedCallback(){a(this)}render(){return i("div",{ref:t=>this.childElem=t})}_createParams(){const t={container:this.childElem};return this.element&&(t.element=this.element),this.view&&(t.view=this.view),t}get el(){return s(this)}static get watchers(){return{position:["positionWatcher"],element:["elementWatcher"],referenceElement:["referenceElementWatcher"],view:["viewWatcher"]}}};c.style="";export{c as arcgis_fullscreen}

package/dist/arcgis-map-components/p-0ee8ea5a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,g as e}from"./p-1e5e5ed9.js";import{E as r,c as h}from"./p-f28d6d27.js";import{r as a,c as n}from"./p-2d3406f7.js";import{o}from"./p-b813c9e6.js";const c=class{constructor(s){t(this,s),this.widgetReady=i(this,"widgetReady",7),this.referenceElement=void 0,this.view=void 0,this.position="bottom-left",this.expandable=!1,this.content=void 0,this.features=void 0,this.selectedFeature=void 0,this.selectedFeatureIndex=void 0,this.selectedFeatureWidget=void 0,this.widget=void 0}positionWatcher(t){void 0!==t&&this.widget&&"string"!=typeof this.view&&this.view.ui.move(this.childElem,t)}referenceElementWatcher(t){a(this,t)}viewWatcher(t){void 0!==t&&this.widget&&(this.widget.view=t)}async fetchFeatures(t,i){return this.widget?.fetchFeatures(t,i)}async clear(){return this.widget?.clear()}async close(){return this.widget?.close()}async next(){return this.widget?.next()}async open(t){return this.widget?.open(t)}async previous(){return this.widget?.previous()}async componentDidLoad(){const t=this._createParams(),i=await r(t);this.widget=i,this._addWatchers(),this.widgetReady.emit({widget:this.widget}),n(this)}disconnectedCallback(){o(this)}render(){return this.expandable?s("arcgis-expand",{position:this.position,ref:t=>this.expandElem=t},s("div",{ref:t=>this.childElem=t})):s("div",{ref:t=>this.childElem=t})}async _addWatchers(){const{watch:t}=await h();t((()=>this.widget.selectedFeature),(t=>this.selectedFeature=t),{initial:!0}),t((()=>this.widget.selectedFeatureIndex),(t=>this.selectedFeatureIndex=t),{initial:!0}),t((()=>this.widget.selectedFeatureWidget),(t=>this.selectedFeatureWidget=t),{initial:!0})}_createParams(){const t={container:this.childElem};return this.view&&(t.view=this.view),this.content&&(t.content=this.content),this.features&&(t.features=this.features),t}get el(){return e(this)}static get watchers(){return{position:["positionWatcher"],referenceElement:["referenceElementWatcher"],view:["viewWatcher"]}}};c.style="arcgis-features{}";export{c as arcgis_features}