@arcgis/map-components 5.1.0-next.98 → 5.2.0-next.0

package/dist/components/arcgis-layer-list-next/layer-list-item/customElement.js

@@ -0,0 +1,153 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as c } from "lit";
+import { keyed as W } from "lit/directives/keyed.js";
+import { isLayerFromCatalog as Ae } from "@arcgis/core/layers/catalog/catalogUtils.js";
+import { safeClassMap as d, safeStyleMap as Ce, nothing as r } from "@arcgis/lumina";
+import { classes as P } from "@arcgis/toolkit/dom";
+import { createRef as X, ref as Y } from "lit/directives/ref.js";
+import { repeat as Se } from "lit/directives/repeat.js";
+import { g as Te, a as ie } from "../../../chunks/action-utils.js";
+import { h as xe, j as Z, l as Me, k as Le, n as Ee, o as ke, g as we } from "../../../chunks/layer-list-utils.js";
+import { s as Pe } from "../../../chunks/component-utils.js";
+const ae = /* @__PURE__ */ new Map();
+function le(i) {
+  return i ? ae.get(i) ?? !1 : !1;
+}
+function De(i, e) {
+  const l = !(i.aria?.pressed ?? le(e));
+  return i.aria = { ...i.aria, pressed: l }, e && ae.set(e, l), l;
+}
+function D(i) {
+  return i && "visibilityMode" in i ? i.visibilityMode : null;
+}
+function ee(i, e) {
+  if (!("visible" in i))
+    return;
+  D(e) === "exclusive" && i.visible || (i.visible = !i.visible);
+}
+function Fe(i, e) {
+  i.panel.open = !i.panel.open, i.panel.open && e && e();
+}
+function Oe(i, e, l, m) {
+  i && l === e.layer?.uid && (Pe(i), m?.(null));
+}
+function Re(i, e, l) {
+  l.type === "toggle" && (l.value = !l.value), i(l, e);
+}
+function Ve(i) {
+  return i.actionsSections.map((e) => e.filter((l) => l.visible));
+}
+function ne(i, e) {
+  const { icon: l } = e;
+  if (l)
+    return null;
+  const m = "image" in e ? e.image : void 0;
+  return m ? c`<span aria-hidden=true class=${d(P(i.itemActionIcon, { [i.itemActionImage]: !!m }))} style=${Ce(Te(m))}></span>` : null;
+}
+function te(i, e, l) {
+  const { item: m, css: a, handleAction: f } = i, { active: C, disabled: I, title: g, type: S, indicator: h } = e, T = ie(e);
+  return c`<calcite-action .active=${S === "toggle" ? e.value : !1} data-action-id=${e.id ?? r} .disabled=${I} .icon=${T} .indicator=${h} .loading=${C} @click=${() => Re(f, m, e)} scale=s slot=${(l ? void 0 : "actions-end") ?? r} .text=${g ?? ""} .textEnabled=${l} title=${g ?? void 0 ?? r}>${ne(a, e)}</calcite-action>`;
+}
+function Ge(i) {
+  const { item: e, parent: l, hideStatusIndicators: m, css: a, visibilityAppearance: f, hideCatalogLayerList: C, dragEnabled: I = !1, rootGroupUid: g, listModeDisabled: S = !1, selectionMode: h, displayMode: T, layerTablesEnabled: x, showErrors: ce, parentTitles: F, selectedItems: se, activeItem: oe, handleCatalogOpen: re, handleTablesOpen: de, selectedDragItemLayerUid: ue, handleSelectedDragItemLayerUidChange: me, handlePanelOpen: $e, messages: n, setCurrentActiveItem: O, clearActiveItem: R } = i, p = X(), M = X(), b = e.title || ("untitledTable" in n ? n.untitledTable : n.untitledLayer ?? "");
+  let V = null;
+  m || (V = c`<arcgis-layer-list-item-indicator class=${d(a.statusIndicator)} .messages=${n} .item=${e} .parent=${l} slot=content-end></arcgis-layer-list-item-indicator>`);
+  let G = null;
+  {
+    const { layer: t } = e, s = t && "persistenceEnabled" in t && (Ae(t) || !t.persistenceEnabled);
+    (i.showTemporaryLayerIndicators || i.showTemporaryTableIndicators) && s && (G = c`<calcite-icon class=${d(a.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${n.temporary ?? r}></calcite-icon>`);
+  }
+  let H = null;
+  if ("visible" in e && "visibleToggle" in a && f) {
+    const t = D(l);
+    if (t !== "inherited") {
+      const s = xe({
+        visible: e.visible,
+        exclusive: t === "exclusive",
+        visibilityAppearance: f
+      }), o = f === "checkbox", $ = n.layerVisibility, v = le(e.layer?.id);
+      H = c`<calcite-action .aria=${{ pressed: v }} .active=${v} class=${d(a.visibleToggle)} .icon=${o ? s : void 0} @click=${(y) => {
+        De(y.currentTarget, e.layer?.id), ee(e, l);
+      }} .slot=${o ? "actions-start" : "actions-end"} .text=${$ ?? ""} title=${$ ?? r}>${o ? null : c`<calcite-icon class=${d(P({
+        [a.visibleIcon]: t !== "exclusive" && e.visible
+      }))} .icon=${s} scale=s></calcite-icon>`}</calcite-action>`;
+    }
+  }
+  let U = null;
+  {
+    const t = e.panel;
+    t?.open && !t.disabled && !t.flowEnabled && (U = c`<div class=${d(a.itemContentBottom)} slot=content-bottom><arcgis-layer-list-item-panel .item=${e} .view=${i.view}></arcgis-layer-list-item-panel></div>`);
+  }
+  let q = null;
+  {
+    const t = e.panel;
+    if (t?.visible) {
+      const { open: s, title: o, disabled: $ } = t, v = { icon: t.icon, image: t.image, indicator: !1 }, y = ie(v);
+      q = c`<calcite-action .active=${s} .disabled=${$} .icon=${y} @click=${() => Fe(e, $e)} slot=actions-end .text=${o ?? ""} title=${o ?? void 0 ?? r}>${ne(a, t)}</calcite-action>`;
+    }
+  }
+  let j = null;
+  {
+    const t = e.layer, s = t?.type === "catalog-footprint", o = t?.type === "sublayer" && Z(t, "footprints");
+    "itemCatalogIcon" in a && (s || o) && (j = c`<calcite-icon class=${d(a.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`);
+  }
+  let B = null;
+  {
+    const t = e.layer, s = t?.type === "catalog-dynamic-group", o = t?.type === "sublayer" && Z(t, "layers-in-view");
+    "itemCatalogIcon" in a && (s || o) && (B = c`<calcite-icon class=${d(a.itemCatalogIcon)} icon=catalog-dataset scale=s slot=content-start></calcite-icon>`);
+  }
+  let N = null;
+  if ("visible" in e) {
+    const t = e.layer;
+    !C && t?.type === "catalog-dynamic-group" && (N = c`<calcite-action .disabled=${!t.visible} icon=chevron-right icon-flip-rtl @click=${() => re?.(e)} scale=s slot=actions-end .text=${b ?? ""}></calcite-action>`);
+  }
+  let _ = null, L = !1;
+  {
+    const t = e.layer;
+    if (x && t)
+      switch (t.type) {
+        case "knowledge-graph":
+          L = x.includes(t.type) && "tables" in t && !!t.tables?.length;
+          break;
+        case "map-image":
+        case "tile":
+          L = x.includes(t.type) && "subtables" in t && !!t.subtables?.length;
+          break;
+      }
+    "itemTableIcon" in a && "visible" in e && "tables" in n && L && (_ = W(`${e.uid}-tables`, c`<calcite-list-item class=${d(a.item)} data-layer-id=${t?.id ?? r} drag-disabled .label=${n.tables} title=${n.tables ?? r} @calciteListItemSelect=${() => de?.(e)} .value=${e}><calcite-icon class=${d(a.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`));
+  }
+  let z = null;
+  if ("children" in e) {
+    const t = [...F ?? [], e.title], { children: s, layer: o } = e, $ = o?.type !== "catalog-dynamic-group" && Me(e), v = S ? !1 : Le(o), y = o?.type === "group", fe = !v && !$ && I && y, he = I && "childrenSortable" in e && e.childrenSortable && Ee(e), Ie = $ ? Se(s?.filter((u) => !u.hidden && (ce || !u.error)).toArray() ?? [], (u) => u.uid, (u) => Ge({ ...i, item: u, parent: e, parentTitles: t })) : null;
+    ($ || fe) && (z = c`<calcite-list .canPull=${(u) => i.canMove ? i.canMove(u, "pull") : !1} .canPut=${(u) => i.canMove ? i.canMove(u, "put") : !1} data-item=${e.uid ?? r} data-layer-type=${g ?? r} .displayMode=${T} .dragEnabled=${he} .group=${y ? g : `${g}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${h}>${Ie}${_}</calcite-list>`);
+  }
+  let E = null;
+  e.error ? E = c`<div class=${d(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${"tableError" in n ? n.tableError : n.layerError}</div></calcite-notice></div>` : "incompatible" in e && e.incompatible && "layerIncompatible" in n && (E = c`<div class=${d(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${Y(M)}><div slot=message>${n.layerIncompatible}</div></calcite-notice></div>`);
+  const J = Ve(e), k = e.actionsSections.reduce((t, s) => t + s.length, 0), K = ke(J), pe = J.toArray().map((t) => c`<calcite-action-group>${t.toArray().map((s) => te(i, s, !0))}</calcite-action-group>`), ge = (t) => {
+    e.actionsOpen = t.currentTarget.open;
+  };
+  let Q = null;
+  k > 1 && (Q = c`<calcite-action-menu appearance=transparent .label=${n.menu ?? ""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${ge}><calcite-action .aria=${{
+    expanded: e.actionsOpen ?? !1,
+    hasPopup: "true"
+  }} icon=ellipsis scale=s slot=trigger .text=${n.options ?? ""} title=${n.options ?? r}></calcite-action>${pe}</calcite-action-menu>`);
+  let w = null;
+  k === 1 && K ? w = te(i, K, !1) : k > 1 && (w = Q);
+  const be = "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in n && !e.visibleAtCurrentTimeExtent ? `${b} (${n.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in n && !e.visibleAtCurrentScale ? `${b} (${n.layerInvisibleAtScale})` : b, ve = "parent" in e && e.parent?.layer?.type === "catalog", A = e.layer, ye = "visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent;
+  return queueMicrotask(() => {
+    Oe(p.value ?? null, e, ue, me), M.value && (i.handleTooltipReferenceChange?.(A?.uid, M.value), queueMicrotask(() => i.handleTooltipReferenceChange?.(A?.uid, null))), e.panel && (e.panel.container = p.value);
+  }), W(e.uid, c`<calcite-list-item class=${d(P(a.item, "itemActive" in a && { [a.itemActive]: oe?.uid === e.uid }))} data-item=${e.uid ?? r} data-layer-id=${A?.id ?? r} .dragDisabled=${!("sortable" in e && e.sortable) || ve} id=${A?.uid ?? r} .label=${b} .metadata=${{ parentTitles: F ?? [], _title: b }} .expanded=${"open" in e && e.open} .selected=${h !== "none" ? se.includes(e) : !1} title=${be ?? r} .unavailable=${ye} .value=${e} @focusin=${() => {
+    O?.(e), p.value?.classList.add(a.itemActive);
+  }} @focusout=${() => {
+    R?.(), p.value?.classList.remove(a.itemActive);
+  }} @mouseover=${() => {
+    O?.(e), p.value?.classList.add(a.itemActive);
+  }} @mouseleave=${() => {
+    R?.(), p.value?.classList.remove(a.itemActive);
+  }} @calciteListItemSelect=${(t) => "visible" in e && we(t.currentTarget, i.operationalItems) === e && h === "none" && D(l) !== "inherited" && ee(e, l)} @calciteListItemToggle=${(t) => {
+    "open" in e && (t.stopPropagation(), e.open = t.target.expanded);
+  }} ${Y(p)}>${j}${B}${V}${H}${N}${G}${z}${E}${U}${q}${w}</calcite-list-item>`);
+}
+export {
+  Ge as ArcgisLayerListItem
+};

package/dist/components/arcgis-legend/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 l } from "../../chunks/runtime.js";
 import { css as d, html as r } from "lit";
 import { on as o, watch as s } from "@arcgis/core/core/reactiveUtils.js";
@@ -10,7 +10,7 @@ import { u as _ } from "../../chunks/useHandles.js";
 import { u as m } from "../../chunks/useT9n.js";
 import { m as v } from "../../chunks/useViewModel.js";
 import { g as a } from "../../chunks/globalCss.js";
-const w = d`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{overflow:auto;width:var(--arcgis-internal-legend-width, 300px)}:host([card-style-layout="side-by-side"]){--arcgis-internal-legend-width: auto}`, y = v(c);
+const w = d`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{overflow:auto;width:var(--arcgis-internal-legend-width, 300px)}.root{overflow-y:var(--arcgis-internal-panel-overflow, auto)}:host([card-style-layout="side-by-side"]){--arcgis-internal-legend-width: auto}`, y = v(c);
 class b extends g {
   constructor() {
     super(...arguments), this.messages = m({}), this.final = _("destroy"), this.viewModel = y(this), this._isCardStyle = !1, this.view = this.viewModel.view, this.icon = "legend", this.activeLayerInfos = this.viewModel.activeLayerInfos, this.basemapLegendVisible = this.viewModel.basemapLegendVisible, this.headingLevel = 3, this.hideLayersNotInCurrentView = this.viewModel.hideLayersNotInCurrentView, this.respectLayerDefinitionExpression = this.viewModel.respectLayerDefinitionExpression, this.layerInfos = this.viewModel.layerInfos, this.loading = this.viewModel.loading, this.legendStyle = "classic", this.autoDestroyDisabled = !1, this.label = this.messages?.componentLabel, this.state = this.viewModel.state, this.arcgisPropertyChange = f()("state"), this.arcgisReady = h();

package/dist/components/arcgis-legend-card-color-ramp/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 f } from "../../chunks/runtime.js";
 import { css as y, html as s } from "lit";
 import { LitElement as v, safeClassMap as $, safeStyleMap as u } from "@arcgis/lumina";

package/dist/components/arcgis-legend-card-element/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 E } from "../../chunks/runtime.js";
 import { css as k, html as i } from "lit";
 import y from "@arcgis/core/Color.js";

package/dist/components/arcgis-legend-card-size-ramp/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 { css as P, html as X } from "lit";
 import { LitElement as j, safeStyleMap as v, safeClassMap as Y } from "@arcgis/lumina";

package/dist/components/arcgis-legend-card-univariate-above-and-below-ramp/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 E } from "../../chunks/runtime.js";
 import { css as A, html as t } from "lit";
 import { LitElement as L, safeStyleMap as a } from "@arcgis/lumina";

package/dist/components/arcgis-legend-card-univariate-color-size-ramp/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 b } from "../../chunks/runtime.js";
 import { css as w, html as l } from "lit";
 import { LitElement as u, safeStyleMap as i } from "@arcgis/lumina";

package/dist/components/arcgis-legend-card-view/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 l } from "../../chunks/runtime.js";
 import { css as a, html as i } from "lit";
 import { watch as c } from "@arcgis/core/core/reactiveUtils.js";

package/dist/components/arcgis-legend-classic-color-ramp/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 r } from "../../chunks/runtime.js";
 import { css as i, html as l } from "lit";
 import { LitElement as s, safeStyleMap as c, safeClassMap as p } from "@arcgis/lumina";

package/dist/components/arcgis-legend-classic-element/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 v } from "../../chunks/runtime.js";
 import { css as $, html as s } from "lit";
 import { LitElement as u, safeClassMap as n, nothing as c, safeStyleMap as w } from "@arcgis/lumina";

package/dist/components/arcgis-legend-classic-size-ramp/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 t } from "../../chunks/runtime.js";
 import { css as n, html as i } from "lit";
 import { LitElement as m, safeClassMap as r } from "@arcgis/lumina";

package/dist/components/arcgis-legend-classic-univariate-above-and-below-ramp/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 k } from "../../chunks/runtime.js";
 import { css as B, html as l } from "lit";
 import { LitElement as F, safeClassMap as b, safeStyleMap as e } from "@arcgis/lumina";

package/dist/components/arcgis-legend-classic-univariate-color-size-ramp/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 u } from "../../chunks/runtime.js";
 import { css as w, html as i } from "lit";
 import { LitElement as x, safeClassMap as o, safeStyleMap as e } from "@arcgis/lumina";

package/dist/components/arcgis-legend-classic-view/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 n } from "../../chunks/runtime.js";
 import { css as c, html as t } from "lit";
 import { LitElement as d, safeClassMap as o } from "@arcgis/lumina";

package/dist/components/arcgis-legend-relationship-ramp/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 F } from "../../chunks/runtime.js";
 import { css as P, html as b, svg as X } from "lit";
 import { getBoundingBox as j, computeBBox as I, getTransformMatrix as A } from "@arcgis/core/applications/Components/svgUtils.js";

package/dist/components/arcgis-legend-spike-ramp/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 W } from "../../chunks/runtime.js";
 import { css as X, html as g } from "lit";
 import { LitElement as Y, safeStyleMap as b } from "@arcgis/lumina";

package/dist/components/arcgis-line-of-sight/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 f } from "../../chunks/runtime.js";
 import { css as v, html as o } from "lit";
 import { LitElement as m, createEvent as w, safeClassMap as h } from "@arcgis/lumina";

package/dist/components/arcgis-link-chart/customElement.d.ts

@@ -83,7 +83,7 @@ export abstract class ArcgisLinkChart extends LitElement {
    * [CIMSymbol](https://developers.arcgis.com/javascript/latest/references/core/symbols/CIMSymbol/),
    * [PictureMarkerSymbol](https://developers.arcgis.com/javascript/latest/references/core/symbols/PictureMarkerSymbol/)
    * from a GIF/animated PNG), animated renderers
-   * ([FlowRenderer](https://developers.arcgis.com/javascript/latest/references/core/rasterRenderers/#FlowRenderer)),
+   * ([FlowRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/FlowRenderer/)),
    * animated layers ([MediaLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/MediaLayer/),
    * [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/)), and
    * animations triggered by view navigation (for example,
@@ -730,6 +730,7 @@ export abstract class ArcgisLinkChart extends LitElement {
   closePopup(): Promise<void>;
   /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */
   destroy(): Promise<void>;
+  focusPopup(): Promise<void>;
   /**
    * Sets the view to a given target.
    *

package/dist/components/arcgis-link-chart/customElement.js

@@ -1,17 +1,17 @@
-/* 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 { watch as n } from "@arcgis/core/core/reactiveUtils.js";
 import _ from "@arcgis/core/views/LinkChartView.js";
 import b from "@arcgis/core/WebLinkChart.js";
-import { LitElement as V, createEvent as w, safeClassMap as c } from "@arcgis/lumina";
+import { LitElement as V, createEvent as c, safeClassMap as w } from "@arcgis/lumina";
 import { reCreateAccessor as A, reEmitEvent as e, makeAccessorController as f } from "@arcgis/lumina/controllers/accessor";
 import { createRef as v, ref as m } from "lit/directives/ref.js";
 import { s as I } from "../../chunks/esri-main.js";
 import { s as E } from "../../chunks/slots.js";
 import { C as u } from "../../chunks/resources.js";
 import { p as L, i as k } from "../../chunks/component-utils.js";
-import { U as M, u as R, a as U } from "../../chunks/useArcgisViewReadyError.js";
-import { fetchKnowledgeGraph as D } from "@arcgis/core/rest/knowledgeGraphService.js";
+import { U as M, P as R, u as U, a as D } from "../../chunks/useArcgisViewReadyError.js";
+import { fetchKnowledgeGraph as P } from "@arcgis/core/rest/knowledgeGraphService.js";
 import x from "@arcgis/core/rest/knowledgeGraph/GraphQueryStreaming.js";
 import { t as d } from "../../chunks/async-utils.js";
 import { isAbortError as g } from "@arcgis/core/core/promiseUtils.js";
@@ -29,9 +29,9 @@ const z = f(
    */
   {}
 ), Z = f(_, {});
-class P extends V {
+class F extends V {
   constructor() {
-    super(), this._containerRef = v(), this._mapRef = v(), this._uiController = new M(this), this._activeLoadAbortController = null, this.arcgisLoadError = R(this), this.arcgisViewReadyError = U(this), this._map = z(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = Z(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = w(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = w(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
+    super(), this._containerRef = v(), this._mapRef = v(), this._uiController = new M(this), this._popupFocusController = new R(this), this._activeLoadAbortController = null, this.arcgisLoadError = U(this), this.arcgisViewReadyError = D(this), this._map = z(this), this._baseCypherQuery = "", this._serviceUrl = "", this._propItemId = "", this.view = Z(this), this.animationsDisabled = this.view.animationsEnabled, this.allLayerViews = this.view.allLayerViews, this.analyses = this.view.analyses, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.background = this.view.background, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.fatalError = this.view.fatalError, this.graphics = this.view.graphics, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.ready = this.view.ready, this.resizeAlign = this.view.resizeAlign, this.resolution = this.view.resolution, this.rotation = this.view.rotation, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.arcgisViewAnalysisViewCreate = e(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = e(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = e(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = c(), this.arcgisViewClick = e(() => this.view, "click"), this.arcgisViewDoubleClick = e(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = e(() => this.view, "double-tap-drag"), this.arcgisViewDrag = e(() => this.view, "drag"), this.arcgisViewHold = e(() => this.view, "hold"), this.arcgisViewImmediateClick = e(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = e(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = e(() => this.view, "key-down"), this.arcgisViewKeyUp = e(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = e(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = e(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = e(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = e(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = e(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = e(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = e(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = e(() => this.view, "pointer-move"), this.arcgisViewPointerUp = e(() => this.view, "pointer-up"), this.arcgisViewReadyChange = c(), this.arcgisViewVerticalTwoFingerDrag = e(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
       components: []
     };
   }
@@ -129,6 +129,9 @@ class P extends V {
   async closePopup() {
     this._uiController.closePopup();
   }
+  async focusPopup() {
+    this._popupFocusController.focusPopup();
+  }
   async destroy() {
     await this.manager.destroy();
   }
@@ -226,14 +229,14 @@ class P extends V {
     });
   }
   renderMain() {
-    return y`<div class=${c(u.base)} ${m(this._mapRef)}></div>`;
+    return y`<div class=${w(u.base)} ${m(this._mapRef)}></div>`;
   }
   render() {
-    return y`${this.renderMain()}<section class=${c(u.containerUI)} ${m(this._containerRef)}>${this._uiController.render()}</section>`;
+    return y`${this.renderMain()}<section class=${w(u.containerUI)} ${m(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
 const s = {
-  fetchKnowledgeGraph: async (r) => await D(r),
+  fetchKnowledgeGraph: async (r) => await P(r),
   WebLinkChart: b,
   LinkChartLayer: Q,
   setMap: (r, i) => {
@@ -250,8 +253,8 @@ const s = {
   },
   reCreateAccessor: A
 };
-C("arcgis-link-chart", P);
+C("arcgis-link-chart", F);
 export {
-  P as ArcgisLinkChart,
+  F as ArcgisLinkChart,
   s as exportsForTests
 };

package/dist/components/arcgis-link-chart-layout-switcher/customElement.js

@@ -1,13 +1,13 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as h } from "../../chunks/runtime.js";
-import { css as d, html as i } from "lit";
-import m from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
-import { usePropertyChange as g } from "@arcgis/lumina/controllers";
-import { m as p } from "../../chunks/useViewModel.js";
-import { u } from "../../chunks/useT9n.js";
-import { reEmitEvent as y } from "@arcgis/lumina/controllers/accessor";
-import { LitElement as w, createEvent as v } from "@arcgis/lumina";
-const L = d``, e = {
+import { html as i } from "lit";
+import d from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
+import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import { m as g } from "../../chunks/useViewModel.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { reEmitEvent as u } from "@arcgis/lumina/controllers/accessor";
+import { LitElement as y, createEvent as w } from "@arcgis/lumina";
+const e = {
   forceDirected: "organic-standard",
   community: "organic-community",
   simple: "basic-grid",
@@ -17,7 +17,7 @@ const L = d``, e = {
   geographic: "geographic-organic-standard",
   chronologicalSingle: "chronological-mono-timeline",
   chronologicalMultiple: "chronological-multi-timeline"
-}, s = {
+}, l = {
   basicLayoutCategory: [e.simple],
   organicLayoutCategory: [
     e.forceDirected,
@@ -27,7 +27,7 @@ const L = d``, e = {
   treeLayoutCategory: [e.smartTree, e.radialTree],
   hierarchicalLayoutCategory: [e.mechanical],
   chronologicalLayoutCategory: [e.chronologicalSingle, e.chronologicalMultiple]
-}, l = {
+}, s = {
   [e.forceDirected]: "force-directed-link-chart-layout",
   [e.community]: "community-link-chart-layout",
   [e.simple]: "simple-link-chart-layout",
@@ -47,17 +47,14 @@ const L = d``, e = {
   [e.geographic]: "geographic",
   [e.chronologicalSingle]: "chronologicalSingle",
   [e.chronologicalMultiple]: "chronologicalMultiple"
-}, M = p(m);
-class b extends w {
+}, v = g(d);
+class L extends y {
   constructor() {
-    super(...arguments), this.messages = u(), this.viewModel = M(this), this.view = this.viewModel.view, this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = y(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = g()("state"), this.arcgisReady = v();
+    super(...arguments), this.messages = p(), this.viewModel = v(this), this.view = this.viewModel.view, this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = u(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = m()("state"), this.arcgisReady = w();
   }
   static {
     this.properties = { view: 0, appearance: 1, autoDestroyDisabled: 5, closeOnSelectDisabled: 5, icon: 1, label: 1, layout: 32, messageOverrides: 0, preventExtentUpdate: 5, referenceElement: 1, state: 32 };
   }
-  static {
-    this.styles = L;
-  }
   async destroy() {
     await this.manager.destroy();
   }
@@ -66,13 +63,13 @@ class b extends w {
   }
   _renderDropdown() {
     const { messages: t, icon: o } = this;
-    return i`<calcite-dropdown scale=s width=m max-items=9 .closeOnSelectDisabled=${this.closeOnSelectDisabled}><calcite-action slot=trigger .disabled=${this.viewModel.state === "disabled"} .icon=${o ?? void 0} .label=${t.layoutOptions ?? "Layout"} scale=s .text=${t.layoutOptions ?? "Layout"}></calcite-action>${Object.entries(s).map(([c, a]) => i`<calcite-dropdown-group selection-mode=single .groupTitle=${this.messages[c]}>${a.map((r) => i`<calcite-dropdown-item .iconStart=${l[r]} .selected=${r === this.layout ? !0 : void 0} @click=${() => {
+    return i`<calcite-dropdown scale=s width=m max-items=9 .closeOnSelectDisabled=${this.closeOnSelectDisabled}><calcite-action slot=trigger .disabled=${this.viewModel.state === "disabled"} .icon=${o ?? void 0} .label=${t.layoutOptions ?? "Layout"} scale=s .text=${t.layoutOptions ?? "Layout"}></calcite-action>${Object.entries(l).map(([c, a]) => i`<calcite-dropdown-group selection-mode=single .groupTitle=${this.messages[c]}>${a.map((r) => i`<calcite-dropdown-item .iconStart=${s[r]} .selected=${r === this.layout ? !0 : void 0} @click=${() => {
       this.switchLayout(r);
     }}>${t[n[r]]}</calcite-dropdown-item>`)}</calcite-dropdown-group>`)}</calcite-dropdown>`;
   }
   _renderMenuBar() {
     const { messages: t } = this;
-    return i`<calcite-action-bar scale=s floating overflow-actions-disabled>${Object.entries(s).map(([o, c]) => i`<calcite-action-group .label=${this.messages[o]}>${c.map((a) => i`<calcite-action scale=s .icon=${l[a]} .active=${a === this.layout ? !0 : void 0} @click=${() => {
+    return i`<calcite-action-bar scale=s floating overflow-actions-disabled>${Object.entries(l).map(([o, c]) => i`<calcite-action-group .label=${this.messages[o]}>${c.map((a) => i`<calcite-action scale=s .icon=${s[a]} .active=${a === this.layout ? !0 : void 0} @click=${() => {
       this.switchLayout(a);
     }} .text=${t[n[a]]}></calcite-action>`)}</calcite-action-group>`)}</calcite-action-bar>`;
   }
@@ -81,7 +78,7 @@ class b extends w {
     return i`<div class="root">${o}</div>`;
   }
 }
-h("arcgis-link-chart-layout-switcher", b);
+h("arcgis-link-chart-layout-switcher", L);
 export {
-  b as ArcgisLinkChartLayoutSwitcher
+  L as ArcgisLinkChartLayoutSwitcher
 };

package/dist/components/arcgis-link-chart-nonspatial-visibility-toggle/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 o } from "../../chunks/runtime.js";
 import { html as n } from "lit";
 import { usePropertyChange as r } from "@arcgis/lumina/controllers";

package/dist/components/arcgis-locate/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 w } from "../../chunks/runtime.js";
 import { css as y, html as p } from "lit";
 import { usePropertyChange as E } from "@arcgis/lumina/controllers";

package/dist/components/arcgis-map/customElement.d.ts

@@ -32,7 +32,7 @@ import type { LayerView2DFor, ResizeAlign } from "@arcgis/core/views/2d/types.js
 import type { DoubleClickEvent, DoubleTapDragEvent, VerticalTwoFingerDragEvent, PointerUpEvent, PointerMoveEvent, PointerLeaveEvent, PointerEnterEvent, PointerDownEvent, ViewMouseWheelEvent, LayerViewDestroyEvent, LayerViewCreateErrorEvent, LayerViewCreateEvent, KeyUpEvent, KeyDownEvent, ImmediateDoubleClickEvent, ImmediateClickEvent, HoldEvent, DragEvent, ClickEvent } from "@arcgis/core/views/input/types.js";
 import type { AnalysisViewDestroyEvent, AnalysisViewCreateErrorEvent, AnalysisViewCreateEvent, ToScreenOptions2D, Screenshot, UserSettings, ViewHitTestResult, HitTestOptions, GoToOptions2D, GoToTarget2D } from "@arcgis/core/views/types.js";
 import type { AnalysisView2DUnion } from "@arcgis/core/views/2d/analysis/types.js";
-import type { ScreenPoint } from "@arcgis/core/core/types.js";
+import type { ScreenPoint, ScreenRect } from "@arcgis/core/core/types.js";
 import type { ViewPopupOpenOptions } from "@arcgis/core/views/PopupView.js";
 import type { ReadonlyCollection } from "@arcgis/core/core/Collection.js";
 import type { ViewPadding } from "@arcgis/core/views/ui/types.js";
@@ -153,7 +153,7 @@ export abstract class ArcgisMap extends LitElement {
    * [CIMSymbol](https://developers.arcgis.com/javascript/latest/references/core/symbols/CIMSymbol/),
    * [PictureMarkerSymbol](https://developers.arcgis.com/javascript/latest/references/core/symbols/PictureMarkerSymbol/)
    * from a GIF/animated PNG), animated renderers
-   * ([FlowRenderer](https://developers.arcgis.com/javascript/latest/references/core/rasterRenderers/#FlowRenderer)),
+   * ([FlowRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/FlowRenderer/)),
    * animated layers ([MediaLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/MediaLayer/),
    * [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/)), and
    * animations triggered by view navigation (for example,
@@ -911,6 +911,7 @@ export abstract class ArcgisMap extends LitElement {
   closePopup(): Promise<void>;
   /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */
   destroy(): Promise<void>;
+  focusPopup(): Promise<void>;
   /**
    * Sets the view to a given target.
    *
@@ -956,7 +957,7 @@ export abstract class ArcgisMap extends LitElement {
    * return results when the fill is clicked. However, it will return results when the outline is clicked. To get results when clicking the fill, set the
    * [color](https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleFillSymbol/#color) to a transparent color instead.
    *
-   * @param screenPoint
+   * @param hitTarget
    * @param options
    * @example
    * ```js
@@ -988,7 +989,7 @@ export abstract class ArcgisMap extends LitElement {
    * });
    * ```
    */
-  hitTest(screenPoint: MouseEvent | ScreenPoint, options?: HitTestOptions): Promise<ViewHitTestResult>;
+  hitTest(hitTarget: MouseEvent | ScreenPoint | ScreenRect, options?: HitTestOptions): Promise<ViewHitTestResult>;
   /**
    * Opens the popup at the given location with content defined either explicitly with content or driven
    * from the PopupTemplate of input features.