@arcgis/common-components 5.1.0-next.99 → 5.2.0-next.1

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { g as uB, c as hB } from "../../chunks/runtime.js";
 import { LitElement as mB, createEvent as Qo, noShadowRoot as gB, nothing as pB } from "@arcgis/lumina";
 import { createRef as fB, ref as kB } from "lit/directives/ref.js";

package/dist/components/arcgis-ckeditor5-popover/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as a } from "../../chunks/runtime.js";
 import { css as l, html as n } from "lit";
 import { LitElement as d, createEvent as o, nothing as c, safeClassMap as e } from "@arcgis/lumina";

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

@@ -79,6 +79,7 @@ export abstract class ArcgisColorInput extends LitElement {
   accessor storageId: string;
   /** Close the component. */
   close(): Promise<void>;
+  isOpen(): boolean;
   /** Set focus on the component. */
   setFocus(): Promise<void>;
   /** Emitted when the color has changed. */

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as C } from "../../chunks/runtime.js";
 import { keyed as n } from "lit/directives/keyed.js";
 import { LitElement as m, createEvent as i } from "@arcgis/lumina";
@@ -17,7 +17,7 @@ function y(l, e) {
 const S = u`:host,arcgis-picker-input{display:block}.color-picker-container{display:flex;flex-direction:column}.color-picker{--calcite-color-border-1: transparent;overflow-x:hidden}.preview-swatch{width:100%;height:24px}.recent-colors-container{align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-input);display:flex;gap:var(--calcite-space-sm);height:32px;padding:0 var(--calcite-space-xs);transition:outline-offset .1s ease-in-out,outline-color .1s ease-in-out}.preview-recent-swatch{cursor:pointer}.recent-colors-container:focus,.preview-recent-swatch:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-brand);outline-offset:var(--calcite-border-width-md)}.empty-swatch{cursor:default}.end-action{display:flex}`;
 class I extends m {
   constructor() {
-    super(), this._messages = k(), this.actionEl = w(), this.setRecentColorElement = (e) => (o) => {
+    super(), this._messages = k(), this.actionEl = w(), this.open = !1, this.setRecentColorElement = (e) => (o) => {
       switch (e) {
         case 1:
           this.recentColor1El = o;
@@ -42,6 +42,9 @@ class I extends m {
   async setFocus() {
     await this.inlineInputEl?.setFocus();
   }
+  isOpen() {
+    return this.open;
+  }
   load() {
     this.setRecentColorsFromStorage();
   }
@@ -49,7 +52,7 @@ class I extends m {
     super.disconnectedCallback(), this.removeTooltip();
   }
   async handleOpen() {
-    await this.colorPickerEl?.setFocus(), this.arcgisPickerOpen.emit(), this.arcgisColorInputPopoverOpen.emit();
+    await this.colorPickerEl?.setFocus(), this.open = !0, this.arcgisPickerOpen.emit(), this.arcgisColorInputPopoverOpen.emit();
   }
   setInlineInputRef(e) {
     this.inlineInputEl = e;
@@ -107,7 +110,7 @@ class I extends m {
     $(this.storageId, t), this.recentColors = t, this.arcgisInternalStoredColor.emit();
   }
   handleClose(e) {
-    e.stopPropagation(), this.storeRecentColorToStorage(this.colorPickerEl?.value), this.arcgisPickerClose.emit(this.colorPickerEl?.value), this.arcgisColorInputPopoverClose.emit(this.colorPickerEl?.value);
+    e.stopPropagation(), this.storeRecentColorToStorage(this.colorPickerEl?.value), this.open = !1, this.arcgisPickerClose.emit(this.colorPickerEl?.value), this.arcgisColorInputPopoverClose.emit(this.colorPickerEl?.value);
   }
   addTooltip(e) {
     this.removeTooltip(), this.tooltipContainerEl = document.createElement("div"), g(s`<calcite-tooltip .placement=${e.placement ?? "auto"} .referenceElement=${e.referenceElement} overlay-positioning=fixed open>${e.innerHTML}</calcite-tooltip>`, this.tooltipContainerEl), document.body.append(this.tooltipContainerEl);

package/dist/components/{arcgis-spatial-reference-picker → arcgis-coordinate-system-picker}/customElement.d.ts

@@ -3,7 +3,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /** @internal */
-export abstract class ArcgisSpatialReferencePicker extends LitElement {
+export abstract class ArcgisCoordinateSystemPicker extends LitElement {
   /**
    * Contains the translations for this component.
    *
@@ -144,6 +144,8 @@ export abstract class ArcgisSpatialReferencePicker extends LitElement {
       noMatchesFound: string;
       noResults: string;
       searchPlaceholder: string;
+      searchPlaceholderLong: string;
+      custom: string;
   } & T9nMeta<{
       "ARC (equal arc-second)": string;
       Africa: string;
@@ -279,9 +281,11 @@ export abstract class ArcgisSpatialReferencePicker extends LitElement {
       noMatchesFound: string;
       noResults: string;
       searchPlaceholder: string;
+      searchPlaceholderLong: string;
+      custom: string;
   }>;
   /**
-   * When true the arcgis-spatial-reference-picker-tree will be filtered to display the default wkid when the component loads.
+   * When true the arcgis-coordinate-system-picker-tree will be filtered to display the default wkid when the component loads.
    * The default wkid will also be shown in the search element when this value is true.
    * Currently MapViewer Analysis UI has the property set to its default value of false, to avoid auto filtering.
    *
@@ -303,7 +307,7 @@ export abstract class ArcgisSpatialReferencePicker extends LitElement {
    */
   accessor filterEnabled: boolean;
   /**
-   * Categories to hide from the spatial-reference-picker.
+   * Categories to hide from the coordinate-system-picker.
    * The three top-level categories are "Projected Coordinate Systems", "Geographic Coordinate Systems", and "Vertical Coordinate Systems".
    * Each of these categories has sub-categories that can also be hidden, to see the full list of categories, see the `srCategories` that is imported.
    *
@@ -322,6 +326,6 @@ export abstract class ArcgisSpatialReferencePicker extends LitElement {
   /** Emitted when the spatial reference selection changes */
   readonly arcgisChange: import("@arcgis/lumina").TargetedEvent<this, { latestWkid?: number; } | undefined>;
   readonly "@eventTypes": {
-    arcgisChange: ArcgisSpatialReferencePicker["arcgisChange"]["detail"];
+    arcgisChange: ArcgisCoordinateSystemPicker["arcgisChange"]["detail"];
   };
 }

package/dist/components/{arcgis-spatial-reference-picker → arcgis-coordinate-system-picker}/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as i } from "../../chunks/runtime.js";
 import { css as s, html as n } from "lit";
 import { createRef as r, ref as A } from "lit/directives/ref.js";
@@ -6,7 +6,7 @@ import { LitElement as l, createEvent as D } from "@arcgis/lumina";
 import { debounce as M } from "@arcgis/toolkit/function";
 import { substitute as P } from "@arcgis/core/intl.js";
 import { u as G } from "../../chunks/useT9n.js";
-const C = s`:host{overflow-y:hidden;display:flex;flex-direction:column;--calcite-color-border-input: var(--calcite-color-border-2);height:var(--arcgis-spatial-reference-picker-height, 45vh);min-width:var(--arcgis-spatial-reference-picker-min-width, 20rem);max-width:var(--arcgis-spatial-reference-picker-max-width, 27rem)}.no-matches-found-msg{margin:var(--calcite-space-sm);font-size:var(--calcite-font-size--2)}arcgis-spatial-reference-picker-tree{flex:1}`, R = {
+const C = s`:host{overflow-y:hidden;display:flex;flex-direction:column;--calcite-color-border-input: var(--calcite-color-border-2);height:var(--arcgis-coordinate-system-picker-height, 45vh);min-width:var(--arcgis-coordinate-system-picker-min-width, 20rem);max-width:var(--arcgis-coordinate-system-picker-max-width, 27rem)}.no-matches-found-msg{margin:var(--calcite-space-sm);font-size:var(--calcite-font-size--2)}arcgis-coordinate-system-picker-tree{flex:1}`, R = {
   "Geographic Coordinate Systems": {
     Africa: {
       4143: "Abidjan 1987",
@@ -7613,7 +7613,8 @@ class F extends l {
     this.styles = C;
   }
   async getSRDescription() {
-    return this.value?.latestWkid !== void 0 ? await Promise.resolve(this.getSpatialReferenceDescription(this.value?.latestWkid)) : await Promise.resolve(void 0);
+    if (this.value?.latestWkid !== void 0)
+      return this.getSpatialReferenceDescription(this.value?.latestWkid);
   }
   load() {
     this.value = this.value ?? { latestWkid: this.defaultWkid };
@@ -7693,10 +7694,10 @@ class F extends l {
     const e = P(this._messages.noMatchesFound, {
       searchTerm: this.searchText ?? ""
     });
-    return n`${this.filterEnabled && n`<calcite-input @calciteInputInput=${this.searchSpatialReferences} @keydown=${this.inputKeyDown} .placeholder=${this._messages.searchPlaceholder} scale=s type=search .value=${this.searchText} icon autofocus ${A(this.searchInput)}></calcite-input>` || ""}${this.searchText.length > 1 && this.searchResults && Object.keys(this.searchResults).length === 0 && n`<p class="no-matches-found-msg">${e}</p>` || ""}<arcgis-spatial-reference-picker-tree .data=${this.searchResults !== void 0 && this.searchText.length > 0 ? this.searchResults : this.visibleSrCategories} .value=${this.value && `${this.value?.latestWkid}`} @arcgisChange=${this.handleTreeValueChange} ${A(this.treeElement)}></arcgis-spatial-reference-picker-tree>`;
+    return n`${this.filterEnabled && n`<calcite-input @calciteInputInput=${this.searchSpatialReferences} @keydown=${this.inputKeyDown} .placeholder=${this._messages.searchPlaceholder} scale=s type=search .value=${this.searchText} icon autofocus ${A(this.searchInput)}></calcite-input>` || ""}${this.searchText.length > 1 && this.searchResults && Object.keys(this.searchResults).length === 0 && n`<p class="no-matches-found-msg">${e}</p>` || ""}<arcgis-coordinate-system-picker-tree .data=${this.searchResults !== void 0 && this.searchText.length > 0 ? this.searchResults : this.visibleSrCategories} .value=${this.value && `${this.value?.latestWkid}`} @arcgisChange=${this.handleTreeValueChange} ${A(this.treeElement)}></arcgis-coordinate-system-picker-tree>`;
   }
 }
-i("arcgis-spatial-reference-picker", F);
+i("arcgis-coordinate-system-picker", F);
 export {
-  F as ArcgisSpatialReferencePicker
+  F as ArcgisCoordinateSystemPicker
 };

package/dist/components/arcgis-coordinate-system-picker/index.js

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-input";
+import "../arcgis-coordinate-system-picker-tree/index.js";
+export * from "./customElement.js";

package/dist/components/{arcgis-spatial-reference-picker-tree → arcgis-coordinate-system-picker-tree}/customElement.d.ts

@@ -3,7 +3,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { NestedObject } from "../../utils/spatial-references.js";
 
 /** @internal */
-export abstract class ArcgisSpatialReferencePickerTree extends LitElement {
+export abstract class ArcgisCoordinateSystemPickerTree extends LitElement {
   /**
    * The data to display in the tree. Supports nested data.
    *
@@ -30,6 +30,6 @@ export abstract class ArcgisSpatialReferencePickerTree extends LitElement {
   /** Emitted when the selected value of the tree changes. */
   readonly arcgisChange: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
-    arcgisChange: ArcgisSpatialReferencePickerTree["arcgisChange"]["detail"];
+    arcgisChange: ArcgisCoordinateSystemPickerTree["arcgisChange"]["detail"];
   };
 }

package/dist/components/{arcgis-spatial-reference-picker-tree → arcgis-coordinate-system-picker-tree}/customElement.js

@@ -1,10 +1,10 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as h } from "../../chunks/runtime.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as d } from "../../chunks/runtime.js";
 import { keyed as n } from "lit/directives/keyed.js";
-import { LitElement as d, createEvent as l, nothing as p } from "@arcgis/lumina";
-import { css as m, html as a } from "lit";
-const u = m`:host{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;height:100%;width:100%}`;
-class v extends d {
+import { LitElement as h, createEvent as l, nothing as m } from "@arcgis/lumina";
+import { css as p, html as a } from "lit";
+const u = p`:host{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;height:100%;width:100%}`;
+class v extends h {
   constructor() {
     super(...arguments), this.treeItemsOpen = /* @__PURE__ */ new Set(), this.handleMutations = (e) => {
       e.forEach((s) => {
@@ -61,7 +61,7 @@ class v extends d {
     this.treeItemsOpen.has(e) ? this.treeItemsOpen.delete(e) : this.treeItemsOpen.add(e), this.buildJSXTree();
   }
   createTreeItem(e, s, t) {
-    return a`<calcite-tree-item data-key=${e ?? p} .selected=${this.value === e} .expanded=${this.treeItemsOpen.has(e)}>${s}${t !== void 0 && n(`${e}-child-tree`, a`<calcite-tree slot=children>${t}</calcite-tree>`) || ""}</calcite-tree-item>`;
+    return a`<calcite-tree-item data-key=${e ?? m} .selected=${this.value === e} .expanded=${this.treeItemsOpen.has(e)}>${s}${t !== void 0 && n(`${e}-child-tree`, a`<calcite-tree slot=children>${t}</calcite-tree>`) || ""}</calcite-tree-item>`;
   }
   handleTreeSelect(e) {
     const t = e.currentTarget?.selectedItems[0]?.dataset.key;
@@ -71,7 +71,7 @@ class v extends d {
     return n("base-tree", a`<calcite-tree scale=s @calciteTreeSelect=${this.handleTreeSelect}>${this.renderedTree}</calcite-tree>`);
   }
 }
-h("arcgis-spatial-reference-picker-tree", v);
+d("arcgis-coordinate-system-picker-tree", v);
 export {
-  v as ArcgisSpatialReferencePickerTree
+  v as ArcgisCoordinateSystemPickerTree
 };

package/dist/components/arcgis-field-info/customElement.d.ts

@@ -59,6 +59,7 @@ export abstract class ArcgisFieldInfo extends LitElement {
           phoneNumber: string;
           emailAddress: string;
           dateAndTime: string;
+          url: string;
       };
       statistics: {
           numberOfValues: string;
@@ -140,6 +141,7 @@ export abstract class ArcgisFieldInfo extends LitElement {
           phoneNumber: string;
           emailAddress: string;
           dateAndTime: string;
+          url: string;
       };
       statistics: {
           numberOfValues: string;