@arcgis/common-components 5.1.0-next.1 → 5.1.0-next.100

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

@@ -5,7 +5,7 @@ import { createRef as fB, ref as kB } from "lit/directives/ref.js";
 import { css as bB, html as wB } from "lit";
 import { unsafeGetElementDirection as _B } from "@arcgis/toolkit/dom";
 import AB from "@esri/arcgis-html-sanitizer";
-import { F as CB } from "../../chunks/types.js";
+import { F as CB } from "../../chunks/internal-types.js";
 import { C as sr } from "../../chunks/resources.js";
 var aa = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function vB(Ke) {
@@ -9245,7 +9245,7 @@ Read more: ${ce}#error-${i}`;
         const Me = "41.3.1", gn = new Date(2024, 3, 16);
         if (globalThis.CKEDITOR_VERSION) throw new C("ckeditor-duplicated-modules", null);
         globalThis.CKEDITOR_VERSION = Me;
-        const rt = Symbol("listeningTo"), Dn = Symbol("emitterId"), xt = Symbol("delegations"), nd = pe(Object);
+        const rt = /* @__PURE__ */ Symbol("listeningTo"), Dn = /* @__PURE__ */ Symbol("emitterId"), xt = /* @__PURE__ */ Symbol("delegations"), nd = pe(Object);
         function pe(i) {
           return i ? class extends i {
             on(e, t, n) {
@@ -9381,7 +9381,7 @@ Read more: ${ce}#error-${i}`;
         const Ce = function(i) {
           var e = typeof i;
           return i != null && (e == "object" || e == "function");
-        }, lr = Symbol("observableProperties"), cr = Symbol("boundObservables"), dr = Symbol("boundProperties"), co = Symbol("decoratedMethods"), ad = Symbol("decoratedOriginal"), ld = fe(pe());
+        }, lr = /* @__PURE__ */ Symbol("observableProperties"), cr = /* @__PURE__ */ Symbol("boundObservables"), dr = /* @__PURE__ */ Symbol("boundProperties"), co = /* @__PURE__ */ Symbol("decoratedMethods"), ad = /* @__PURE__ */ Symbol("decoratedOriginal"), ld = fe(pe());
         function fe(i) {
           return i ? class extends i {
             set(e, t) {
@@ -11693,7 +11693,7 @@ Read more: ${ce}#error-${i}`;
         Br.prototype.is = function(i, e) {
           return e ? e === this.name && (i === "editableElement" || i === "view:editableElement" || i === "containerElement" || i === "view:containerElement" || i === "element" || i === "view:element") : i === "editableElement" || i === "view:editableElement" || i === "containerElement" || i === "view:containerElement" || i === "element" || i === "view:element" || i === "node" || i === "view:node";
         };
-        const ju = Symbol("rootName");
+        const ju = /* @__PURE__ */ Symbol("rootName");
         class Hu extends Br {
           constructor(e, t) {
             super(e, t), this.rootName = "main";
@@ -12207,7 +12207,7 @@ Read more: ${ce}#error-${i}`;
             return this._currentTarget;
           }
         }
-        const Ja = Symbol("bubbling contexts");
+        const Ja = /* @__PURE__ */ Symbol("bubbling contexts");
         function Xa(i) {
           return class extends i {
             fire(e, ...t) {
@@ -15141,7 +15141,7 @@ Read more: ${ce}#error-${i}`;
             return t || (t = this._addSymbolForTextProxy(e)), t;
           }
           _addSymbolForTextProxy(e) {
-            const t = e.startOffset, n = e.endOffset, o = e.parent, r = Symbol("$textProxy:" + e.data);
+            const t = e.startOffset, n = e.endOffset, o = e.parent, r = /* @__PURE__ */ Symbol("$textProxy:" + e.data);
             let s, a;
             return s = this._textProxyRegistry.get(t), s || (s = /* @__PURE__ */ new Map(), this._textProxyRegistry.set(t, s)), a = s.get(n), a || (a = /* @__PURE__ */ new Map(), s.set(n, a)), a.set(o, r), r;
           }
@@ -21156,7 +21156,7 @@ Read more: ${ce}#error-${i}`;
             return { s: t ? Pi(this.hsva.s + 100 * e.x, 0, 100) : 100 * e.x, v: t ? Pi(this.hsva.v - 100 * e.y, 0, 100) : Math.round(100 - 100 * e.y) };
           }
         }
-        const ss = Symbol("same"), Pl = Symbol("color"), mg = Symbol("hsva"), Ll = Symbol("update"), gg = Symbol("parts"), pg = Symbol("css"), fg = Symbol("sliders");
+        const ss = /* @__PURE__ */ Symbol("same"), Pl = /* @__PURE__ */ Symbol("color"), mg = /* @__PURE__ */ Symbol("hsva"), Ll = /* @__PURE__ */ Symbol("update"), gg = /* @__PURE__ */ Symbol("parts"), pg = /* @__PURE__ */ Symbol("css"), fg = /* @__PURE__ */ Symbol("sliders");
         class y1 extends HTMLElement {
           static get observedAttributes() {
             return ["color"];
@@ -23078,7 +23078,7 @@ Read more: ${ce}#error-${i}`;
             }));
           }
         }
-        const Ri = Symbol("MainQueueId");
+        const Ri = /* @__PURE__ */ Symbol("MainQueueId");
         class Jx {
           constructor() {
             this._onEmptyCallbacks = [], this._queues = /* @__PURE__ */ new Map(), this._activeActions = 0;
@@ -33221,11 +33221,11 @@ $&
                 this.editor.execute("mention", { marker: "{", mention: l });
               }));
             };
-            return r.addEventListener("arcgisFieldPickListDismissed", ((a) => {
+            return r.addEventListener("arcgisClose", ((a) => {
               if (!a.detail) return void this._cleanUp(r, t, e, n);
               const l = a.detail.selectedFields.length > 0, c = a.detail.selectedFields;
               r.multiple && l && s(c), this._cleanUp(r, t, e, n);
-            })), r.addEventListener("arcgisFieldPickListChange", ((a) => {
+            })), r.addEventListener("arcgisChange", ((a) => {
               const l = a.detail.selectedFields;
               !r.multiple && s(l);
             })), r;
@@ -33337,7 +33337,7 @@ $&
             }));
           };
           _loadUI = () => {
-            this.popover = document.createElement("calcite-popover"), this.divContainer = document.createElement("div"), this.panel = document.createElement("calcite-panel"), this.tabs = document.createElement("calcite-tabs"), this.tabNav = document.createElement("calcite-tab-nav"), this.customTab = document.createElement("calcite-tab"), this.customTabTitle = document.createElement("calcite-tab-title"), this.doneButton = document.createElement("calcite-button"), this.popover.placement = "bottom-start", this.popover.offsetDistance = 5, this.popover.focusTrapDisabled = !0, this.popover.pointerDisabled = !0, this.popover.style = "--calcite-popover-z-index: 101", this.popover.autoClose = !0, this.popover.appendChild(this.divContainer), this.divContainer.appendChild(this.panel), this.panel.appendChild(this.tabs), this.panel.appendChild(this.doneButton), this.tabNav.appendChild(this.customTabTitle), this.tabs.appendChild(this.customTab), this.customTab.appendChild(this.colorPicker), this.enableFields && (this.attributeTab = document.createElement("calcite-tab"), this.attributeTabTitle = document.createElement("calcite-tab-title"), this.attributeList = document.createElement("calcite-list"), this.tabs.appendChild(this.tabNav), this.tabs.appendChild(this.attributeTab), this.tabNav.appendChild(this.attributeTabTitle), this.attributeTab.appendChild(this.attributeList), this.attributeTabTitle.innerText = this.attributeText, this.attributeList.selectionMode = "single", this.attributeList.filterEnabled = !0, this.attributeList.filterPlaceholder = this.filterPlaceholder, this.attributeTab.style.width = "294px", this.attributeList.style.maxHeight = "300px", this.tabs.bordered = !0, this.tabs.layout = "center", this.tabNav.slot = "title-group", this.data && this.data.forEach(((e) => {
+            this.popover = document.createElement("calcite-popover"), this.divContainer = document.createElement("div"), this.panel = document.createElement("calcite-panel"), this.tabs = document.createElement("calcite-tabs"), this.tabNav = document.createElement("calcite-tab-nav"), this.customTab = document.createElement("calcite-tab"), this.customTabTitle = document.createElement("calcite-tab-title"), this.doneButton = document.createElement("calcite-button"), this.popover.placement = "bottom-start", this.popover.offsetDistance = 5, this.popover.focusTrapDisabled = !0, this.popover.pointerDisabled = !0, this.popover.topLayerDisabled = !0, this.popover.style = "--calcite-popover-z-index: 101", this.popover.autoClose = !0, this.popover.appendChild(this.divContainer), this.divContainer.appendChild(this.panel), this.panel.appendChild(this.tabs), this.panel.appendChild(this.doneButton), this.tabNav.appendChild(this.customTabTitle), this.tabs.appendChild(this.customTab), this.customTab.appendChild(this.colorPicker), this.enableFields && (this.attributeTab = document.createElement("calcite-tab"), this.attributeTabTitle = document.createElement("calcite-tab-title"), this.attributeList = document.createElement("calcite-list"), this.tabs.appendChild(this.tabNav), this.tabs.appendChild(this.attributeTab), this.tabNav.appendChild(this.attributeTabTitle), this.attributeTab.appendChild(this.attributeList), this.attributeTabTitle.innerText = this.attributeText, this.attributeList.selectionMode = "single", this.attributeList.filterEnabled = !0, this.attributeList.filterPlaceholder = this.filterPlaceholder, this.attributeTab.style.width = "294px", this.attributeList.style.maxHeight = "300px", this.tabs.bordered = !0, this.tabs.layout = "center", this.tabNav.slot = "title-group", this.data && this.data.forEach(((e) => {
               const { name: t, alias: n, description: o } = e, r = document.createElement("calcite-list-item");
               r.label = n, r.style.textAlign = "start", r.description = `{${t}}`, r.id = `{${t}}`, r.value = n, r.style.whiteSpace = "normal", r.addEventListener("calciteListItemSelect", (() => {
                 const s = this.editor.model.document.selection;
@@ -33811,7 +33811,7 @@ $&
           }
         }];
         var e_ = { columns: 10, documentColors: 0, colors: [{ color: "#ffffff", label: " " }, { color: "#fff5ee", label: " " }, { color: "#fff8dc", label: " " }, { color: "#fffacd", label: " " }, { color: "#ffffe0", label: " " }, { color: "#98fb98", label: " " }, { color: "#afeeee", label: " " }, { color: "#e0ffff", label: " " }, { color: "#e6e6fa", label: " " }, { color: "#dda0dd", label: " " }, { color: "#d3d3d3", label: " " }, { color: "#ffc0cb", label: " " }, { color: "#ffe4c4", label: " " }, { color: "#ffe4b5", label: " " }, { color: "#f0e68c", label: " " }, { color: "#90ee90", label: " " }, { color: "#20b2aa", label: " " }, { color: "#87cefa", label: " " }, { color: "#6495ed", label: " " }, { color: "#ee82ee", label: " " }, { color: "#c0c0c0", label: " " }, { color: "#f08080", label: " " }, { color: "#f4a460", label: " " }, { color: "#ffa500", label: " " }, { color: "#eee8aa", label: " " }, { color: "#7fff00", label: " " }, { color: "#48d1cc", label: " " }, { color: "#87ceeb", label: " " }, { color: "#7b68ee", label: " " }, { color: "#da70d6", label: " " }, { color: "#808080", label: " " }, { color: "#ff0000", label: " " }, { color: "#ff4500", label: " " }, { color: "#ff8c00", label: " " }, { color: "#ffff00", label: " " }, { color: "#32cd32", label: " " }, { color: "#8fbc8f", label: " " }, { color: "#4169e1", label: " " }, { color: "#6a5acd", label: " " }, { color: "#ba55d3", label: " " }, { color: "#696969", label: " " }, { color: "#dc143c", label: " " }, { color: "#d2691e", label: " " }, { color: "#ff7f50", label: " " }, { color: "#ffd700", label: " " }, { color: "#228b22", label: " " }, { color: "#2e8b57", label: " " }, { color: "#0000ff", label: " " }, { color: "#8a2be2", label: " " }, { color: "#9932cc", label: " " }, { color: "#2f4f4f", label: " " }, { color: "#b22222", label: " " }, { color: "#8b4513", label: " " }, { color: "#a0522d", label: " " }, { color: "#808000", label: " " }, { color: "#008000", label: " " }, { color: "#008b8b", label: " " }, { color: "#0000cd", label: " " }, { color: "#483d8b", label: " " }, { color: "#8b008b", label: " " }, { color: "#000000", label: " " }, { color: "#8b0000", label: " " }, { color: "#800000", label: " " }, { color: "#a52a2a", label: " " }, { color: "#556b2f", label: " " }, { color: "#006400", label: " " }, { color: "#191970", label: " " }, { color: "#000080", label: " " }, { color: "#4b0082", label: " " }, { color: "#800080", label: " " }] };
-        rr.defaultConfig = { licenseKey: "WlZCOVRvK1lBTUdYRG13dnQ3L1krYTlycHc5dTVZbm5kWmRoMkpIRS9ETHBGbzd1YzBYUGNxcTZVbVljTkprQldwTjlqbzJIa3Jidmd6SXBtdUU9LU1qQXlOREE1TWpRPQ==", link: { addTargetToExternalLinks: !0 }, toolbar: { items: ["fontSize", "fontFamily", "arcgis-color-picker", "|", "sourceEditing", "arcgis-field-expression", "link", "|", "insertTable", "numberedList", "bulletedList", "alignment", "|", "bold", "italic", "underline", "|", "removeFormat", "undo", "redo"] }, image: { toolbar: ["imageStyle:alignLeft", "imageStyle:alignRight", "imageStyle:alignBlockLeft", "imageStyle:alignCenter", "imageStyle:alignBlockRight", "toggleImageCaption"] }, fontFamily: { options: ["default", { title: "Arial", model: "Arial", view: { name: "span", styles: { "font-family": "Arial, Helvetica, sans-serif" } } }, { title: "Courier New", model: "Courier", view: { name: "span", styles: { "font-family": "Courier New, Courier, monospace" } } }, { title: "Tahoma", model: "Tahoma", view: { name: "span", styles: { "font-family": "Tahoma, Geneva, sans-serif" } } }, { title: "Times New Roman", model: "Times", view: { name: "span", styles: { "font-family": "Times New Roman, Times, serif" } } }, { title: "Verdana", model: "Verdana", view: { name: "span", styles: { "font-family": "Verdana, Geneva, sans-serif" } } }], supportAllValues: !0 }, fontSize: { options: [10, 12, 14, 18, 24], supportAllValues: !0 }, fontColor: { ...e_ }, fontBackgroundColor: { ...e_ }, table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"], tableProperties: { colorPicker: { format: "hex" } }, tableCellProperties: { colorPicker: { format: "hex" }, defaultProperties: { horizontalAlignment: "center" } } }, htmlSupport: { allow: [{ name: "p", styles: !0 }, { name: "a", styles: !0, attributes: !0 }, { name: "div", styles: !0, attributes: ["align", "aria-hidden", "aria-label"] }, { name: "video", styles: !0, attributes: ["autoplay", "controls", "height", "loop", "muted", "poster", "preload", "width"] }, { name: "audio", styles: !0, attributes: ["autoplay", "controls", "loop", "muted", "preload"] }, { name: "ul" }, { name: "ol" }, { name: "li" }, { name: "tbody" }, { name: "br" }, { name: "hr" }, { name: "source", styles: !0, attributes: ["media", "src", "type"] }, { name: "table", styles: !0, attributes: ["width", "height", "cellpadding", "cellspacing", "border"] }, { name: "td", styles: !0, attributes: ["height", "width", "valign", "align", "colspan", "rowspan", "nowrap"] }, { name: "th", styles: !0, attributes: ["height", "width", "valign", "align", "colspan", "rowspan", "nowrap"] }, { name: "tr", styles: !0, attributes: !0 }, { name: "tbody", styles: !0, attributes: !0 }, { name: "hr", styles: !0, attributes: !0 }, { name: "img", styles: !0, attributes: !0 }, { name: "abbr", attributes: ["title"] }, { name: "font", styles: !0, attributes: !0 }, { name: "dd", styles: !0 }, { name: "dl", styles: !0 }, { name: "dt", styles: !0 }, { name: "h1", styles: !0 }, { name: "h2", styles: !0 }, { name: "h3", styles: !0 }, { name: "h4", styles: !0 }, { name: "h5", styles: !0 }, { name: "h6", styles: !0 }, { name: "sub", styles: !0 }, { name: "sup", styles: !0 }, { name: "figcaption", styles: !0 }, { name: "article", styles: !0 }, { name: "aside", styles: !0 }, { name: "details", styles: !0, attributes: ["open"] }, { name: "footer", styles: !0 }, { name: "header", styles: !0 }, { name: "main", styles: !0 }, { name: "mark", styles: !0 }, { name: "nav", styles: !0 }, { name: "section", styles: !0 }, { name: "summary", styles: !0 }, { name: "time", styles: !0 }, { name: "pre", styles: !0 }, { name: "code", styles: !0 }, { name: "blockquote", styles: !0 }, { name: "del", styles: !0 }, { name: "span", styles: !0, attributes: ["aria-label", "aria-hidden"] }, { name: "figure", styles: !0 }], disallow: [{ name: "a", attributes: { rel: !0 } }] }, language: "en" };
+        rr.defaultConfig = { licenseKey: "WlZCOVRvK1lBTUdYRG13dnQ3L1krYTlycHc5dTVZbm5kWmRoMkpIRS9ETHBGbzd1YzBYUGNxcTZVbVljTkprQldwTjlqbzJIa3Jidmd6SXBtdUU9LU1qQXlOREE1TWpRPQ==", link: { addTargetToExternalLinks: !0 }, toolbar: { items: ["fontSize", "fontFamily", "arcgis-color-picker", "|", "sourceEditing", "arcgis-field-expression", "link", "|", "insertTable", "numberedList", "bulletedList", "alignment", "|", "bold", "italic", "underline", "|", "removeFormat", "undo", "redo"] }, image: { toolbar: ["imageStyle:alignLeft", "imageStyle:alignRight", "imageStyle:alignBlockLeft", "imageStyle:alignCenter", "imageStyle:alignBlockRight", "toggleImageCaption"] }, fontFamily: { options: ["default", { title: "Arial", model: "Arial", view: { name: "span", styles: { "font-family": "Arial, Helvetica, sans-serif" } } }, { title: "Courier New", model: "Courier", view: { name: "span", styles: { "font-family": "Courier New, Courier, monospace" } } }, { title: "Tahoma", model: "Tahoma", view: { name: "span", styles: { "font-family": "Tahoma, Geneva, sans-serif" } } }, { title: "Times New Roman", model: "Times", view: { name: "span", styles: { "font-family": "Times New Roman, Times, serif" } } }, { title: "Verdana", model: "Verdana", view: { name: "span", styles: { "font-family": "Verdana, Geneva, sans-serif" } } }], supportAllValues: !0 }, fontSize: { options: [10, 12, 14, 18, 24], supportAllValues: !0 }, fontColor: { ...e_ }, fontBackgroundColor: { ...e_ }, table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"], tableProperties: { colorPicker: { format: "hex" } }, tableCellProperties: { colorPicker: { format: "hex" }, defaultProperties: { horizontalAlignment: "center" } } }, htmlSupport: { allow: [{ name: "p", styles: !0 }, { name: "a", styles: !0, attributes: !0 }, { name: "div", styles: !0, attributes: ["align", "aria-hidden", "aria-label"] }, { name: "video", styles: !0, attributes: ["autoplay", "controls", "height", "loop", "muted", "poster", "preload", "width"] }, { name: "audio", styles: !0, attributes: ["autoplay", "controls", "loop", "muted", "preload"] }, { name: "ul" }, { name: "ol" }, { name: "li" }, { name: "tbody" }, { name: "br" }, { name: "hr" }, { name: "source", styles: !0, attributes: ["media", "src", "type"] }, { name: "table", styles: !0, attributes: ["width", "height", "cellpadding", "cellspacing", "border"] }, { name: "td", styles: !0, attributes: ["height", "width", "valign", "align", "colspan", "rowspan", "nowrap"] }, { name: "th", styles: !0, attributes: ["height", "width", "valign", "align", "colspan", "rowspan", "nowrap"] }, { name: "tr", styles: !0, attributes: !0 }, { name: "tbody", styles: !0, attributes: !0 }, { name: "hr", styles: !0, attributes: !0 }, { name: "img", styles: !0, attributes: !0 }, { name: "abbr", attributes: ["title"] }, { name: "font", styles: !0, attributes: !0 }, { name: "dd", styles: !0 }, { name: "dl", styles: !0 }, { name: "dt", styles: !0 }, { name: "h2", styles: !0 }, { name: "h3", styles: !0 }, { name: "h4", styles: !0 }, { name: "h5", styles: !0 }, { name: "h6", styles: !0 }, { name: "sub", styles: !0 }, { name: "sup", styles: !0 }, { name: "figcaption", styles: !0 }, { name: "article", styles: !0 }, { name: "aside", styles: !0 }, { name: "details", styles: !0, attributes: ["open"] }, { name: "footer", styles: !0 }, { name: "header", styles: !0 }, { name: "main", styles: !0 }, { name: "mark", styles: !0 }, { name: "nav", styles: !0 }, { name: "section", styles: !0 }, { name: "summary", styles: !0 }, { name: "time", styles: !0 }, { name: "pre", styles: !0 }, { name: "code", styles: !0 }, { name: "blockquote", styles: !0 }, { name: "del", styles: !0 }, { name: "span", styles: !0, attributes: ["aria-label", "aria-hidden"] }], disallow: [{ name: "a", attributes: { rel: !0 } }] }, language: "en" };
         const wI = rr;
         function En(i, e, t, n) {
           let o, r = null;

package/dist/components/arcgis-ckeditor5/types.d.ts

@@ -1,6 +1,15 @@
+/** @internal */
 export type InputMentionField = {
   id: string;
   name: string;
 };
 
+/** @internal */
+export type DisplayMentionField = InputMentionField
+  & {
+  isFirstExpression: boolean;
+  isFirstField: boolean;
+};
+
+/** @internal */
 export type EditorType = "html" | "markdown";

package/dist/components/arcgis-ckeditor5-popover/customElement.d.ts

@@ -1,6 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
+/** @internal */
 export abstract class ArcgisCkeditor5Popover extends LitElement {
   /** Guid for ckeditor popover instance. */
   accessor guid: `${string}-${string}-${string}-${string}-${string}`;

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/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, safeClassMap as e, nothing as c } from "@arcgis/lumina";
+import { LitElement as d, createEvent as o, nothing as c, safeClassMap as e } from "@arcgis/lumina";
 import { createRef as s, ref as r } from "lit/directives/ref.js";
 import { Task as p } from "@lit/task";
 import { unsafeGetElementDirection as h } from "@arcgis/toolkit/dom";

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

@@ -1,9 +1,10 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { IPopoverProps } from "../../utils/types.js";
+import type { PopoverProps } from "../../utils/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { Popover as Popover } from "@esri/calcite-components/components/calcite-popover";
 
+/** @internal */
 export abstract class ArcgisColorInput extends LitElement {
   /** @internal */
   protected _messages: Partial<{
@@ -63,7 +64,7 @@ export abstract class ArcgisColorInput extends LitElement {
    */
   accessor placement: Popover["placement"];
   /** Convenience prop to specify common popover props. */
-  accessor popoverProps: IPopoverProps | undefined;
+  accessor popoverProps: PopoverProps | undefined;
   /**
    * If true, allow transparency to be modified within the color picker.
    *

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

@@ -1,9 +1,10 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type View from "@arcgis/core/views/View.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { FieldInfoLayer } from "./utils/basic.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
+/** @internal */
 export abstract class ArcgisFieldInfo extends LitElement {
   /** @internal */
   protected _messages: {
@@ -192,7 +193,7 @@ export abstract class ArcgisFieldInfo extends LitElement {
   /** Required layer instance. */
   accessor layer: FieldInfoLayer | undefined;
   /** View instance. If no view is provided all dates will show in 'system' timezone. */
-  accessor view: __esri.View | undefined;
+  accessor view: View | undefined;
   /** Refresh the field info display after external changes are made. */
   refresh(): Promise<void>;
   /** Emitted once all information is displayed. */

package/dist/components/arcgis-field-info/customElement.js

@@ -9,33 +9,31 @@ import { log as V, composeMissingPropertyMessage as I } from "@arcgis/toolkit/lo
 import E from "@arcgis/core/config.js";
 import * as _ from "@arcgis/core/core/reactiveUtils.js";
 import * as y from "@arcgis/core/intl.js";
+import * as N from "@arcgis/core/applications/PortalApp/layerUtils.js";
 import * as S from "@arcgis/core/core/lang.js";
 import R from "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
 import A from "@arcgis/core/smartMapping/statistics/uniqueValues.js";
-import { s as N } from "../../chunks/commonFunctions.js";
+import { i as p } from "../../chunks/commonFunctions.js";
 import L from "@arcgis/core/rest/support/Query.js";
 import { u as Z } from "../../chunks/useT9n.js";
-function p(a) {
-  return a != null;
-}
 function P(a) {
-  return a.type === "scene" ? a.associatedLayer?.url : a.url;
+  return a.type === "scene" ? a.associatedLayer?.url : a.url ?? void 0;
 }
 const M = {
   dateStyle: "short",
   timeStyle: "short"
-}, G = {
+}, U = {
   timeStyle: "medium"
 };
-function U(a) {
+function G(a) {
   const { layer: e, fieldName: t } = a;
   let i;
-  const n = N(e);
+  const n = N.supportsFieldConfiguration(e);
   let s;
   "popupTemplate" in e && (s = e.popupTemplate);
   const r = s ? s.fieldInfos : [];
   return O(a)?.filter((u) => u.name === t).forEach((u) => {
-    const l = !n && r ? r.filter((g) => g.fieldName === u.name) : null, o = n ? e.getFieldAlias(t) : l?.length ? l[0].label : u.alias;
+    const l = !n && r ? r.filter((g) => g.fieldName === u.name) : void 0, o = n ? e.getFieldAlias(t) : l?.length ? l[0].label : u.alias;
     /^raster.(item|service)pixelvalue/iu.test(t) && (u.type = "double");
     const c = {
       layerField: u,
@@ -169,7 +167,7 @@ function j(a, e) {
         g.code === o.code && (c = !0, `, ${g.name},`.includes(`, ${o.name},`) || (g.name += `, ${o.name}`));
       }), c || s.push(S.clone(o));
     });
-  })), !s.length && u?.codedValues && (s = S.clone(u.codedValues))) : u?.codedValues && (s = m.domain.codedValues), s?.length ? s : null;
+  })), !s.length && u?.codedValues && (s = S.clone(u.codedValues))) : u?.codedValues && (s = m.domain.codedValues), s?.length ? s : void 0;
 }
 async function J(a) {
   const { view: e, layer: t } = a;
@@ -271,7 +269,7 @@ class Y extends x {
       layer: s ?? t,
       fieldName: i,
       hideStatistics: n
-    }, this.props.fieldInfo = U(this.props), t.type === "scene" && E.request.interceptors?.push({
+    }, this.props.fieldInfo = G(this.props), t.type === "scene" && E.request.interceptors?.push({
       urls: `${P(t)}/${t.layerId}`,
       before(r) {
         r.requestOptions.authMode = "no-prompt";
@@ -422,7 +420,7 @@ class Y extends x {
       case "email-address":
         return "emailAddress";
       default:
-        return e.layerField.valueType;
+        return e.layerField.valueType ?? void 0;
     }
   }
   _getDisplayString(e, t) {
@@ -491,7 +489,7 @@ class Y extends x {
   }
   getCurrentFieldFormat() {
     const { props: e } = this, { layer: t, fieldName: i } = e;
-    return (this.originalLayerSupportsFieldConfiguration() ? t.getFieldConfiguration(i) : void 0)?.fieldFormat;
+    return (this.originalLayerSupportsFieldConfigs() ? t.getFieldConfiguration(i) : void 0)?.fieldFormat ?? void 0;
   }
   getIntlNumberFormattingOptions(e) {
     const t = this.getCurrentFieldFormat();
@@ -517,7 +515,7 @@ class Y extends x {
   getIntlDateTimeFormattingOptions(e, t) {
     const i = this.getCurrentFieldFormat();
     if (!t?.useFieldFormatting)
-      return i ? t?.isTimeOnly ? G : M : y.convertDateFormatToIntlOptions(e);
+      return i ? t?.isTimeOnly ? U : M : y.convertDateFormatToIntlOptions(e);
     const n = i ? {
       dateStyle: t?.isTimeOnly ? void 0 : i.dateStyle ?? void 0,
       // year/month is overridden if dateStyle is set
@@ -531,9 +529,9 @@ class Y extends x {
     const s = this.getPopupTemplateFieldInfo();
     return y.convertDateFormatToIntlOptions(s?.format?.dateFormat ?? e);
   }
-  originalLayerSupportsFieldConfiguration() {
+  originalLayerSupportsFieldConfigs() {
     const { layer: e } = this;
-    return N(e);
+    return N.supportsFieldConfiguration(e);
   }
   getPopupTemplateFieldInfo() {
     const { props: e } = this, { layer: t, fieldName: i } = e;
@@ -579,7 +577,7 @@ class Y extends x {
       return "";
     t === "success" ? e.features.forEach((h) => {
       (f === void 0 || f === null && h.attributes[o] !== null) && (f = h.attributes[o]);
-    }) : i === "success" ? f = n?.min : s === "success" && (f = r?.uniqueValueInfos?.[0]?.value || r?.uniqueValueInfos?.[1]?.value);
+    }) : i === "success" ? f = n?.min ?? void 0 : s === "success" && (f = r?.uniqueValueInfos?.[0]?.value ?? r?.uniqueValueInfos?.[1]?.value ?? void 0);
     const $ = c.codedValues;
     return p(f) && ($ ? f = $.find((h) => f === h.code)?.name || f : f = this._getDisplayString(f, { useFieldFormatting: !0 })), d`<div class="section"><div class="title">${m.fieldSampleValue}</div><div class=${F(t === "failed" && i === "failed" && s === "failed" || !p(f) ? "missing" : "")}>${t === "success" || i === "success" || s === "success" ? f?.toString() ?? g.allNulls : t === "failed" && i === "failed" && s === "failed" ? m.fieldSampleNotAvailable : m.fieldSampleRetrieving}</div></div>`;
   }
@@ -587,7 +585,7 @@ class Y extends x {
     const { _messages: e, props: t, hideNumericFormat: i } = this, { fieldName: n, fieldInfo: s, layer: r } = t;
     if (i || !["double", "long", "single"].includes(s.layerField.type))
       return "";
-    const m = this.originalLayerSupportsFieldConfiguration() ? r.getFieldConfiguration(n) : void 0;
+    const m = this.originalLayerSupportsFieldConfigs() ? r.getFieldConfiguration(n) : void 0;
     if (m?.fieldFormat) {
       const { minimumFractionDigits: l, maximumFractionDigits: o } = m.fieldFormat;
       return d`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldMinimumFractionDigits.replace("${number}", l.toString())}</div><div>${e.fieldMaximumFractionDigits.replace("${number}", o.toString())}</div></div>`;

package/dist/components/arcgis-field-info/utils/basic.d.ts

@@ -1,3 +1,22 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type SceneLayer from "@arcgis/core/layers/SceneLayer.js";
+import type OGCFeatureLayer from "@arcgis/core/layers/OGCFeatureLayer.js";
+import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
+import type WFSLayer from "@arcgis/core/layers/WFSLayer.js";
+import type WCSLayer from "@arcgis/core/layers/WCSLayer.js";
+import type VoxelLayer from "@arcgis/core/layers/VoxelLayer.js";
+import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer.js";
+import type SubtypeGroupLayer from "@arcgis/core/layers/SubtypeGroupLayer.js";
+import type Sublayer from "@arcgis/core/layers/support/Sublayer.js";
+import type StreamLayer from "@arcgis/core/layers/StreamLayer.js";
+import type ParquetLayer from "@arcgis/core/layers/ParquetLayer.js";
+import type OrientedImageryLayer from "@arcgis/core/layers/OrientedImageryLayer.js";
+import type KnowledgeGraphSublayer from "@arcgis/core/layers/knowledgeGraph/KnowledgeGraphSublayer.js";
+import type ImageryTileLayer from "@arcgis/core/layers/ImageryTileLayer.js";
+import type ImageryLayer from "@arcgis/core/layers/ImageryLayer.js";
+import type GeoJSONLayer from "@arcgis/core/layers/GeoJSONLayer.js";
+import type CSVLayer from "@arcgis/core/layers/CSVLayer.js";
+import type CatalogLayer from "@arcgis/core/layers/CatalogLayer.js";
+import type CatalogFootprintLayer from "@arcgis/core/layers/catalog/CatalogFootprintLayer.js";
 
-export type FieldInfoLayer = __esri.CatalogFootprintLayer | __esri.CatalogLayer | __esri.CSVLayer | __esri.FeatureLayer | __esri.GeoJSONLayer | __esri.ImageryLayer | __esri.ImageryTileLayer | __esri.KnowledgeGraphSublayer | __esri.OGCFeatureLayer | __esri.OrientedImageryLayer | __esri.ParquetLayer | __esri.SceneLayer | __esri.StreamLayer | __esri.Sublayer | __esri.SubtypeGroupLayer | __esri.SubtypeSublayer | __esri.VoxelLayer | __esri.WCSLayer | __esri.WFSLayer;
+/** @internal */
+export type FieldInfoLayer = CatalogFootprintLayer | CatalogLayer | CSVLayer | FeatureLayer | GeoJSONLayer | ImageryLayer | ImageryTileLayer | KnowledgeGraphSublayer | OGCFeatureLayer | OrientedImageryLayer | ParquetLayer | SceneLayer | StreamLayer | Sublayer | SubtypeGroupLayer | SubtypeSublayer | VoxelLayer | WCSLayer | WFSLayer;

package/dist/components/arcgis-field-pick-list/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type View from "@arcgis/core/views/View.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { IPickListFieldInfo, IPickListGroupInfo, IPopoverProps, LastSortBy } from "../../utils/types.js";
+import type { PickListFieldInfo, PickListGroupInfo, PopoverProps } from "../../utils/types.js";
 import type { FieldPickListLayer } from "./utils/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
@@ -13,6 +13,7 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
  * @slot [content-bottom] - A slot for content below the list, non-scrollable. Valid only if listOnly is not set to true.
  * @slot [content-footer] - A slot for content below the list inside the panel's footer, non-scrollable. Valid only if listOnly is not set to true.
  * @slot [no-fields] - A slot for content, e.g. a message, that displays if the list of fields is empty.
+ * @internal
  */
 export abstract class ArcgisFieldPickList extends LitElement {
   /** @internal */
@@ -56,14 +57,14 @@ export abstract class ArcgisFieldPickList extends LitElement {
       noMatches: string;
   }>;
   /** Custom function to distinguish expressions from fields. */
-  accessor customExpressionCheck: ((field: IPickListFieldInfo) => boolean) | undefined;
+  accessor customExpressionCheck: ((field: PickListFieldInfo) => boolean) | undefined;
   /** Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true. */
   accessor expressionsGroupHeading: string | undefined;
   /**
    * All display fields with name, alias, type, and description, sorted by default order.
    * A field with type "none" will always show at the bottom of the list without an info action.
    */
-  accessor fields: IPickListFieldInfo[] | IPickListGroupInfo[];
+  accessor fields: PickListFieldInfo[] | PickListGroupInfo[];
   /** Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true. */
   accessor fieldsGroupHeading: string | undefined;
   /** Filter no results text. If empty string ("") no text will be shown. */
@@ -100,7 +101,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
    */
   accessor listOnly: boolean;
   /** @deprecated use view instead */
-  accessor mapView: __esri.View | undefined;
+  accessor mapView: View | undefined;
   /**
    * If true, allows for multiple selection. If false, the
    * popover will close once an item has been selected.
@@ -111,7 +112,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
   /** Ok button text. Ok button only shows when multiple set to true. Valid only if listOnly is not set to true. */
   accessor okBtnText: string | undefined;
   /** Convenience prop to specify common popover props, `popoverProps.refElement` is required. Valid only if listOnly is not set to true. */
-  accessor popoverProps: IPopoverProps | undefined;
+  accessor popoverProps: PopoverProps | undefined;
   /** The initially selected fields. Will use selectedFields[0] when multiple is set to false. */
   accessor selectedFields: string[];
   /**
@@ -167,7 +168,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
    */
   accessor sortBy: LastSortBy;
   /** View instance. */
-  accessor view: __esri.View | undefined;
+  accessor view: View | undefined;
   /** Reposition the component. */
   reposition(): Promise<void>;
   /**
@@ -182,9 +183,9 @@ export abstract class ArcgisFieldPickList extends LitElement {
   readonly arcgisChange: import("@arcgis/lumina").TargetedEvent<this, { selectedFields: string[]; }>;
   /** Emitted when the pick list has been closed. */
   readonly arcgisClose: import("@arcgis/lumina").TargetedEvent<this, { selectedFields: string[]; } | void>;
-  /** Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true. */
+  /** Emitted when the delete icon of a field has been clicked. The field must have PickListFieldInfo.showDeleteAction set to true. */
   readonly arcgisDeleteField: import("@arcgis/lumina").TargetedEvent<this, { fieldName: string; }>;
-  /** Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true. */
+  /** Emitted when the edit icon of a field has been clicked. The field must have PickListFieldInfo.showEditAction set to true. */
   readonly arcgisEditField: import("@arcgis/lumina").TargetedEvent<this, { fieldName: string; }>;
   /** @deprecated use arcgisChange instead */
   readonly arcgisFieldPickListChange: import("@arcgis/lumina").TargetedEvent<this, { selectedFields: string[]; }>;
@@ -204,4 +205,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
     arcgisFieldPickListSortByChange: ArcgisFieldPickList["arcgisFieldPickListSortByChange"]["detail"];
     arcgisSortByChange: ArcgisFieldPickList["arcgisSortByChange"]["detail"];
   };
-}
+}
+
+/** @internal */
+export type LastSortBy = "default" | "display" | "field" | "type";

package/dist/components/arcgis-field-pick-list/customElement.js

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as y } from "../../chunks/runtime.js";
 import { keyed as F } from "lit/directives/keyed.js";
-import { LitElement as w, createEvent as n, renderElement as $, safeStyleMap as g, nothing as d, safeClassMap as S } from "@arcgis/lumina";
+import { LitElement as w, createEvent as n, renderElement as $, nothing as d, safeStyleMap as g, safeClassMap as S } from "@arcgis/lumina";
 import { createRef as r, ref as h } from "lit/directives/ref.js";
 import { html as l, css as C } from "lit";
 import { Task as v } from "@lit/task";
 import { log as u, composeMissingPropertyMessage as k } from "@arcgis/toolkit/log";
+import { F as f } from "../../chunks/internal-types.js";
 import { i as B } from "../../chunks/commonFunctions.js";
-import { F as f } from "../../chunks/types.js";
 import { u as x } from "../../chunks/useT9n.js";
 const o = /* @__PURE__ */ new Map();
 o.set("oid", "key");

package/dist/components/arcgis-field-pick-list/utils/types.d.ts

@@ -1,4 +1,26 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type WFSLayer from "@arcgis/core/layers/WFSLayer.js";
+import type WCSLayer from "@arcgis/core/layers/WCSLayer.js";
+import type VoxelLayer from "@arcgis/core/layers/VoxelLayer.js";
+import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer.js";
+import type SubtypeGroupLayer from "@arcgis/core/layers/SubtypeGroupLayer.js";
+import type Sublayer from "@arcgis/core/layers/support/Sublayer.js";
+import type StreamLayer from "@arcgis/core/layers/StreamLayer.js";
+import type SceneLayer from "@arcgis/core/layers/SceneLayer.js";
+import type ParquetLayer from "@arcgis/core/layers/ParquetLayer.js";
+import type OrientedImageryLayer from "@arcgis/core/layers/OrientedImageryLayer.js";
+import type OGCFeatureLayer from "@arcgis/core/layers/OGCFeatureLayer.js";
+import type KnowledgeGraphSublayer from "@arcgis/core/layers/knowledgeGraph/KnowledgeGraphSublayer.js";
+import type ImageryTileLayer from "@arcgis/core/layers/ImageryTileLayer.js";
+import type ImageryLayer from "@arcgis/core/layers/ImageryLayer.js";
+import type GeoJSONLayer from "@arcgis/core/layers/GeoJSONLayer.js";
+import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
+import type CSVLayer from "@arcgis/core/layers/CSVLayer.js";
+import type CatalogLayer from "@arcgis/core/layers/CatalogLayer.js";
+import type CatalogFootprintLayer from "@arcgis/core/layers/catalog/CatalogFootprintLayer.js";
 
-/** All supported layer types */
-export type FieldPickListLayer = __esri.CatalogFootprintLayer | __esri.CatalogLayer | __esri.CSVLayer | __esri.FeatureLayer | __esri.GeoJSONLayer | __esri.ImageryLayer | __esri.ImageryTileLayer | __esri.KnowledgeGraphSublayer | __esri.OGCFeatureLayer | __esri.OrientedImageryLayer | __esri.ParquetLayer | __esri.SceneLayer | __esri.StreamLayer | __esri.Sublayer | __esri.SubtypeGroupLayer | __esri.SubtypeSublayer | __esri.VoxelLayer | __esri.WCSLayer | __esri.WFSLayer;
+/**
+ * All supported layer types
+ *
+ * @internal
+ */
+export type FieldPickListLayer = CatalogFootprintLayer | CatalogLayer | CSVLayer | FeatureLayer | GeoJSONLayer | ImageryLayer | ImageryTileLayer | KnowledgeGraphSublayer | OGCFeatureLayer | OrientedImageryLayer | ParquetLayer | SceneLayer | StreamLayer | Sublayer | SubtypeGroupLayer | SubtypeSublayer | VoxelLayer | WCSLayer | WFSLayer;