@arcgis/common-components 4.29.0-beta.5 → 4.29.0-beta.50

package/dist/types/components.d.ts

@@ -5,81 +5,290 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ArcGISCredential } from "./components/types";
+import { FieldInfoLayer } from "./components/field-info/utils";
+import { IPickListFieldInfo, IPopoverProps } from "./components/field-pick-list/utils/types";
+import { LastSortyBy } from "./components/field-pick-list/field-pick-list";
+export { FieldInfoLayer } from "./components/field-info/utils";
+export { IPickListFieldInfo, IPopoverProps } from "./components/field-pick-list/utils/types";
+export { LastSortyBy } from "./components/field-pick-list/field-pick-list";
 export namespace Components {
-    interface ArcgisApiKey {
-        "apiKey": string;
+    interface ArcgisFieldInfo {
+        /**
+          * field name
+         */
+        "fieldName": string;
+        /**
+          * Show or hide field statistics. If true then no top 10 values for string and no stats for number and date fields.
+         */
+        "hideStatistics": boolean;
+        /**
+          * layer
+         */
+        "layer": FieldInfoLayer;
+        /**
+          * view
+         */
+        "view"?: __esri.View;
     }
-    interface ArcgisIdentity {
-        "appId": string;
-        "credential"?: ArcGISCredential;
-        "expiration": number;
-        "identity": __esri.IdentityManager;
-        "locale": string;
-        "popupCallbackUrl": string;
-        "portalUrl": string;
-        "preserveUrlHash": boolean;
-        "signIn": () => Promise<ArcGISCredential>;
-        "signOut": () => Promise<void>;
-        "usePopup": boolean;
+    interface ArcgisFieldPickList {
+        /**
+          * All display fields with name, alias, type and description, sorted by default order. Description is optional.
+         */
+        "fields": IPickListFieldInfo[];
+        /**
+          * Filter placeholder text.
+         */
+        "filterPlaceholderText"?: string;
+        /**
+          * Heading text.
+         */
+        "heading"?: string;
+        /**
+          * Required if showFieldInfo is true.
+         */
+        "layer"?: | __esri.FeatureLayer
+    | __esri.Sublayer
+    | __esri.OGCFeatureLayer
+    | __esri.WFSLayer
+    | __esri.ImageryLayer
+    | __esri.ImageryTileLayer
+    | __esri.CSVLayer
+    | __esri.StreamLayer
+    | __esri.GeoJSONLayer
+    | __esri.SubtypeGroupLayer
+    | __esri.SubtypeSublayer;
+        /**
+          * Required if showFieldInfo is true.
+         */
+        "mapView"?: __esri.View;
+        /**
+          * Allow multiple selection. If multiple is set to false the popover will close as soon as another item gets selected.
+         */
+        "multiple": boolean;
+        /**
+          * Ok button text. Ok button only shows when multiple set to true.
+         */
+        "okBtnText"?: string;
+        /**
+          * Reference element for the popover.
+         */
+        "popoverProps": IPopoverProps;
+        "reposition": () => Promise<void>;
+        /**
+          * Initial selected fields. Will use selectedFields[0] when multiple = false.
+         */
+        "selectedFields": string[];
+        "setFocus": () => Promise<void>;
+        /**
+          * Display cancel button.
+         */
+        "showCancel": boolean;
+        /**
+          * Display description. By default only displays field alias.
+         */
+        "showDescription": boolean;
+        /**
+          * Display field info button.
+         */
+        "showFieldInfo": boolean;
+        /**
+          * Display field name. By default only displays field alias.
+         */
+        "showFieldName": boolean;
+        /**
+          * Display filter option based on number of fields.
+         */
+        "showFilterLength": number;
+        /**
+          * Display select all/deselect all button. Only applicable if multiple is set to true.
+         */
+        "showSelectionAll": boolean;
+        /**
+          * Display sort menu button.
+         */
+        "showSort": boolean;
+        /**
+          * Initial sort order.
+         */
+        "sortBy"?: LastSortyBy;
     }
 }
-export interface ArcgisApiKeyCustomEvent<T> extends CustomEvent<T> {
+export interface ArcgisFieldInfoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLArcgisApiKeyElement;
+    target: HTMLArcgisFieldInfoElement;
 }
-export interface ArcgisIdentityCustomEvent<T> extends CustomEvent<T> {
+export interface ArcgisFieldPickListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLArcgisIdentityElement;
+    target: HTMLArcgisFieldPickListElement;
 }
 declare global {
-    interface HTMLArcgisApiKeyElement extends Components.ArcgisApiKey, HTMLStencilElement {
+    interface HTMLArcgisFieldInfoElementEventMap {
+        "arcgisFieldInfoComplete": void;
     }
-    var HTMLArcgisApiKeyElement: {
-        prototype: HTMLArcgisApiKeyElement;
-        new (): HTMLArcgisApiKeyElement;
+    interface HTMLArcgisFieldInfoElement extends Components.ArcgisFieldInfo, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLArcgisFieldInfoElementEventMap>(type: K, listener: (this: HTMLArcgisFieldInfoElement, ev: ArcgisFieldInfoCustomEvent<HTMLArcgisFieldInfoElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLArcgisFieldInfoElementEventMap>(type: K, listener: (this: HTMLArcgisFieldInfoElement, ev: ArcgisFieldInfoCustomEvent<HTMLArcgisFieldInfoElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLArcgisFieldInfoElement: {
+        prototype: HTMLArcgisFieldInfoElement;
+        new (): HTMLArcgisFieldInfoElement;
     };
-    interface HTMLArcgisIdentityElement extends Components.ArcgisIdentity, HTMLStencilElement {
+    interface HTMLArcgisFieldPickListElementEventMap {
+        "arcgisFieldPickListDismissed": any;
+        "arcgisFieldPickListChange": any;
+        "arcgisFieldPickListSortByChange": LastSortyBy;
+    }
+    interface HTMLArcgisFieldPickListElement extends Components.ArcgisFieldPickList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLArcgisFieldPickListElementEventMap>(type: K, listener: (this: HTMLArcgisFieldPickListElement, ev: ArcgisFieldPickListCustomEvent<HTMLArcgisFieldPickListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLArcgisFieldPickListElementEventMap>(type: K, listener: (this: HTMLArcgisFieldPickListElement, ev: ArcgisFieldPickListCustomEvent<HTMLArcgisFieldPickListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
-    var HTMLArcgisIdentityElement: {
-        prototype: HTMLArcgisIdentityElement;
-        new (): HTMLArcgisIdentityElement;
+    var HTMLArcgisFieldPickListElement: {
+        prototype: HTMLArcgisFieldPickListElement;
+        new (): HTMLArcgisFieldPickListElement;
     };
     interface HTMLElementTagNameMap {
-        "arcgis-api-key": HTMLArcgisApiKeyElement;
-        "arcgis-identity": HTMLArcgisIdentityElement;
+        "arcgis-field-info": HTMLArcgisFieldInfoElement;
+        "arcgis-field-pick-list": HTMLArcgisFieldPickListElement;
     }
 }
 declare namespace LocalJSX {
-    interface ArcgisApiKey {
-        "apiKey"?: string;
-        "onApiKeyReady"?: (event: ArcgisApiKeyCustomEvent<boolean>) => void;
+    interface ArcgisFieldInfo {
+        /**
+          * field name
+         */
+        "fieldName"?: string;
+        /**
+          * Show or hide field statistics. If true then no top 10 values for string and no stats for number and date fields.
+         */
+        "hideStatistics"?: boolean;
+        /**
+          * layer
+         */
+        "layer"?: FieldInfoLayer;
+        /**
+          * once all information is displayed
+         */
+        "onArcgisFieldInfoComplete"?: (event: ArcgisFieldInfoCustomEvent<void>) => void;
+        /**
+          * view
+         */
+        "view"?: __esri.View;
     }
-    interface ArcgisIdentity {
-        "appId"?: string;
-        "credential"?: ArcGISCredential;
-        "expiration"?: number;
-        "identity"?: __esri.IdentityManager;
-        "locale"?: string;
-        "onCredentialCreate"?: (event: ArcgisIdentityCustomEvent<__esri.IdentityManagerCredentialCreateEvent>) => void;
-        "onDialogCreate"?: (event: ArcgisIdentityCustomEvent<__esri.IdentityManagerDialogCreateEvent>) => void;
-        "onIdentityReady"?: (event: ArcgisIdentityCustomEvent<{ identity: __esri.IdentityManager; ready: boolean }>) => void;
-        "popupCallbackUrl"?: string;
-        "portalUrl"?: string;
-        "preserveUrlHash"?: boolean;
-        "usePopup"?: boolean;
+    interface ArcgisFieldPickList {
+        /**
+          * All display fields with name, alias, type and description, sorted by default order. Description is optional.
+         */
+        "fields": IPickListFieldInfo[];
+        /**
+          * Filter placeholder text.
+         */
+        "filterPlaceholderText"?: string;
+        /**
+          * Heading text.
+         */
+        "heading"?: string;
+        /**
+          * Required if showFieldInfo is true.
+         */
+        "layer"?: | __esri.FeatureLayer
+    | __esri.Sublayer
+    | __esri.OGCFeatureLayer
+    | __esri.WFSLayer
+    | __esri.ImageryLayer
+    | __esri.ImageryTileLayer
+    | __esri.CSVLayer
+    | __esri.StreamLayer
+    | __esri.GeoJSONLayer
+    | __esri.SubtypeGroupLayer
+    | __esri.SubtypeSublayer;
+        /**
+          * Required if showFieldInfo is true.
+         */
+        "mapView"?: __esri.View;
+        /**
+          * Allow multiple selection. If multiple is set to false the popover will close as soon as another item gets selected.
+         */
+        "multiple"?: boolean;
+        /**
+          * Ok button text. Ok button only shows when multiple set to true.
+         */
+        "okBtnText"?: string;
+        /**
+          * This event fires when selection changes. returns {selectedFields: [selectedFields]}. Use selectedFields[0] for multiple = false. returns {selectedFields: []} when nothing is selected.
+         */
+        "onArcgisFieldPickListChange"?: (event: ArcgisFieldPickListCustomEvent<any>) => void;
+        /**
+          * This event fires when user hits ok/cancel or closes the panel. returns {selectedFields: [selectedFields]}. Use selectedFields[0] for multiple = false. returns {selectedFields: []} when nothing is selected. returns null on "Cancel" or closing the panel
+         */
+        "onArcgisFieldPickListDismissed"?: (event: ArcgisFieldPickListCustomEvent<any>) => void;
+        /**
+          * This event fires when the sort order changes.
+         */
+        "onArcgisFieldPickListSortByChange"?: (event: ArcgisFieldPickListCustomEvent<LastSortyBy>) => void;
+        /**
+          * Reference element for the popover.
+         */
+        "popoverProps": IPopoverProps;
+        /**
+          * Initial selected fields. Will use selectedFields[0] when multiple = false.
+         */
+        "selectedFields"?: string[];
+        /**
+          * Display cancel button.
+         */
+        "showCancel"?: boolean;
+        /**
+          * Display description. By default only displays field alias.
+         */
+        "showDescription"?: boolean;
+        /**
+          * Display field info button.
+         */
+        "showFieldInfo"?: boolean;
+        /**
+          * Display field name. By default only displays field alias.
+         */
+        "showFieldName"?: boolean;
+        /**
+          * Display filter option based on number of fields.
+         */
+        "showFilterLength"?: number;
+        /**
+          * Display select all/deselect all button. Only applicable if multiple is set to true.
+         */
+        "showSelectionAll"?: boolean;
+        /**
+          * Display sort menu button.
+         */
+        "showSort"?: boolean;
+        /**
+          * Initial sort order.
+         */
+        "sortBy"?: LastSortyBy;
     }
     interface IntrinsicElements {
-        "arcgis-api-key": ArcgisApiKey;
-        "arcgis-identity": ArcgisIdentity;
+        "arcgis-field-info": ArcgisFieldInfo;
+        "arcgis-field-pick-list": ArcgisFieldPickList;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "arcgis-api-key": LocalJSX.ArcgisApiKey & JSXBase.HTMLAttributes<HTMLArcgisApiKeyElement>;
-            "arcgis-identity": LocalJSX.ArcgisIdentity & JSXBase.HTMLAttributes<HTMLArcgisIdentityElement>;
+            "arcgis-field-info": LocalJSX.ArcgisFieldInfo & JSXBase.HTMLAttributes<HTMLArcgisFieldInfoElement>;
+            "arcgis-field-pick-list": LocalJSX.ArcgisFieldPickList & JSXBase.HTMLAttributes<HTMLArcgisFieldPickListElement>;
         }
     }
 }

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/package.json

@@ -2,7 +2,7 @@
   "name": "@arcgis/common-components",
   "description": "ArcGIS Common Components",
   "homepage": "https://developers.arcgis.com/javascript/latest/",
-  "version": "4.29.0-beta.5",
+  "version": "4.29.0-beta.50",
   "module": "dist/components/index.js",
   "main": "dist/index.cjs.js",
   "types": "dist/types/index.d.ts",
@@ -34,8 +34,8 @@
     "start:storybook": "storybook dev -c .storybook/internal --quiet",
     "start:external-storybook": "kill-port 6019 && storybook dev -c .storybook/external -p 6019 --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",
@@ -45,48 +45,46 @@
     "test:e2e": "stencil test --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "clean": "rimraf ./node_modules ./storybook-static ./storybook-static-external ./turbo ./dist ./www",
-    "lint": "eslint .",
-    "generate": "stencil generate",
-    "prettier": "prettier . --write"
+    "pre": "rimraf ./dist ./www && awc-build-t9n-types",
+    "generate": "stencil generate"
   },
   "dependencies": {
-    "@stencil/core": "2.22.3"
+    "@stencil/core": "4.8.2"
   },
   "devDependencies": {
-    "@arcgis/components-plugins": "4.29.0-beta.5",
+    "@arcgis/components-plugins": "4.29.0-beta.50",
+    "@arcgis/components-utils": "4.29.0-beta.50",
     "@arcgis/core": ">=4.29.0-next <4.30",
-    "@arcgis/core-adapter": "4.29.0-beta.5",
-    "@arcgis/eslint-config": "1.0.0",
-    "@arcgis/map-components": "4.29.0-beta.5",
+    "@arcgis/core-adapter": "4.29.0-beta.50",
+    "@arcgis/map-components": "4.29.0-beta.50",
     "@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",
-    "@stencil/sass": "^2.0.4",
-    "@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",
+    "@stencil/sass": "^3.0.0",
+    "@storybook/addon-a11y": "^7.6.0",
+    "@storybook/addon-essentials": "^7.6.0",
+    "@storybook/addon-links": "^7.6.0",
+    "@storybook/web-components": "^7.6.0",
+    "@storybook/web-components-vite": "^7.6.0",
     "@types/jest": "^29.5.0",
-    "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",
-    "prettier": "^3.0.0",
+    "lit": "^3.1.0",
     "puppeteer": "^20.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "resolve-pkg": "^2.0.0",
     "rimraf": "^5.0.0",
-    "storybook": "^7.4.5",
-    "typescript": "4.9.5",
-    "vite": "^4.4.9"
+    "storybook": "^7.6.0",
+    "typescript": "5.2.2",
+    "vite": "^4.5.1"
   },
   "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": "bc9831f447ce131ddeeb898d3b7e341bc09a39bc"
+  "gitHead": "1a15b73b1e3cb6822bd30db5bff6d4058fbb1c32"
 }