@arcgis/common-components 5.0.0-next.135 → 5.0.0-next.137

package/dist/components/arcgis-picker-input/customElement.d.ts

@@ -1,43 +1,43 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { IPopoverProps } from '../../utils/types';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { IPopoverProps } from "../../utils/types.js";
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
 
-/** [Read more...](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-picker-input/) */
-export declare class ArcgisPickerInput extends LitElement {
-    /**
-     * If true, disables the component.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /** Heading for the component. */
-    heading?: string;
-    /**
-     * Icon to display at the end of the component.
-     *
-     * @default "pencil"
-     */
-    iconEnd: HTMLCalciteIconElement["icon"];
-    /** Text to display within the "Done" button. */
-    intlDone?: string;
-    /**
-     * Label for the component
-     *
-     * @default ""
-     */
-    label: string;
-    /** Convenience prop to specify common popover props. */
-    popoverProps?: IPopoverProps;
-    /** Close the component. */
-    close(): Promise<void>;
-    /** Set focus on the component. */
-    setFocus(): Promise<void>;
-    /** Emitted when the component has been opened. */
-    readonly arcgisPopoverOpen: TargetedEvent<this, void>;
-    /** Emitted when the component has been closed. */
-    readonly arcgisPopoverClose: TargetedEvent<this, void>;
-    "@eventTypes": {
-        "arcgisPopoverClose": ArcgisPickerInput["arcgisPopoverClose"]["detail"];
-        "arcgisPopoverOpen": ArcgisPickerInput["arcgisPopoverOpen"]["detail"];
-    };
-}
+export abstract class ArcgisPickerInput extends LitElement {
+  /**
+   * If true, disables the component.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /** Heading for the component. */
+  accessor heading: string | undefined;
+  /**
+   * Icon to display at the end of the component.
+   *
+   * @default "pencil"
+   */
+  accessor iconEnd: Icon["icon"];
+  /** Text to display within the "Done" button. */
+  accessor intlDone: string | undefined;
+  /**
+   * Label for the component
+   *
+   * @default ""
+   */
+  accessor label: string;
+  /** Convenience prop to specify common popover props. */
+  accessor popoverProps: IPopoverProps | undefined;
+  /** Close the component. */
+  close(): Promise<void>;
+  /** Set focus on the component. */
+  setFocus(): Promise<void>;
+  /** Emitted when the component has been closed. */
+  readonly arcgisPopoverClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when the component has been opened. */
+  readonly arcgisPopoverOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisPopoverClose: ArcgisPickerInput["arcgisPopoverClose"]["detail"];
+    arcgisPopoverOpen: ArcgisPickerInput["arcgisPopoverOpen"]["detail"];
+  };
+}

package/dist/components/arcgis-picker-input/customElement.js

@@ -4,14 +4,14 @@ import { LitElement as l, createEvent as i, safeStyleMap as a } from "@arcgis/lu
 import { createRef as r, ref as t } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.135 */
+v5.0.0-next.137 */
 const c = n`:host{display:flex}:host([disabled]){opacity:.25;pointer-events:none}button{overflow:hidden;background-color:transparent;align-items:center;border:none;border-radius:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:inherit;gap:var(--calcite-space-sm);height:100%;justify-content:center;outline-color:transparent;outline-offset:0;padding:3px 0;padding-inline:3px var(--calcite-space-sm);position:relative;text-decoration:none;user-select:none;text-align:center;-webkit-appearance:none;width:100%;&:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-brand);outline-offset:var(--calcite-border-width-md)}&:hover{text-decoration:none}}.preview{border:var(--calcite-border-width-sm) solid #949494;display:flex;align-items:center;flex-grow:1}.container{display:flex;gap:5px;width:100%}::slotted([slot="preview"]){flex-grow:1;display:flex}calcite-icon{color:var(--calcite-color-text-3)}`;
 class p extends l {
   constructor() {
     super(), this.panelEl = r(), this.open = !1, this.disabled = !1, this.iconEnd = "pencil", this.label = "", this.arcgisPopoverOpen = i(), this.arcgisPopoverClose = i(), this.listenOn(document.body, "arcgisPopoverOpen", this.onPopoverOpen);
   }
   static {
-    this.properties = { open: 16, disabled: 7, heading: 1, iconEnd: 0, intlDone: 1, label: 1, popoverProps: 0 };
+    this.properties = { open: 16, disabled: 7, heading: 1, iconEnd: 1, intlDone: 1, label: 1, popoverProps: 0 };
   }
   static {
     this.styles = c;

package/dist/components/arcgis-picker-input/index.d.ts

@@ -1,5 +1 @@
-import "@esri/calcite-components/components/calcite-popover";
-import "@esri/calcite-components/components/calcite-panel";
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-icon";
 export * from "./customElement.js";

package/dist/components/arcgis-ramp-color/customElement.d.ts

@@ -1,20 +1,19 @@
 /// <reference path="../../index.d.ts" />
-import { default as Color } from '@arcgis/core/Color.js';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { PropertyValues } from 'lit';
+import type Color from "@arcgis/core/Color.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
-export interface ColorStop {
-    color: Color | string;
-    value: number;
-    size?: number;
-}
-/** [Read more...](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ramp-color/) */
-export declare class ArcgisRampColor extends LitElement {
-    /** @default "horizontal" */
-    layout: "horizontal" | "vertical";
-    /** @default 0 */
-    min: number;
-    /** @default 1 */
-    max: number;
-    stops: ColorStop[];
+export abstract class ArcgisRampColor extends LitElement {
+  /** @default "horizontal" */
+  accessor layout: "horizontal" | "vertical";
+  /** @default 1 */
+  accessor max: number;
+  /** @default 0 */
+  accessor min: number;
+  accessor stops: ColorStop[];
 }
+
+export interface ColorStop {
+  color: Color | string;
+  value: number;
+  size?: number;
+}

package/dist/components/arcgis-ramp-color/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as x, nothing as u, safeClassMap as C } from "@arcgis/lumina
 import { css as v, svg as p, html as b } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.135 */
+v5.0.0-next.137 */
 const S = v`:host{display:block;block-size:30px;inline-size:100%}:host([layout="vertical"]){writing-mode:vertical-lr}.hidden{display:none!important}svg{stroke-width:var(--calcite-border-width-sm);stroke:var(--calcite-color-border-input);margin:0;display:block;block-size:100%;inline-size:100%;padding:0}svg .background{fill:#e0e0e0}`;
 class I {
   constructor(t, i, n, e) {

package/dist/components/arcgis-ramp-color-break/customElement.d.ts

@@ -1,21 +1,20 @@
 /// <reference path="../../index.d.ts" />
-import { default as Color } from '@arcgis/core/Color.js';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { PropertyValues } from 'lit';
-import { ArcgisRampColor } from '../arcgis-ramp-color/customElement.js';
+import type Color from "@arcgis/core/Color.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { ArcgisRampColor } from "../arcgis-ramp-color/customElement.js";
 
-export interface ColorBreak {
-    color: Color | string;
-    max: number;
-    min: number;
-}
-/** [Read more...](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ramp-color-break/) */
-export declare class ArcgisRampColorBreak extends LitElement {
-    /** @default "horizontal" */
-    layout: ArcgisRampColor["layout"];
-    /** @default 0 */
-    min: number;
-    /** @default 1 */
-    max: number;
-    stops: ColorBreak[];
+export abstract class ArcgisRampColorBreak extends LitElement {
+  /** @default "horizontal" */
+  accessor layout: ArcgisRampColor["layout"];
+  /** @default 1 */
+  accessor max: number;
+  /** @default 0 */
+  accessor min: number;
+  accessor stops: ColorBreak[];
 }
+
+export interface ColorBreak {
+  color: Color | string;
+  max: number;
+  min: number;
+}

package/dist/components/arcgis-ramp-color-break/customElement.js

@@ -3,7 +3,7 @@ import { LitElement as m } from "@arcgis/lumina";
 import { css as p, html as c } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.135 */
+v5.0.0-next.137 */
 const n = p`:host{display:block;block-size:30px;inline-size:100%}:host([layout="vertical"]){writing-mode:vertical-lr}arcgis-ramp-color{block-size:inherit;inline-size:inherit}`;
 class h extends m {
   constructor() {

package/dist/components/arcgis-ramp-color-break/index.d.ts

@@ -1,2 +1 @@
-import "../arcgis-ramp-color/index.js";
 export * from "./customElement.js";

package/dist/components/arcgis-ramp-opacity/customElement.d.ts

@@ -1,20 +1,18 @@
 /// <reference path="../../index.d.ts" />
-import { default as Color } from '@arcgis/core/Color.js';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { PropertyValues } from 'lit';
-import { ArcgisRampColor } from '../arcgis-ramp-color/customElement.js';
+import type Color from "@arcgis/core/Color.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { ArcgisRampColor } from "../arcgis-ramp-color/customElement.js";
 
-/** [Read more...](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ramp-opacity/) */
-export declare class ArcgisRampOpacity extends LitElement {
-    fillColor: Color | string;
-    /** @default "horizontal" */
-    layout: ArcgisRampColor["layout"];
-    /** @default 0 */
-    min: number;
-    /** @default 1 */
-    max: number;
-    stops: {
-        value: number;
-        opacity: number;
-    }[];
-}
+export abstract class ArcgisRampOpacity extends LitElement {
+  accessor fillColor: Color | string;
+  /** @default "horizontal" */
+  accessor layout: ArcgisRampColor["layout"];
+  /** @default 1 */
+  accessor max: number;
+  /** @default 0 */
+  accessor min: number;
+  accessor stops: {
+      value: number;
+      opacity: number;
+  }[];
+}

package/dist/components/arcgis-ramp-opacity/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as e } from "@arcgis/lumina";
 import { css as m, html as n } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.135 */
+v5.0.0-next.137 */
 const p = m`:host{display:block;block-size:30px;inline-size:100%}:host([layout="vertical"]){writing-mode:vertical-lr}arcgis-ramp-color{block-size:inherit;inline-size:inherit}`, l = new t([0, 121, 193]);
 class h extends e {
   constructor() {

package/dist/components/arcgis-ramp-opacity/index.d.ts

@@ -1,2 +1 @@
-import "../arcgis-ramp-color/index.js";
 export * from "./customElement.js";