@esri/hub-web-components 0.17.0 → 0.19.0

package/dist/components/arcgis-chat-ui/functional/chat-action/customElement.js

@@ -1,10 +1,12 @@
 import "lit-html";
 import "@arcgis/lumina";
 import "../../../../chunks/util.js";
-import { C as p } from "../../../../chunks/chat-action.js";
+import { C } from "../../../../chunks/chat-action.js";
+import "../../../../chunks/state.js";
+import "@esri/hub-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.17/esri/copyright.txt for details.
-v0.17.0 */
+See https://js.arcgis.com/0.19/esri/copyright.txt for details.
+v0.19.0 */
 export {
-  p as ChatAction
+  C as ChatAction
 };

package/dist/components/arcgis-chat-ui/functional/chat-response/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="../../index.d.ts" />
 import { TemplateResult } from 'lit-html';
 import { ChatMessage } from '../../util/types';
-export declare const ChatResponse: ({ message, addDataClick, addDataLabel, addLocationClick, addLocationLabel, viewDetailsClick, viewDetailsLabel, portalUrl, domain, token, }: {
+export declare const ChatResponse: ({ message, addDataClick, addDataLabel, addLocationClick, addLocationLabel, viewDetailsClick, viewDetailsLabel, domain, }: {
     message: ChatMessage;
     addDataClick: (arg0: PointerEvent) => void;
     addDataLabel: string;
@@ -9,7 +9,5 @@ export declare const ChatResponse: ({ message, addDataClick, addDataLabel, addLo
     addLocationLabel: string;
     viewDetailsClick: (arg0: PointerEvent) => void;
     viewDetailsLabel: string;
-    portalUrl: string;
     domain: string;
-    token: string | undefined;
 }) => TemplateResult;

package/dist/components/arcgis-chat-ui/functional/chat-response/customElement.js

@@ -1,41 +1,41 @@
 import { repeat as r } from "lit-html/directives/repeat.js";
-import { html as c, nothing as M } from "lit-html";
-import { c as A, i as I } from "../../../../chunks/util.js";
-import { C as S } from "../../../../chunks/chat-action.js";
-import { createRef as _, ref as H } from "lit-html/directives/ref.js";
+import { html as c, nothing as g } from "lit-html";
+import { c as y, i as M } from "../../../../chunks/util.js";
+import { C as A } from "../../../../chunks/chat-action.js";
+import { createRef as I, ref as S } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.17/esri/copyright.txt for details.
-v0.17.0 */
-const O = ({ message: e, addDataClick: l, addDataLabel: u, addLocationClick: p, addLocationLabel: f, viewDetailsClick: $, viewDetailsLabel: h, portalUrl: v = "www.arcgis.com", domain: s = "hub.arcgis.com", token: m }) => {
-  const b = _();
-  function w(t) {
+See https://js.arcgis.com/0.19/esri/copyright.txt for details.
+v0.19.0 */
+const E = ({ message: e, addDataClick: l, addDataLabel: u, addLocationClick: p, addLocationLabel: f, viewDetailsClick: $, viewDetailsLabel: h, domain: s = "hub.arcgis.com" }) => {
+  const v = I();
+  function b(t) {
     return c`<calcite-accordion-item heading=Reasoning description="Explanation of the Hub assistant process" icon-start=automation data-field-name=Reasoning><ol>${r(t, (o) => o.name, (o) => c`<li>Tool: ${o.name}${r(Object.keys(o.parameters), (i) => i, (i) => {
       let a = o.parameters[i];
       return i === "sources" && Array.isArray(a) ? a = a.map((n) => n.title).join(", ") : i === "location" && (a = a.name), c`<div>${i}: ${JSON.stringify(a)}</div>`;
     })}</li>`)}</ol></calcite-accordion-item>`;
   }
-  function x(t, o) {
-    return c`<calcite-accordion-item description="Relevant data sources" heading=Sources icon-start=information data-field-name=Sources expanded><div class="sources">${r(o, (i) => i.id, (i) => c`<div class="wrapper source">${S({ messageId: t, source: i, domain: s, portalUrl: v, showOutlinks: !0, addDataClick: l, addDataLabel: u, viewDetailsClick: $, viewDetailsLabel: h, token: m })}</div>`)}</div></calcite-accordion-item>`;
+  function m(t, o) {
+    return c`<calcite-accordion-item description="Relevant data sources" heading=Sources icon-start=information data-field-name=Sources expanded><div class="sources">${r(o, (i) => i.id, (i) => c`<div class="wrapper source">${A({ messageId: t, source: i, domain: s, showOutlinks: !0, addDataClick: l, addDataLabel: u, viewDetailsClick: $, viewDetailsLabel: h })}</div>`)}</div></calcite-accordion-item>`;
   }
-  function R(t) {
-    return c`<calcite-accordion-item description="See the layers" heading=Map icon-start=map data-field-name=Map expanded><div>${t.name}</div><arcgis-hub-map-view .location=${`${t.latitude}, ${t.longitude}, ${t.zoom ?? 0}`} @arcgisHubMapViewReady=${k} legend layer-list search ${H(b)}></arcgis-hub-map-view><calcite-button data-message-id=${e.messageId ?? M} round icon-start=extent appearance=outline-fill @click=${p}>${f}</calcite-button></calcite-accordion-item>`;
+  function w(t) {
+    return c`<calcite-accordion-item description="See the layers" heading=Map icon-start=map data-field-name=Map expanded><div>${t.name}</div><arcgis-hub-map-view .location=${`${t.latitude}, ${t.longitude}, ${t.zoom ?? 0}`} @arcgisHubMapViewReady=${x} legend layer-list search ${S(v)}></arcgis-hub-map-view><calcite-button data-message-id=${e.messageId ?? g} round icon-start=extent appearance=outline-fill @click=${p}>${f}</calcite-button></calcite-accordion-item>`;
   }
-  function k(t) {
+  function x(t) {
     const o = t.target;
     e.sources?.length && e.sources.forEach((i) => {
-      I(i.type) && o.addLayer(i.id);
+      M(i.type) && o.addLayer(i.id);
     });
   }
-  function g(t) {
+  function R(t) {
     return t.messageId ? c`<div class="feedback"><calcite-block label="Response Feedback" description="This response was generated with AI. Please provide feedback to help us improve."><calcite-action @click=${() => d(t, "Good")} slot=control text="Good Response" icon=thumbs-up></calcite-action><calcite-action @click=${() => d(t, "Bad")} slot=control text="Bad Response" icon=thumbs-down></calcite-action></calcite-block></div>` : null;
   }
   function d(t, o) {
     const i = t.prompt ?? "", a = t.text, n = encodeURI(`https://survey123.arcgis.com/share/6e349a50b4504ca6b6107216d568db5f?field:user_evaluation=${o}&field:_source=Hub_Assistant&field:version=v1&field:question=${i}&field:answer=${a}&field:context=${s}`);
     window.open(n, "_blank");
   }
-  const y = e.sources?.length ?? e.tools?.length ?? !!e.location;
-  return c`<div class=${`message author-${e.author}`}><div class="response"><div class="text" .innerHTML=${A(e.text) ?? ""}></div>${y && c`<div class="actions"><calcite-accordion>${e.location && R(e.location) || ""}${!!e.sources && e.sources.length > 0 && x(e.messageId, e.sources) || ""}${!!e.tools && e.tools.length > 0 && w(e.tools) || ""}</calcite-accordion>${g(e)}</div>` || ""}</div></div>`;
+  const k = e.sources?.length ?? e.tools?.length ?? !!e.location;
+  return c`<div class=${`message author-${e.author}`}><div class="response"><div class="text" .innerHTML=${y(e.text) ?? ""}></div>${k && c`<div class="actions"><calcite-accordion>${e.location && w(e.location) || ""}${!!e.sources && e.sources.length > 0 && m(e.messageId, e.sources) || ""}${!!e.tools && e.tools.length > 0 && b(e.tools) || ""}</calcite-accordion>${R(e)}</div>` || ""}</div></div>`;
 };
 export {
-  O as ChatResponse
+  E as ChatResponse
 };

package/dist/components/arcgis-chat-ui/functional/chat-status/customElement.js

@@ -1,7 +1,7 @@
 import { html as e } from "lit-html";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.17/esri/copyright.txt for details.
-v0.17.0 */
+See https://js.arcgis.com/0.19/esri/copyright.txt for details.
+v0.19.0 */
 const l = ({ showSkeletonLoader: s, currentLoadingMessage: d }) => s ? e`<div class="loader"><div class="skeleton-loader"></div><div class="skeleton-loader"></div><div class="skeleton-loader"></div><div class="square-container"><div class="skeleton-loader square"></div><div class="skeleton-loader square"></div></div></div>` : e`<div class="status-message">${d}</div>`;
 export {
   l as ChatStatus

package/dist/components/arcgis-hub-ai-assistant/customElement.d.ts

@@ -2,7 +2,7 @@
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { DefaultSuggestion } from '../../types';
 import { default as Layer } from '@arcgis/core/layers/Layer.js';
-import { ArcGISIdentityManager } from '@esri/arcgis-rest-request';
+import { IWithContext } from '../../util/state';
 
 export declare class ArcGISHubAIAssistant extends LitElement {
     /**
@@ -19,12 +19,6 @@ export declare class ArcGISHubAIAssistant extends LitElement {
     mapVisible: boolean;
     /** ArcGIS Item id for assistant configuration */
     itemId: string | null;
-    /**
-     * The base URL of the ArcGIS portal to use for authentication and data requests.
-     *
-     * @default "https://www.arcgis.com"
-     */
-    portalUrl: string;
     /**
      * The API endpoint for the AI assistant's backend service.
      *
@@ -79,5 +73,4 @@ export declare class ArcGISHubAIAssistant extends LitElement {
     botDescription?: string;
     /** The default suggestions for the user */
     defaultSuggestions: (DefaultSuggestion | string)[];
-    authentication: ArcGISIdentityManager | undefined;
 }

package/dist/components/arcgis-hub-ai-assistant/customElement.js

@@ -1,17 +1,18 @@
-import { c as A } from "../../chunks/runtime.js";
+import { c as D } from "../../chunks/runtime.js";
 import { html as _ } from "lit-html";
-import { LitElement as E, noShadowRoot as D } from "@arcgis/lumina";
-import { css as R } from "@lit/reactive-element/css-tag.js";
-import { getItem as V, getItemData as M } from "@esri/arcgis-rest-portal";
-import { createRef as $, ref as I } from "lit/directives/ref.js";
-import U from "@arcgis/core/layers/Layer.js";
-import x from "@arcgis/core/portal/PortalItem.js";
-import { u as C } from "../../chunks/useT9n.js";
-import { getGlobalContext as L } from "@esri/hub-components";
+import { LitElement as E, noShadowRoot as R } from "@arcgis/lumina";
+import { css as x } from "@lit/reactive-element/css-tag.js";
+import { getItem as V, getItemData as C } from "@esri/arcgis-rest-portal";
+import { createRef as I, ref as $ } from "lit/directives/ref.js";
+import M from "@arcgis/core/layers/Layer.js";
+import A from "@arcgis/core/portal/PortalItem.js";
+import { u as L } from "../../chunks/useT9n.js";
+import { u as P } from "../../chunks/useGlobalContext.js";
+import { getWithDefault as U } from "@esri/hub-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.17/esri/copyright.txt for details.
-v0.17.0 */
-async function P(e) {
+See https://js.arcgis.com/0.19/esri/copyright.txt for details.
+v0.19.0 */
+async function z(e) {
   const {
     skillId: t,
     message: i,
@@ -21,7 +22,7 @@ async function P(e) {
     apiUrl: a = "https://api.example.com",
     pauseMs: c = 1e3,
     retries: u = 3
-  } = e, p = {
+  } = e, m = {
     Authorization: `Bearer ${o}`,
     Accept: "application/json",
     "Content-Type": "application/json"
@@ -30,7 +31,7 @@ async function P(e) {
   try {
     const l = await fetch(g, {
       method: "POST",
-      headers: p,
+      headers: m,
       body: JSON.stringify(f)
     });
     if (!l.ok)
@@ -42,18 +43,18 @@ async function P(e) {
     let w = 0;
     for (; b && w < u; ) {
       await new Promise((k) => setTimeout(k, c));
-      const m = await fetch(g, {
+      const p = await fetch(g, {
         method: "POST",
-        headers: p,
+        headers: m,
         body: JSON.stringify({
           conversationId: S,
           inquiryId: v,
           ackSequenceNumber: y
         })
       });
-      if (!m.ok)
-        throw new Error(`HTTP error! status: ${m.status}`);
-      const h = await m.json();
+      if (!p.ok)
+        throw new Error(`HTTP error! status: ${p.status}`);
+      const h = await p.json();
       h.message && d.push(h), b = h.hasMore, h.message != null && (y += 1), w++;
     }
     return d;
@@ -61,7 +62,7 @@ async function P(e) {
     return console.error("Error during request:", l), [];
   }
 }
-async function z({
+async function q({
   message: e,
   context: t,
   token: i,
@@ -70,7 +71,7 @@ async function z({
   pauseMs: n = 1e3,
   retries: a = 50
 }) {
-  return await P({
+  return await z({
     skillId: "finder",
     message: e,
     context: t,
@@ -81,17 +82,17 @@ async function z({
     retries: a
   });
 }
-const O = (e) => {
+const B = (e) => {
   if (e?.length !== 2 || e[0].length !== 2 || e[1].length !== 2)
     return "0, 0";
   const t = e[0][0], i = e[0][1], s = e[1][0], n = (e[1][1] + i) / 2, a = (s + t) / 2;
   return `${n}, ${a}`;
-}, q = (e) => {
+}, F = (e) => {
   if (e?.length !== 2 || e[0].length !== 2 || e[1].length !== 2)
     return 1;
   const t = e[0][0], i = e[0][1], s = e[1][0], o = e[1][1], n = Math.abs(s - t), a = Math.abs(o - i), c = Math.log2(360 / n), u = Math.log2(180 / a);
   return Math.floor(Math.min(c, u)) + 2;
-}, B = R`@layer{arcgis-hub-ai-assistant{arcgis-feature-table{height:300px}esri-feature-table{height:300px}}}`, T = {
+}, G = x`@layer{arcgis-hub-ai-assistant{arcgis-feature-table{height:300px}esri-feature-table{height:300px}}}`, T = {
   language: "en",
   defaultSuggestions: ["What can I do with this assistant?"],
   personality: "You are writing for a government websites readable by 8th graders."
@@ -99,15 +100,15 @@ const O = (e) => {
   // allowChat: false,
   // showHeader: true,
 };
-function F(e) {
+function H(e) {
   return e.replace("http://", "").replace("https://", "").split(/[/?#]/u)[0];
 }
-async function G(e, t, i) {
+async function N(e, t, i) {
   try {
     const [s, o] = await Promise.all([
       V(e, { authentication: t, portal: i }),
       // , { authentication: state.context.hubRequestOptions.authentication }
-      M(e, { authentication: t, portal: i })
+      C(e, { authentication: t, portal: i })
       // , { authentication: state.context.hubRequestOptions.authentication }
     ]);
     return {
@@ -123,7 +124,7 @@ async function G(e, t, i) {
       // clientId: itemData.clientId,
       personality: o.assistant?.personality,
       // feedbackFormUrl: itemData.feedbackFormUrl,
-      hub: F(s.url),
+      hub: H(s.url),
       // allowChat: itemData.allowChat,
       // showHeader: itemData.showHeader,
       // entityId: itemData.entityId,
@@ -141,16 +142,17 @@ async function G(e, t, i) {
     throw console.error("Error fetching configuration:", s), s;
   }
 }
-class H extends E {
+class O extends E {
   constructor() {
-    super(...arguments), this._messages = C({ blocking: !0 }), this._mapView = null, this._featureTable = $(), this._mapElRef = $(), this.handleArcGISDataClick = (t) => {
+    super(...arguments), this.disconnectContext = () => {
+    }, this._messages = L({ blocking: !0 }), this._mapView = null, this._featureTable = I(), this._mapElRef = I(), this.handleArcGISDataClick = (t) => {
       const s = t.detail.data.id;
       if (this.mapVisible = !0, this.mapShowTable = !0, !this._mapView?.map?.findLayerById(s)) {
-        const n = new x({
+        const n = new A({
           id: s,
-          portal: { url: this.portalUrl }
+          portal: { url: this._context.portalUrl }
         });
-        U.fromPortalItem({
+        M.fromPortalItem({
           portalItem: n
         }).then((a) => {
           this._mapView?.map?.add(a), this.mapLayers.push(s), a.id = s, this._featureTable.value && (this._featureTable.value.layer = a, this._layers = [...this._layers, a], this._featureTable.value.layers = this._layers);
@@ -165,14 +167,16 @@ class H extends E {
         zoom: i.zoom
       }));
     }, this.handleFinderResponse = async (t, i) => {
-      const s = await z({
+      const s = await q({
         message: t,
         conversationId: i,
         context: {
           kind: "FinderRequest",
           item: this.itemId ?? void 0
         },
-        token: this.authentication?.token ?? "",
+        // Use getWithDefault() to safely access session, which may be undefined for unauthenticated users.
+        // TypeScript's IArcGISContext type does not reflect this possibility. See: https://devtopia.esri.com/dc/hub/issues/15096
+        token: U(this._context, "session.token", ""),
         apiUrl: this.apiUrl
       });
       if (s.length === 0)
@@ -183,19 +187,19 @@ class H extends E {
     }, this._mapReady = (t) => {
       const { view: i, viewElement: s } = t.detail;
       this._mapView = i, this._mapRef = s;
-    }, this.assistantsEnabled = !1, this.mapEnabled = !0, this.mapVisible = !1, this.itemId = null, this.portalUrl = "https://www.arcgis.com", this.apiUrl = "/api/assistants/v1", this.botTitle = void 0, this.extent = [
+    }, this.assistantsEnabled = !1, this._context = P(this), this.mapEnabled = !0, this.mapVisible = !1, this.itemId = null, this.apiUrl = "/api/assistants/v1", this.botTitle = void 0, this.extent = [
       [-77.119, 38.791],
       [-76.909, 38.995]
-    ], this.mapLayers = [], this._layers = [], this.mapShowTable = !0, this.mapBasemap = "gray-vector", this.location = "USA", this.hub = "https://hub.arcgis.com", this.entityId = null, this.context = null, this.language = void 0, this.botDescription = void 0, this.defaultSuggestions = ["What are some common datasets?"], this.authentication = void 0;
+    ], this.mapLayers = [], this._layers = [], this.mapShowTable = !0, this.mapBasemap = "gray-vector", this.location = "USA", this.hub = "https://hub.arcgis.com", this.entityId = null, this.context = null, this.language = void 0, this.botDescription = void 0, this.defaultSuggestions = ["What are some common datasets?"];
   }
   static {
-    this.properties = { assistantsEnabled: 16, _mapRef: 16, mapEnabled: 5, mapVisible: 5, itemId: 1, portalUrl: 1, apiUrl: 1, botTitle: 1, extent: 0, mapLayers: 0, _layers: 0, mapShowTable: 5, mapBasemap: 1, location: 1, hub: 1, entityId: 1, context: 1, language: 1, botDescription: 1, defaultSuggestions: 0, authentication: 0 };
+    this.properties = { assistantsEnabled: 16, _mapRef: 16, _context: 16, mapEnabled: 5, mapVisible: 5, itemId: 1, apiUrl: 1, botTitle: 1, extent: 0, mapLayers: 0, _layers: 0, mapShowTable: 5, mapBasemap: 1, location: 1, hub: 1, entityId: 1, context: 1, language: 1, botDescription: 1, defaultSuggestions: 0 };
   }
   static {
-    this.shadowRootOptions = D;
+    this.shadowRootOptions = R;
   }
   static {
-    this.styles = B;
+    this.styles = G;
   }
   get _botTitle() {
     return this.botTitle || this._messages.defaultBotTitle;
@@ -203,26 +207,17 @@ class H extends E {
   get _botDescription() {
     return this.botDescription || this._messages.defaultBotDescription;
   }
-  get _context() {
-    return L();
-  }
-  get _hasOrgAiAccess() {
-    return (
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      !!this._context?.portalSettings?.aiAssistantsEnabled && !this._context?.portalSettings?.blockBetaApps
-    );
-  }
   async load() {
-    if (this.authentication = this._context?.session, this.itemId) {
-      const t = await G(this.itemId, this.authentication, `${this.portalUrl}/sharing/rest`);
+    if (this.itemId) {
+      const t = await N(this.itemId, this._context.session, `${this._context.portalUrl}/sharing/rest`);
       this.botTitle = t.title, this.botDescription = t.description ? t.description : "", this.hub = t.hub, this.location = t.location, this.extent = t.extent, this.defaultSuggestions = t.defaultSuggestions;
     }
   }
   render() {
-    return _`<arcgis-chat-shell .aboutContent=${this._botDescription} .mapEnabled=${this.mapEnabled} .mapVisible=${this.mapEnabled && this.mapVisible} @arcgisUpdateMapVisibility=${this.handleUpdateMapVisibility}><arcgis-chat-ui .ariaLabel=${this._messages.aria.chat} .botDescription=${this._botDescription} .botTitle=${this._botTitle} .defaultSuggestions=${this.defaultSuggestions} slot=leftPanel .getFinderResponse=${this.handleFinderResponse} @arcgisAddDataClick=${this.handleArcGISDataClick} @arcgisLocationClick=${this.handleArcGISLocationClick} .authentication=${this.authentication} .portalUrl=${this.portalUrl} .domain=${this.hub} .isAuthenticated=${this._context?.isAuthenticated || !1} .hasOrgAiAccess=${this._hasOrgAiAccess}></arcgis-chat-ui><arcgis-hub-map-view .ariaLabel=${this._messages.aria.map} slot=map .location=${`${O(this.extent)},${q(this.extent)}`} mouse-wheel=zoom legend search layer-list @arcgisHubMapViewReady=${this._mapReady} ${I(this._mapElRef)}></arcgis-hub-map-view>${this.mapShowTable && _`<arcgis-feature-table .ariaLabel=${this._messages.aria.featureTable} .referenceElement=${this._mapRef} slot=featureTable show-layer-dropdown ${I(this._featureTable)}></arcgis-feature-table>` || ""}</arcgis-chat-shell>`;
+    return _`<arcgis-chat-shell .aboutContent=${this._botDescription} .mapEnabled=${this.mapEnabled} .mapVisible=${this.mapEnabled && this.mapVisible} @arcgisUpdateMapVisibility=${this.handleUpdateMapVisibility}><arcgis-chat-ui .ariaLabel=${this._messages.aria.chat} .botDescription=${this._botDescription} .botTitle=${this._botTitle} .defaultSuggestions=${this.defaultSuggestions} slot=leftPanel .getFinderResponse=${this.handleFinderResponse} @arcgisAddDataClick=${this.handleArcGISDataClick} @arcgisLocationClick=${this.handleArcGISLocationClick} .domain=${this.hub}></arcgis-chat-ui><arcgis-hub-map-view .ariaLabel=${this._messages.aria.map} slot=map .location=${`${B(this.extent)},${F(this.extent)}`} mouse-wheel=zoom legend search layer-list @arcgisHubMapViewReady=${this._mapReady} ${$(this._mapElRef)}></arcgis-hub-map-view>${this.mapShowTable && _`<arcgis-feature-table .ariaLabel=${this._messages.aria.featureTable} .referenceElement=${this._mapRef} slot=featureTable show-layer-dropdown ${$(this._featureTable)}></arcgis-feature-table>` || ""}</arcgis-chat-shell>`;
   }
 }
-A("arcgis-hub-ai-assistant", H);
+D("arcgis-hub-ai-assistant", O);
 export {
-  H as ArcGISHubAIAssistant
+  O as ArcGISHubAIAssistant
 };

package/dist/components/arcgis-hub-entity-associations-card/customElement.js

@@ -5,8 +5,8 @@ import { getTypeFromEntity as a, getProp as t, getAssociatedEntitiesQuery as n }
 import { u as r } from "../../chunks/useT9n.js";
 import { g as y } from "../../chunks/state.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.17/esri/copyright.txt for details.
-v0.17.0 */
+See https://js.arcgis.com/0.19/esri/copyright.txt for details.
+v0.19.0 */
 class l extends o {
   constructor() {
     super(...arguments), this._messages = r(), this.associationType = "initiative";

package/dist/components/arcgis-hub-entity-metrics-card/customElement.js

@@ -6,8 +6,8 @@ import { css as y } from "@lit/reactive-element/css-tag.js";
 import { getWithDefault as r, MetricVisibility as l, getTypeFromEntity as d, getProp as t } from "@esri/hub-common";
 import { u as p } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.17/esri/copyright.txt for details.
-v0.17.0 */
+See https://js.arcgis.com/0.19/esri/copyright.txt for details.
+v0.19.0 */
 const g = y`:host{display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(20rem,1fr))}arcgis-hub-metric-card{min-height:15rem;height:100%}@media only screen and (width<=992px){:host{grid-template-columns:unset}}`;
 class u extends c {
   constructor() {

package/dist/components/arcgis-hub-entity-status-card/customElement.js

@@ -4,8 +4,8 @@ import { LitElement as i } from "@arcgis/lumina";
 import { getTypeFromEntity as a, getProp as t } from "@esri/hub-common";
 import { u as o } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.17/esri/copyright.txt for details.
-v0.17.0 */
+See https://js.arcgis.com/0.19/esri/copyright.txt for details.
+v0.19.0 */
 class n extends i {
   constructor() {
     super(...arguments), this._messages = o();

package/dist/components/arcgis-hub-entity-view-layout/customElement.d.ts

@@ -6,6 +6,12 @@ import { PropertyValues } from 'lit';
 /**
  * Component that renders a Hub entity view
  * using the layout system.
+ *
+ * If an entity does not have a layout defined, we
+ * build a type-specific default layout from the entity's
+ * metadata. The layout does not get persisted to the
+ * underlying item until the user makes changes and
+ * publishes them.
  */
 export declare class ArcgisHubEntityViewLayout extends LitElement {
     /**
@@ -19,11 +25,7 @@ export declare class ArcgisHubEntityViewLayout extends LitElement {
      * @default false
      */
     isEditMode: boolean;
-    /**
-     * Event emitted when the layout is published.
-     * Note: only relevant for entities that are
-     * rendered via a layout.
-     */
+    /** Event emitted when the layout is published. */
     readonly arcgisHubEntityViewPublished: TargetedEvent<this, void>;
     /** Event emitted for telemetry */
     readonly hubTelemetry: TargetedEvent<this, Record<string, unknown>>;

package/dist/components/arcgis-hub-entity-view-layout/customElement.js

@@ -7,8 +7,8 @@ import { g as R } from "../../chunks/state.js";
 import { constants as m, dictionary as b } from "@esri/telemetry-dictionary-hub";
 import { html as w } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.17/esri/copyright.txt for details.
-v0.17.0 */
+See https://js.arcgis.com/0.19/esri/copyright.txt for details.
+v0.19.0 */
 const $ = async (t, e) => {
   const i = !!t.summary, s = !!t.description, r = !!a(t, "view.embeds[0]"), f = !!a(t, "view.featuredImageUrl"), _ = i || s || r || f;
   let d = "";

package/dist/components/arcgis-hub-entity-view-layout/utils/buildLayoutFromEntityView.d.ts

@@ -1,6 +1,7 @@
 import { HubEntity, IArcGISContext, ILayout } from '@esri/hub-common';
 /**
  * Build a default layout for an entity view
- * based on the entity type
+ * based on the entity type. We delegate to
+ * type-specific builder functions.
  */
 export declare const buildLayoutFromEntityView: (entity: HubEntity, context: IArcGISContext) => Promise<ILayout | undefined>;

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

@@ -2,30 +2,45 @@
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { ILayout, SectionOrRef, IProcessLayoutOptions, ILayoutNode, HTMLConfigurableLayoutNodeElement } from '@esri/hub-common';
 
-/** A web component for rendering an ILayout */
+/**
+ * Web component for rendering an ILayout. Orchestrates
+ * the rendering of sections, rows, columns, and cards
+ * as defined by the layout JSON.
+ */
 export declare class ArcgisLayout extends LitElement {
-    /** The layout to render */
+    /** The layout to render. */
     layout: ILayout | undefined;
     /**
-     * Enables debug mode
+     * Enables debug mode.
      *
      * @default false
      */
     debug: boolean;
     /**
-     * Whether the layout is in edit mode
+     * Whether the layout is in edit mode.
      *
      * @default false
      */
     isEditMode: boolean;
-    /** Options for processing the layout */
+    /** Options for processing the layout. */
     options: IProcessLayoutOptions;
     /**
-     * The currently focused/hovered node. This is
-     * tracked in order to show the node's configuration
-     * controls and "active" state in the UI.
+     * The currently focused/hovered node. Used to show
+     * configuration controls and active state in the UI.
      */
     highlightedNode?: ILayoutNode;
+    /**
+     * Public method that returns the DOM element for a
+     * layout node by id. Used for highlighting or
+     * scrolling to a node in the layout.
+     *
+     * @param nodeId - The id of the node
+     * @returns The HTML element for the node, if found
+     */
     getCardEl(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>;
+    /**
+     * Event emitted when the layout has finished
+     * rendering.
+     */
     readonly arcgisHubLayoutRendered: TargetedEvent<this, void>;
 }

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

@@ -9,8 +9,8 @@ import { c as f } from "../../chunks/typeGuards.js";
 import { Logger as y } from "@esri/hub-common";
 import { g as x } from "../../chunks/state.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.17/esri/copyright.txt for details.
-v0.17.0 */
+See https://js.arcgis.com/0.19/esri/copyright.txt for details.
+v0.19.0 */
 const d = r`:host{font-family:inherit;display:block;box-sizing:border-box;container-type:inline-size;--hub-layout-spacing-x: 1.5rem;--hub-layout-spacing-y: 1rem}#layout-container{contain:layout;padding:0;margin:0;box-sizing:border-box}arcgis-layout-section{box-sizing:border-box;display:flex;flex-direction:column;padding-block:var(--hub-layout-spacing-y);gap:var(--hub-layout-spacing-y);justify-content:space-between;margin:0 auto}arcgis-layout-section.section,arcgis-layout-section.section-fluid,arcgis-layout-section.section-sm,arcgis-layout-section.section-md,arcgis-layout-section.section-lg,arcgis-layout-section.section-xl,arcgis-layout-section.section-xxl{width:100%;padding-inline:calc(var(--hub-layout-spacing-x) * .5)}arcgis-nav-card{calcite-tabs{margin-inline:-4px}calcite-tab{>arcgis-layout-section.section,>arcgis-layout-section.section-fluid,>arcgis-layout-section.section-sm,>arcgis-layout-section.section-md,>arcgis-layout-section.section-lg,>arcgis-layout-section.section-xl,>arcgis-layout-section.section-xxl{padding-inline:4px;overflow:hidden}}}@container (min-width: 576px){arcgis-layout-section.section,arcgis-layout-section.section-sm{max-width:540px}}@container (min-width: 768px){arcgis-layout-section.section,arcgis-layout-section.section-sm,arcgis-layout-section.section-md{max-width:720px}}@container (min-width: 992px){arcgis-layout-section.section,arcgis-layout-section.section-sm,arcgis-layout-section.section-md,arcgis-layout-section.section-lg{max-width:960px}}@container (min-width: 1200px){arcgis-layout-section.section,arcgis-layout-section.section-sm,arcgis-layout-section.section-md,arcgis-layout-section.section-lg,arcgis-layout-section.section-xl{max-width:1140px}}@container (min-width: 1440px){arcgis-layout-section.section,arcgis-layout-section.section-sm,arcgis-layout-section.section-md,arcgis-layout-section.section-lg,arcgis-layout-section.section-xl,arcgis-layout-section.section-xxl{max-width:1320px}}arcgis-layout-row{display:flex;flex-wrap:wrap;box-sizing:border-box;margin-inline:calc(var(--hub-layout-spacing-x) * -.5);row-gap:var(--hub-layout-spacing-y)}arcgis-layout-row.align-items-start{align-items:flex-start}arcgis-layout-row.align-items-end{align-items:flex-end}arcgis-layout-row.align-items-center{align-items:center}arcgis-layout-row.align-items-baseline{align-items:baseline}arcgis-layout-row.align-items-stretch{align-items:stretch}arcgis-layout-column{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;flex:0 0;max-width:100%;padding-inline:calc(var(--hub-layout-spacing-x) * .5)}arcgis-layout-section.no-gutters{padding-inline:0}arcgis-hub-layout-row.align-items-stretch>arcgis-layout-column>*,arcgis-hub-layout-row.align-self-stretch>arcgis-layout-column>*{height:100%}arcgis-layout-column.col,arcgis-layout-column:not([class*=col-]){flex:1 1 0%;max-width:100%}arcgis-layout-column[class^=col-md-],arcgis-layout-column[class^=col-lg-],arcgis-layout-column[class^=col-xl-]{flex:1 1 100%;max-width:100%}arcgis-layout-column.col-1{flex:1 1 100%;max-width:8.333333%}arcgis-layout-column.col-2{flex:1 1 100%;max-width:16.666667%}arcgis-layout-column.col-3{flex:1 1 100%;max-width:25%}arcgis-layout-column.col-4{flex:1 1 100%;max-width:33.333333%}arcgis-layout-column.col-5{flex:1 1 100%;max-width:41.666667%}arcgis-layout-column.col-6{flex:1 1 100%;max-width:50%}arcgis-layout-column.col-7{flex:1 1 100%;max-width:58.333333%}arcgis-layout-column.col-8{flex:1 1 100%;max-width:66.666667%}arcgis-layout-column.col-9{flex:1 1 100%;max-width:75%}arcgis-layout-column.col-10{flex:1 1 100%;max-width:83.333333%}arcgis-layout-column.col-11{flex:1 1 100%;max-width:91.666667%}arcgis-layout-column.col-12{flex:1 1 100%;max-width:100%}@container (min-width: 576px){arcgis-layout-column.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}arcgis-layout-column.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}arcgis-layout-column.col-sm-3{flex:0 0 25%;max-width:25%}arcgis-layout-column.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}arcgis-layout-column.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}arcgis-layout-column.col-sm-6{flex:0 0 50%;max-width:50%}arcgis-layout-column.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}arcgis-layout-column.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}arcgis-layout-column.col-sm-9{flex:0 0 75%;max-width:75%}arcgis-layout-column.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}arcgis-layout-column.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}arcgis-layout-column.col-sm-12{flex:0 0 100%;max-width:100%}}@container (min-width: 768px){arcgis-layout-column.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}arcgis-layout-column.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}arcgis-layout-column.col-md-3{flex:0 0 25%;max-width:25%}arcgis-layout-column.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}arcgis-layout-column.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}arcgis-layout-column.col-md-6{flex:0 0 50%;max-width:50%}arcgis-layout-column.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}arcgis-layout-column.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}arcgis-layout-column.col-md-9{flex:0 0 75%;max-width:75%}arcgis-layout-column.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}arcgis-layout-column.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}arcgis-layout-column.col-md-12{flex:0 0 100%;max-width:100%}}@container (min-width: 992px){arcgis-layout-column.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}arcgis-layout-column.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}arcgis-layout-column.col-lg-3{flex:0 0 25%;max-width:25%}arcgis-layout-column.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}arcgis-layout-column.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}arcgis-layout-column.col-lg-6{flex:0 0 50%;max-width:50%}arcgis-layout-column.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}arcgis-layout-column.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}arcgis-layout-column.col-lg-9{flex:0 0 75%;max-width:75%}arcgis-layout-column.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}arcgis-layout-column.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}arcgis-layout-column.col-lg-12{flex:0 0 100%;max-width:100%}}@container (min-width: 1440px){arcgis-layout-column.col-xxl-1{flex:0 0 8.333333%;max-width:8.333333%}arcgis-layout-column.col-xxl-2{flex:0 0 16.666667%;max-width:16.666667%}arcgis-layout-column.col-xxl-3{flex:0 0 25%;max-width:25%}arcgis-layout-column.col-xxl-4{flex:0 0 33.333333%;max-width:33.333333%}arcgis-layout-column.col-xxl-5{flex:0 0 41.666667%;max-width:41.666667%}arcgis-layout-column.col-xxl-6{flex:0 0 50%;max-width:50%}arcgis-layout-column.col-xxl-7{flex:0 0 58.333333%;max-width:58.333333%}arcgis-layout-column.col-xxl-8{flex:0 0 66.666667%;max-width:66.666667%}arcgis-layout-column.col-xxl-9{flex:0 0 75%;max-width:75%}arcgis-layout-column.col-xxl-10{flex:0 0 83.333333%;max-width:83.333333%}arcgis-layout-column.col-xxl-11{flex:0 0 91.666667%;max-width:91.666667%}arcgis-layout-column.col-xxl-12{flex:0 0 100%;max-width:100%}}arcgis-layout-column.offset-1{margin-left:8.333333%}arcgis-layout-column.offset-2{margin-left:16.666667%}arcgis-layout-column.offset-3{margin-left:25%}arcgis-layout-column.offset-4{margin-left:33.333333%}arcgis-layout-column.offset-5{margin-left:41.666667%}arcgis-layout-column.offset-6{margin-left:50%}arcgis-layout-column.offset-7{margin-left:58.333333%}arcgis-layout-column.offset-8{margin-left:66.666667%}arcgis-layout-column.offset-9{margin-left:75%}arcgis-layout-column.offset-10{margin-left:83.333333%}arcgis-layout-column.offset-11{margin-left:91.666667%}arcgis-layout-column.offset-12{margin-left:100%}@container (min-width: 576px){arcgis-layout-column.offset-sm-1{margin-left:8.333333%}arcgis-layout-column.offset-sm-2{margin-left:16.666667%}arcgis-layout-column.offset-sm-3{margin-left:25%}arcgis-layout-column.offset-sm-4{margin-left:33.333333%}arcgis-layout-column.offset-sm-5{margin-left:41.666667%}arcgis-layout-column.offset-sm-6{margin-left:50%}arcgis-layout-column.offset-sm-7{margin-left:58.333333%}arcgis-layout-column.offset-sm-8{margin-left:66.666667%}arcgis-layout-column.offset-sm-9{margin-left:75%}arcgis-layout-column.offset-sm-10{margin-left:83.333333%}arcgis-layout-column.offset-sm-11{margin-left:91.666667%}arcgis-layout-column.offset-sm-12{margin-left:100%}}@container (min-width: 768px){arcgis-layout-column.offset-md-1{margin-left:8.333333%}arcgis-layout-column.offset-md-2{margin-left:16.666667%}arcgis-layout-column.offset-md-3{margin-left:25%}arcgis-layout-column.offset-md-4{margin-left:33.333333%}arcgis-layout-column.offset-md-5{margin-left:41.666667%}arcgis-layout-column.offset-md-6{margin-left:50%}arcgis-layout-column.offset-md-7{margin-left:58.333333%}arcgis-layout-column.offset-md-8{margin-left:66.666667%}arcgis-layout-column.offset-md-9{margin-left:75%}arcgis-layout-column.offset-md-10{margin-left:83.333333%}arcgis-layout-column.offset-md-11{margin-left:91.666667%}arcgis-layout-column.offset-md-12{margin-left:100%}}@container (min-width: 992px){arcgis-layout-column.offset-lg-1{margin-left:8.333333%}arcgis-layout-column.offset-lg-2{margin-left:16.666667%}arcgis-layout-column.offset-lg-3{margin-left:25%}arcgis-layout-column.offset-lg-4{margin-left:33.333333%}arcgis-layout-column.offset-lg-5{margin-left:41.666667%}arcgis-layout-column.offset-lg-6{margin-left:50%}arcgis-layout-column.offset-lg-7{margin-left:58.333333%}arcgis-layout-column.offset-lg-8{margin-left:66.666667%}arcgis-layout-column.offset-lg-9{margin-left:75%}arcgis-layout-column.offset-lg-10{margin-left:83.333333%}arcgis-layout-column.offset-lg-11{margin-left:91.666667%}arcgis-layout-column.offset-lg-12{margin-left:100%}}@container (min-width: 1200px){arcgis-layout-column.offset-xl-1{margin-left:8.333333%}arcgis-layout-column.offset-xl-2{margin-left:16.666667%}arcgis-layout-column.offset-xl-3{margin-left:25%}arcgis-layout-column.offset-xl-4{margin-left:33.333333%}arcgis-layout-column.offset-xl-5{margin-left:41.666667%}arcgis-layout-column.offset-xl-6{margin-left:50%}arcgis-layout-column.offset-xl-7{margin-left:58.333333%}arcgis-layout-column.offset-xl-8{margin-left:66.666667%}arcgis-layout-column.offset-xl-9{margin-left:75%}arcgis-layout-column.offset-xl-10{margin-left:83.333333%}arcgis-layout-column.offset-xl-11{margin-left:91.666667%}arcgis-layout-column.offset-xl-12{margin-left:100%}}@container (min-width: 1440px){arcgis-layout-column.offset-xxl-1{margin-left:8.333333%}arcgis-layout-column.offset-xxl-2{margin-left:16.666667%}arcgis-layout-column.offset-xxl-3{margin-left:25%}arcgis-layout-column.offset-xxl-4{margin-left:33.333333%}arcgis-layout-column.offset-xxl-5{margin-left:41.666667%}arcgis-layout-column.offset-xxl-6{margin-left:50%}arcgis-layout-column.offset-xxl-7{margin-left:58.333333%}arcgis-layout-column.offset-xxl-8{margin-left:66.666667%}arcgis-layout-column.offset-xxl-9{margin-left:75%}arcgis-layout-column.offset-xxl-10{margin-left:83.333333%}arcgis-layout-column.offset-xxl-11{margin-left:91.666667%}arcgis-layout-column.offset-xxl-12{margin-left:100%}}arcgis-layout-column.align-self-auto{align-self:auto}arcgis-layout-column.align-self-baseline{align-self:baseline}arcgis-layout-column.align-self-start{align-self:flex-start}arcgis-layout-column.align-self-center{align-self:center}arcgis-layout-column.align-self-end{align-self:flex-end}arcgis-layout-column.align-self-stretch{align-self:stretch}@container (min-width: 576px){arcgis-layout-column.align-self-sm-auto{align-self:auto}arcgis-layout-column.align-self-sm-baseline{align-self:baseline}arcgis-layout-column.align-self-sm-start{align-self:flex-start}arcgis-layout-column.align-self-sm-center{align-self:center}arcgis-layout-column.align-self-sm-end{align-self:flex-end}arcgis-layout-column.align-self-sm-stretch{align-self:stretch}}@container (min-width: 768px){arcgis-layout-column.align-self-md-auto{align-self:auto}arcgis-layout-column.align-self-md-baseline{align-self:baseline}arcgis-layout-column.align-self-md-start{align-self:flex-start}arcgis-layout-column.align-self-md-center{align-self:center}arcgis-layout-column.align-self-md-end{align-self:flex-end}arcgis-layout-column.align-self-md-stretch{align-self:stretch}}@container (min-width: 992px){arcgis-layout-column.align-self-lg-auto{align-self:auto}arcgis-layout-column.align-self-lg-baseline{align-self:baseline}arcgis-layout-column.align-self-lg-start{align-self:flex-start}arcgis-layout-column.align-self-lg-center{align-self:center}arcgis-layout-column.align-self-lg-end{align-self:flex-end}arcgis-layout-column.align-self-lg-stretch{align-self:stretch}}@container (min-width: 1200px){arcgis-layout-column.align-self-xl-auto{align-self:auto}arcgis-layout-column.align-self-xl-baseline{align-self:baseline}arcgis-layout-column.align-self-xl-start{align-self:flex-start}arcgis-layout-column.align-self-xl-center{align-self:center}arcgis-layout-column.align-self-xl-end{align-self:flex-end}arcgis-layout-column.align-self-xl-stretch{align-self:stretch}}@container (min-width: 1440px){arcgis-layout-column.align-self-xxl-auto{align-self:auto}arcgis-layout-column.align-self-xxl-baseline{align-self:baseline}arcgis-layout-column.align-self-xxl-start{align-self:flex-start}arcgis-layout-column.align-self-xxl-center{align-self:center}arcgis-layout-column.align-self-xxl-end{align-self:flex-end}arcgis-layout-column.align-self-xxl-stretch{align-self:stretch}}arcgis-layout-column.align-items-baseline{align-items:baseline}arcgis-layout-column.align-items-center{align-items:center}arcgis-layout-column.align-items-end{align-items:flex-end}arcgis-layout-column.align-items-start{align-items:flex-start}arcgis-layout-column.align-items-stretch{align-items:stretch}@container (min-width: 576px){arcgis-layout-column.align-items-sm-baseline{align-items:baseline}arcgis-layout-column.align-items-sm-start{align-items:flex-start}arcgis-layout-column.align-items-sm-center{align-items:center}arcgis-layout-column.align-items-sm-end{align-items:flex-end}arcgis-layout-column.align-items-sm-stretch{align-items:stretch}}@container (min-width: 768px){arcgis-layout-column.align-items-md-baseline{align-items:baseline}arcgis-layout-column.align-items-md-start{align-items:flex-start}arcgis-layout-column.align-items-md-center{align-items:center}arcgis-layout-column.align-items-md-end{align-items:flex-end}arcgis-layout-column.align-items-md-stretch{align-items:stretch}}@container (min-width: 992px){arcgis-layout-column.align-items-lg-baseline{align-items:baseline}arcgis-layout-column.align-items-lg-start{align-items:flex-start}arcgis-layout-column.align-items-lg-center{align-items:center}arcgis-layout-column.align-items-lg-end{align-items:flex-end}arcgis-layout-column.align-items-lg-stretch{align-items:stretch}}@container (min-width: 1200px){arcgis-layout-column.align-items-xl-baseline{align-items:baseline}arcgis-layout-column.align-items-xl-start{align-items:flex-start}arcgis-layout-column.align-items-xl-center{align-items:center}arcgis-layout-column.align-items-xl-end{align-items:flex-end}arcgis-layout-column.align-items-xl-stretch{align-items:stretch}}@container (min-width: 1440px){arcgis-layout-column.align-items-xxl-baseline{align-items:baseline}arcgis-layout-column.align-items-xxl-start{align-items:flex-start}arcgis-layout-column.align-items-xxl-center{align-items:center}arcgis-layout-column.align-items-xxl-end{align-items:flex-end}arcgis-layout-column.align-items-xxl-stretch{align-items:stretch}}arcgis-layout-column.justify-content-start{justify-content:flex-start}arcgis-layout-column.justify-content-end{justify-content:flex-end}arcgis-layout-column.justify-content-center{justify-content:center}arcgis-layout-column.justify-content-between{justify-content:space-between}arcgis-layout-column.justify-content-around{justify-content:space-around}arcgis-layout-column.justify-content-evenly{justify-content:space-evenly}@container (min-width: 576px){arcgis-layout-column.justify-content-sm-start{justify-content:flex-start}arcgis-layout-column.justify-content-sm-end{justify-content:flex-end}arcgis-layout-column.justify-content-sm-center{justify-content:center}arcgis-layout-column.justify-content-sm-between{justify-content:space-between}arcgis-layout-column.justify-content-sm-around{justify-content:space-around}arcgis-layout-column.justify-content-sm-evenly{justify-content:space-evenly}}@container (min-width: 768px){arcgis-layout-column.justify-content-md-start{justify-content:flex-start}arcgis-layout-column.justify-content-md-end{justify-content:flex-end}arcgis-layout-column.justify-content-md-center{justify-content:center}arcgis-layout-column.justify-content-md-between{justify-content:space-between}arcgis-layout-column.justify-content-md-around{justify-content:space-around}arcgis-layout-column.justify-content-md-evenly{justify-content:space-evenly}}@container (min-width: 992px){arcgis-layout-column.justify-content-lg-start{justify-content:flex-start}arcgis-layout-column.justify-content-lg-end{justify-content:flex-end}arcgis-layout-column.justify-content-lg-center{justify-content:center}arcgis-layout-column.justify-content-lg-between{justify-content:space-between}arcgis-layout-column.justify-content-lg-around{justify-content:space-around}arcgis-layout-column.justify-content-lg-evenly{justify-content:space-evenly}}@container (min-width: 1200px){arcgis-layout-column.justify-content-xl-start{justify-content:flex-start}arcgis-layout-column.justify-content-xl-end{justify-content:flex-end}arcgis-layout-column.justify-content-xl-center{justify-content:center}arcgis-layout-column.justify-content-xl-between{justify-content:space-between}arcgis-layout-column.justify-content-xl-around{justify-content:space-around}arcgis-layout-column.justify-content-xl-evenly{justify-content:space-evenly}}arcgis-layout-column.shrink{flex:0 0 auto;width:auto;max-width:none}:host([debug]){#layout-container{background-color:pink}@container (min-width: 576px){#layout-container{background-color:orange}}@container (min-width: 768px){#layout-container{background-color:#fafad2}}@container (min-width: 992px){#layout-container{background-color:#90ee90}}@container (min-width: 1200px){#layout-container{background-color:#add8e6}}@container (min-width: 1440px){#layout-container{background-color:violet}}}:host([debug]) arcgis-layout-section{outline:2px solid var(--calcite-ui-brand);outline-offset:6px}:host([debug]) arcgis-layout-section.layout-error{outline:4px solid fuchsia;outline-offset:4px;height:50px}:host([debug]) arcgis-layout-section.layout-error:after{content:"!";color:#f0f;font-size:2rem;font-weight:700;position:relative;top:-12px}:host([debug]) arcgis-layout-row{outline:2px solid red;outline-offset:3px}:host([debug]) arcgis-layout-row.layout-error{outline:4px solid fuchsia;outline-offset:2px;height:50px}:host([debug]) arcgis-layout-row.layout-error:after{content:"!";color:#f0f;font-size:2rem;font-weight:700;position:relative;top:8px}:host([debug]) arcgis-layout-column{outline:2px solid green}:host([debug]) arcgis-layout-column.layout-error{outline:4px solid fuchsia;outline-offset:-5px;align-self:stretch}:host([debug]) arcgis-layout-column[debug].layout-error:after{content:"!";color:#f0f;font-size:2rem;font-weight:700;position:relative}:host([debug]) arcgis-layout-column[debug]>.layout-error{outline:4px solid fuchsia;outline-offset:-2px;align-self:stretch;height:40px}:host([debug]) arcgis-layout-column[debug]>.layout-error:after{content:"!";color:#f0f;font-size:1.5rem;font-weight:700;position:relative;top:8px;left:5px}:host([is-edit-mode]) arcgis-layout-column>:not(arcgis-layout-row):hover:not(arcgis-nav-card):hover:not(arcgis-layout-node-highlight):hover,:host([is-edit-mode]) arcgis-layout-column>arcgis-nav-card calcite-tab-nav:hover,.current-node{--calcite-internal-color-focus: var(--calcite-ui-brand);cursor:pointer;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([is-edit-mode]) arcgis-layout-column>:not(arcgis-layout-row,arcgis-nav-card,arcgis-layout-node-highlight){min-height:2.5rem}`;
 class h extends c {
   constructor() {
@@ -30,7 +30,6 @@ class h extends c {
       processLayout: async (t) => await g(t, this.options, this._context)
     };
   }
-  /** highlightNode */
   async getCardEl(t) {
     return this.el.shadowRoot?.querySelector(`[data-node-id="${t}"]`);
   }

package/dist/components/arcgis-layout-column/customElement.d.ts

@@ -4,35 +4,39 @@ import { IColumn, ILayoutNode, LayoutUtils } from '@esri/hub-common';
 
 /** @private */
 export declare class ArcgisLayoutColumn extends LitElement {
-    /** The column node to render */
+    /** The column node to render. */
     node: IColumn;
     /**
-     * The currently focused/hovered node. This is
-     * tracked in order to show the node's configuration
-     * controls and "active" state in the UI.
+     * The currently focused/hovered node. Used to show
+     * configuration controls and active state in the UI.
      */
     highlightedNode?: ILayoutNode;
     /**
      * Utility functions passed down to all child layout
-     * components. For now, this is specifically needed to
-     * process a remote layout that is referenced by a
-     * layout node.
+     * components. Used for processing remote layouts
+     * referenced by a node.
      */
     utils?: LayoutUtils;
     /**
-     * Enables debug mode
+     * Enables debug mode.
      *
      * @default false
      */
     debug: boolean;
     /**
-     * Whether the layout is in edit mode
+     * Whether the layout is in edit mode.
      *
      * @default false
      */
     isEditMode: boolean;
-    /** Emitted when a layout node is hovered */
+    /**
+     * Emitted when a layout node is hovered. Used to show
+     * node configuration controls and highlight state.
+     */
     readonly arcgisLayoutNodeHighlight: TargetedEvent<this, MouseEvent | KeyboardEvent>;
-    /** Emitted when a layout node is un-hovered */
+    /**
+     * Emitted when a layout node is un-hovered. Used to
+     * reset node highlight and hide configuration controls.
+     */
     readonly arcgisLayoutNodeUnHighlight: TargetedEvent<this, MouseEvent>;
 }