@esri/hub-web-components 0.7.0 → 0.8.0

package/dist/chunks/processLayout.js

@@ -1,27 +1,50 @@
-import { getGlobalContext as m } from "@esri/hub-components";
-import { cloneObject as y, deepFindById as f, fetchHubEntity as v, interpolate as w } from "@esri/hub-common";
-import { Resolver as b } from "@stoplight/json-ref-resolver";
-import { getItemData as g } from "@esri/arcgis-rest-portal";
+import { interpolate as b, getProp as m, cloneObject as d, deepFindById as v, fetchHubEntity as g } from "@esri/hub-common";
+import { Resolver as O } from "@stoplight/json-ref-resolver";
+import { getItemData as L } from "@esri/arcgis-rest-portal";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.7/esri/copyright.txt for details.
-v0.7.0 */
-const N = m;
-function p(s) {
-  const r = Object.getOwnPropertyNames(s);
-  for (const o of r) {
-    const t = s[o];
-    t && typeof t == "object" && !Array.isArray(t) && p(t);
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
+function h(o) {
+  const t = Object.getOwnPropertyNames(o);
+  for (const s of t) {
+    const r = o[s];
+    r && typeof r == "object" && !Array.isArray(r) && h(r);
   }
-  return Object.freeze(s);
+  return Object.freeze(o);
 }
-async function O(s, r, o) {
-  const t = y(s), u = {
+function w(o, t, s) {
+  const { messages: r = {} } = s || {};
+  return b(o, t, {
+    /**
+     * Transform to recursively interpolate translations into an
+     * object. Strings that are intended to be translated must be
+     * in the `{{abc.xyz...:translate}}` format.
+     *
+     * Variables can be passed into the translation strings using
+     * the `{{abc.xyz...|key1=value1|key2=value2:translate}}` format.
+     *
+     * NOTE: If a translation value contains a special character,
+     * it _must_ be url encoded before adding it to the string:
+     * `{{abc.xyz...|key1=https%3A%2F%2Fmy-url.com%3Fquery%3Dstring:translate}}`
+     *
+     */
+    translate(p) {
+      const [a, ...f] = p.split("|"), e = f.reduce((n, i) => {
+        const [c, l] = i.split("=");
+        return c && l && l !== "null" && l !== "undefined" && l !== "false" && (n[c] = decodeURIComponent(l)), n;
+      }, {});
+      return w(m(r, a), e);
+    }
+  });
+}
+async function j(o, t, s) {
+  const r = d(o), u = {
     // portal: context.portal,
-    context: o,
-    entity: r.entity ?? {},
-    site: r.site ?? {},
-    variables: r.variables ?? {}
-  }, a = await new b({
+    context: s,
+    entity: t.entity ?? {},
+    site: t.site ?? {},
+    variables: t.variables ?? {}
+  }, a = await new O({
     resolvers: {
       // entity://:type/:id
       // fetch an entity and make it available for interpolation in the layout
@@ -29,14 +52,14 @@ async function O(s, r, o) {
       // connected to the project, allowing for dynamic content rendering.
       entity: {
         async resolve(e) {
-          const n = e.href().split("/")[2], c = e.href().split("/")[3];
-          let i;
+          const n = e.href().split("/")[2], i = e.href().split("/")[3];
+          let c;
           try {
-            i = await v(n, c, o);
+            c = await g(n, i, s);
           } catch {
             throw new Error(`processLayout entity resolver: could not fetch entity ${e.href()}`);
           }
-          return i;
+          return c;
         }
       },
       // layout://:type/:id/:nodeId
@@ -45,42 +68,43 @@ async function O(s, r, o) {
       // TODO: Should this support loading a node from a named version?
       layout: {
         async resolve(e) {
-          const n = e.href().split("/")[3], c = e.href().split("/")[4] || "";
-          let i;
+          const n = e.href().split("/")[3], i = e.href().split("/")[4] || "";
+          let c;
           try {
-            i = await g(n, o.requestOptions);
+            c = await L(n, s.requestOptions);
           } catch {
             throw new Error(`processLayout layout resolver: Could not fetch layout ${e.href()}`);
           }
-          let l = i.layout;
-          return c && (l = f(l, c)), l && (l.readOnly = !0), l;
+          let y = c.layout;
+          return i && (y = v(y, i)), y && (y.readOnly = !0), y;
         }
       }
     }
-  }).resolve(t);
+  }).resolve(r);
   if (a.result.overrides) {
-    a.result = y(a.result);
+    a.result = d(a.result);
     const e = a.result.overrides;
     e && Object.keys(e).forEach((n) => {
-      const c = f(a.result, n);
-      Object.assign(c, e[n]);
+      const i = v(a.result, n);
+      Object.assign(i, e[n]);
     });
   }
-  const d = w(a.result, u);
-  return await Promise.resolve(p(d));
+  const f = w(a.result, u, {
+    messages: m(t, "translations")
+  });
+  return await Promise.resolve(h(f));
 }
-function L(s) {
-  const r = /* @__PURE__ */ new Map();
-  return async (...o) => {
-    const t = JSON.stringify(o);
-    if (r.has(t))
-      return await r.get(t);
-    const u = await s(...o);
-    return r.set(t, u), await u;
+function E(o) {
+  const t = /* @__PURE__ */ new Map();
+  return async (...s) => {
+    const r = JSON.stringify(s);
+    if (t.has(r))
+      return await t.get(r);
+    const u = await o(...s);
+    return t.set(r, u), await u;
   };
 }
-const $ = L(O);
+const N = E(j);
 export {
-  N as g,
-  $ as p
+  N as p
 };

package/dist/chunks/runtime.js

@@ -2,9 +2,9 @@ import { css as e } from "@lit/reactive-element/css-tag.js";
 import { makeRuntime as s } from "@arcgis/lumina";
 import { trackAccess as r, createObservable as a, createTrackingTarget as c, runTracked as o } from "@arcgis/core/applications/Components/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.7/esri/copyright.txt for details.
-v0.7.0 */
-const m = e``, t = s({ defaultAssetPath: "https://js.arcgis.com/0.7/hub-web-components/", hydratedAttribute: "hydrated", commonStyles: m }), { customElement: u, getAssetPath: d, setAssetPath: p } = t;
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
+const m = e``, t = s({ defaultAssetPath: "https://js.arcgis.com/0.8/hub-web-components/", hydratedAttribute: "hydrated", commonStyles: m }), { customElement: u, getAssetPath: d, setAssetPath: p } = t;
 t.t = r;
 t.o = a;
 t.c = c;

package/dist/chunks/state.js

@@ -0,0 +1,8 @@
+import { getGlobalContext as t } from "@esri/hub-components";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
+const e = t;
+export {
+  e as g
+};

package/dist/chunks/typeGuards.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.7/esri/copyright.txt for details.
-v0.7.0 */
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
 function a(t) {
   return t.tag === "arcgis-layout-section";
 }

package/dist/chunks/useT9n.js

@@ -1,8 +1,8 @@
 import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.7/esri/copyright.txt for details.
-v0.7.0 */
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
 const s = o(t);
 export {
   s as u

package/dist/chunks/util.js

@@ -1,7 +1,7 @@
 import { Marked as t } from "@ts-stack/markdown";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.7/esri/copyright.txt for details.
-v0.7.0 */
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
 const s = (r) => {
   const e = /https?:\/\/[^\s]+[^. ]/gu;
   return r.replace(e, "<a href='$&' target='_new'>$&</a>");

package/dist/components/arcgis-chat-shell/customElement.js

@@ -7,10 +7,10 @@ import { dictionary as o } from "@esri/telemetry-dictionary-hub";
 import { u as r } from "../../chunks/useT9n.js";
 import { c as p } from "../../chunks/util.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.7/esri/copyright.txt for details.
-v0.7.0 */
-const b = h`:host{display:flex;height:100%;.innerContent{word-wrap:break-word;height:100%}.hidden{display:none}.aboutPanel{padding:10px;font-size:1rem}.map-panel-outer{height:100%;display:flex;flex-direction:column}::slotted([slot="map"]){flex-grow:1}}`;
-class d extends n {
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
+const b = h`:host{display:flex;height:100%;.innerContent{overflow-wrap:break-word;height:100%}.hidden{display:none}.aboutPanel{padding:10px;font-size:1rem}.map-panel-outer{height:100%;display:flex;flex-direction:column}::slotted([slot="map"]){flex-grow:1}}`;
+class u extends n {
   constructor() {
     super(...arguments), this._messages = r({ blocking: !0 }), this._chatAction = i(), this._aboutAction = i(), this._contentPanel = i(), this._aboutPanel = i(), this._toggleMap = () => {
       this.mapVisible = !this.mapVisible, this.arcgisUpdateMapVisibility.emit(this.mapVisible);
@@ -38,7 +38,7 @@ class d extends n {
     return t`<calcite-action-bar><calcite-action .text=${this._messages.chatAction} icon=speech-bubble active @click=${this._handleChatClick} ${a(this._chatAction)}></calcite-action>${this.mapEnabled && t`<calcite-action icon=map-pin .text=${this._messages.mapAction} .active=${this.mapVisible} @click=${this._toggleMap}></calcite-action>` || ""}<calcite-action icon=information .text=${this._messages.aboutAction} @click=${this._handleAboutClick} ${a(this._aboutAction)}></calcite-action><calcite-tooltip slot=expand-tooltip>${this._messages.actionsTooltip}</calcite-tooltip></calcite-action-bar><calcite-panel ${a(this._contentPanel)}><slot name=leftPanel class="innerContent"></slot></calcite-panel><calcite-panel class="hidden" ${a(this._aboutPanel)}>${this.aboutContent ? t`<div class="innerContent aboutPanel" .innerHTML=${p(this.aboutContent) ?? ""}></div>` : t`<div class="innerContent aboutPanel">${this.renderDefaultAboutContent()}</div>`}</calcite-panel><calcite-panel class=${c(this.mapVisible ? "" : "hidden")}><div class="map-panel-outer"><slot name=map></slot><slot name=featureTable></slot></div></calcite-panel>`;
   }
 }
-l("arcgis-chat-shell", d);
+l("arcgis-chat-shell", u);
 export {
-  d as ChatShell
+  u as ChatShell
 };

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

@@ -1,18 +1,18 @@
 import { c as v } from "../../chunks/runtime.js";
 import { html as l } from "lit-html";
 import { keyed as u } from "lit-html/directives/keyed.js";
-import { ref as k } from "lit-html/directives/ref.js";
-import { LitElement as w, createEvent as g, nothing as p } from "@arcgis/lumina";
-import { css as I } from "@lit/reactive-element/css-tag.js";
-import { ChatResponse as C } from "./functional/chat-response/customElement.js";
+import { ref as w } from "lit-html/directives/ref.js";
+import { LitElement as k, createEvent as g, nothing as p } from "@arcgis/lumina";
+import { css as C } from "@lit/reactive-element/css-tag.js";
+import { ChatResponse as I } from "./functional/chat-response/customElement.js";
 import { ChatStatus as T } from "./functional/chat-status/customElement.js";
 import { getItem as L } from "@esri/arcgis-rest-portal";
 import { dictionary as n, constants as f } from "@esri/telemetry-dictionary-hub";
 import { u as M } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.7/esri/copyright.txt for details.
-v0.7.0 */
-const S = I`.actions{margin:.5em;background-color:#ffffff80;width:100%;border-radius:10px;.thumbnail{background-size:cover;background-position:center center;height:150px;width:100%;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-top-right-radius:10px}.viewDetails{font-size:smaller}.bottom{padding:10px}.title{margin-bottom:5px}calcite-accordion{width:100%}}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em;width:100%}.source{margin:.5em;border-radius:10px;width:200px}calcite-accordion-item[heading=Map]>*{margin-bottom:1rem}.text{margin:0 .5rem}.message{display:grid;grid-column-gap:1px;justify-content:start;grid-template-areas:"avatar text" ". feedback "}.message.removed{display:none}.response{display:block;grid-area:text;width:fit-content;padding:.75rem;font-size:1rem;line-height:1.375rem;text-align:left}.response p{margin-block-start:0;margin-block-end:0}.response a{color:#00a0ff}.response .actions{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.author-Human{justify-content:end;grid-template-areas:"text avatar" "feedback ."}.author-Human .response{background-color:var(--color-primary);color:#fff;border-radius:15px 0 15px 15px}.author-AI .response{border-radius:0 15px 15px;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}.feedback{grid-area:feedback;--calcite-block-border-color: transparent}arcgis-hub-map-view{height:400px}.status-message{opacity:0;font-size:1em;transition:opacity 2s ease-in-out;font-size:1.2rem;text-justify:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0}}.status-message{animation:fadeIn 6s infinite}.loader{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:1rem;width:65%;border-radius:0 16px 16px}.skeleton-loader{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1.5s shine linear infinite;height:24px;width:100%}.square-container{display:flex;gap:1rem;flex-direction:row}.square{width:120px;height:120px}@keyframes shine{to{background-position-x:-200%}}:host{--color-primary: dodgerblue;display:flex;flex-direction:column;height:100%;.messages{flex:1;flex-grow:1;display:flex;padding:10px;overflow-y:auto;flex-direction:column;gap:1rem}form{margin:0 .5rem;.action-buttons{display:flex;justify-content:space-around}.action-buttons calcite-button{width:auto;flex-grow:1;margin:.5rem}}}#request-input{margin:0 .5rem;height:2rem}.actionsTitle{display:block;font-weight:700;font-size:1.2rem;text-align:left}#actions{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:1rem;margin:1rem}`;
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
+const S = C`.actions{margin:.5em;background-color:#ffffff7f;width:100%;border-radius:10px;.thumbnail{background-size:cover;background-position:center center;height:150px;width:100%;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-top-right-radius:10px}.viewDetails{font-size:smaller}.bottom{padding:10px}.title{margin-bottom:5px}calcite-accordion{width:100%}}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em;width:100%}.source{margin:.5em;border-radius:10px;width:200px}calcite-accordion-item[heading=Map]>*{margin-bottom:1rem}.text{margin:0 .5rem}.message{display:grid;-moz-column-gap:1px;column-gap:1px;justify-content:start;grid-template-areas:"avatar text" ". feedback "}.message.removed{display:none}.response{display:block;grid-area:text;width:-moz-fit-content;width:fit-content;padding:.75rem;font-size:1rem;line-height:1.375rem;text-align:left}.response p{margin-block:0}.response a{color:#00a0ff}.response .actions{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.author-Human{justify-content:end;grid-template-areas:"text avatar" "feedback ."}.author-Human .response{background-color:var(--color-primary);color:#fff;border-radius:15px 0 15px 15px}.author-AI .response{border-radius:0 15px 15px;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}.feedback{grid-area:feedback;--calcite-block-border-color: transparent}arcgis-hub-map-view{height:400px}.status-message{opacity:0;transition:opacity 2s ease-in-out;font-size:1.2rem;text-justify:auto;animation:fade-in 6s infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0}}.loader{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:1rem;width:65%;border-radius:0 16px 16px}.skeleton-loader{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1.5s shine linear infinite;height:24px;width:100%}.square-container{display:flex;gap:1rem;flex-direction:row}.square{width:120px;height:120px}@keyframes shine{to{background-position-x:-200%}}:host{--color-primary: dodgerblue;display:flex;flex-direction:column;height:100%;.messages{flex:1;flex-grow:1;display:flex;padding:10px;overflow-y:auto;flex-direction:column;gap:1rem}form{margin:0 .5rem;.action-buttons{display:flex;justify-content:space-around}.action-buttons calcite-button{width:auto;flex-grow:1;margin:.5rem}}}#request-input{margin:0 .5rem;height:2rem}.actionsTitle{display:block;font-weight:700;font-size:1.2rem;text-align:left}#actions{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:1rem;margin:1rem}`;
 var r = /* @__PURE__ */ ((i) => (i.USER = "Human", i.HUB = "AI", i.SYSTEM = "System", i))(r || {});
 const b = [
   "Searching for relevant datasets...",
@@ -35,7 +35,7 @@ const b = [
 function D(i) {
   return !!i && typeof i == "object" && "kind" in i && i.kind === "FinderResponse";
 }
-class F extends w {
+class F extends k {
   constructor() {
     super(), this._messages = M({ blocking: !0 }), this.loadingMessageIntervalMs = 6e3, this.handleFormSubmit = async (e) => {
       e.preventDefault(), this.inputText.trim() && await this.submitUserMessage(this.inputText, "query");
@@ -188,10 +188,10 @@ class F extends w {
     return l`<form @submit=${this.handleFormSubmit}><calcite-input-text .disabled=${this.isLoading} id=request-input .placeholder=${this._messages.inputPlaceholder} @calciteInputTextInput=${this.handleInputTextChange} .value=${this.inputText}></calcite-input-text><div class="action-buttons"><calcite-button appearance=outline icon-start=reset @click=${this.handleClearHistory} .disabled=${this.isLoading}>${this._messages.clearButtonText}</calcite-button><calcite-button type=submit icon-start=send .disabled=${this.isLoading || !this.inputText.trim()}>${this._messages.submitButtonText}</calcite-button></div></form>`;
   }
   renderChatResponse(e, t) {
-    return u(t, C({ message: e, addDataClick: this.handleAddDataClick, addDataLabel: this._messages.addDataLabel, addLocationClick: this.handleLocationClick, addLocationLabel: this._messages.addLocationLabel, viewDetailsClick: this.handleViewDetailsClick, viewDetailsLabel: this._messages.viewDetailsLabel, domain: this.domain, portalUrl: this.portalUrl }));
+    return u(t, I({ message: e, addDataClick: this.handleAddDataClick, addDataLabel: this._messages.addDataLabel, addLocationClick: this.handleLocationClick, addLocationLabel: this._messages.addLocationLabel, viewDetailsClick: this.handleViewDetailsClick, viewDetailsLabel: this._messages.viewDetailsLabel, domain: this.domain, portalUrl: this.portalUrl }));
   }
   renderMessageContainer() {
-    return l`<div class="messages" ${k(this.setMessagesContainer)}>${this.renderWelcomeMessages()}<div><div class="actionsTitle">${this._messages.suggestionsHeader}</div><div id=actions>${this.renderSuggestions(this.defaultSuggestions)}</div></div>${this.messages.map((e) => this.renderChatResponse(e, `message-${e.messageId}`))}${this.isLoading && T({ currentLoadingMessage: this.currentLoadingMessage }) || ""}</div>`;
+    return l`<div class="messages" ${w(this.setMessagesContainer)}>${this.renderWelcomeMessages()}<div><div class="actionsTitle">${this._messages.suggestionsHeader}</div><div id=actions>${this.renderSuggestions(this.defaultSuggestions)}</div></div>${this.messages.map((e) => this.renderChatResponse(e, `message-${e.messageId}`))}${this.isLoading && T({ currentLoadingMessage: this.currentLoadingMessage }) || ""}</div>`;
   }
   render() {
     return l`<link rel=stylesheet href=https://js.arcgis.com/4.33/@arcgis/core/assets/esri/themes/light/main.css>${this.renderMessageContainer()}${this.renderForm()}`;

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

@@ -2,8 +2,8 @@ import { html as a, nothing as l } from "lit-html";
 import { safeStyleMap as p } from "@arcgis/lumina";
 import { g as b, i as v } from "../../../../chunks/util.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.7/esri/copyright.txt for details.
-v0.7.0 */
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
 const k = ({ messageId: c, source: t, domain: s = "hub.arcgis.com", showOutlinks: o = !0, addDataClick: d, addDataLabel: r, viewDetailsClick: m, viewDetailsLabel: $, portalUrl: g = "https://www.arcgis.com" }) => {
   const e = b(t, s);
   return a`<div class="thumbnail calcite-mode-light" style=${p({

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

@@ -4,8 +4,8 @@ import { c as A, i as M } from "../../../../chunks/util.js";
 import { ChatAction as I } from "../chat-action/customElement.js";
 import { createRef as S, ref as _ } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.7/esri/copyright.txt for details.
-v0.7.0 */
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.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" }) => {
   const m = S();
   function b(t) {

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.7/esri/copyright.txt for details.
-v0.7.0 */
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.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.js

@@ -8,8 +8,8 @@ import C from "@arcgis/core/layers/Layer.js";
 import P from "@arcgis/core/portal/PortalItem.js";
 import { u as z } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.7/esri/copyright.txt for details.
-v0.7.0 */
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
 async function L(s) {
   const {
     skillId: t,

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

@@ -0,0 +1,30 @@
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { HubEntity, HubEntityType, IConfigurableLayoutNode, ILayoutNodeConfig } from '@esri/hub-common';
+
+/**
+ * A card that can be added to an ILayout or leveraged
+ * independently to render a gallery of specified
+ * entity associations.
+ */
+export declare class ArcgisHubEntityAssociationsCard extends LitElement {
+    /**
+     * The entity associations card is a configurable node in
+     * the layout system. The following read-only property
+     * provides configuration information to the layout
+     * editor.
+     */
+    get layoutNodeConfig(): ILayoutNodeConfig | undefined;
+    /**
+     * @required
+     * The Hub entity whose associations will be
+     * displayed
+     */
+    entity: HubEntity | undefined;
+    /**
+     * entity type to query for
+     *
+     * @default "initiative"
+     */
+    associationType: HubEntityType;
+}

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

@@ -0,0 +1,52 @@
+import { c as e } from "../../chunks/runtime.js";
+import { html as s } from "lit-html";
+import { LitElement as o } from "@arcgis/lumina";
+import { getTypeFromEntity as a, getProp as t, getAssociatedEntitiesQuery as n } from "@esri/hub-common";
+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.8/esri/copyright.txt for details.
+v0.8.0 */
+class l extends o {
+  constructor() {
+    super(...arguments), this._messages = r(), this.associationType = "initiative";
+  }
+  static {
+    this.properties = { _associatedEntitiesQuery: 16, layoutNodeConfig: 32, entity: 0, associationType: 1 };
+  }
+  get _context() {
+    return y();
+  }
+  get _entityType() {
+    return this.entity && a(this.entity);
+  }
+  get layoutNodeConfig() {
+    return this.entity && {
+      tag: "arcgis-hub-entity-associations-card",
+      canEdit: !1,
+      canMove: !0,
+      i18n: {
+        label: t(this._messages, `layoutNodeConfig.label.${this._entityType}`),
+        description: t(this._messages, `layoutNodeConfig.description.${this._entityType}`),
+        editLabel: t(this._messages, `layoutNodeConfig.edit.${this._entityType}`),
+        deleteLabel: t(this._messages, `layoutNodeConfig.delete.${this._entityType}`),
+        repositionUpLabel: t(this._messages, `layoutNodeConfig.up.${this._entityType}`),
+        repositionDownLabel: t(this._messages, `layoutNodeConfig.down.${this._entityType}`)
+      },
+      defaults: {}
+    };
+  }
+  willUpdate(i) {
+    (i.has("entity") || i.has("associationType")) && this._init();
+  }
+  async _init() {
+    this.entity && (this._associatedEntitiesQuery = await n(this.entity, this.associationType, this._context));
+  }
+  render() {
+    return this.entity && s`<arcgis-hub-gallery layout=compact limit=5 link-target=siteRelative .query=${this._associatedEntitiesQuery}></arcgis-hub-gallery>` || "";
+  }
+}
+e("arcgis-hub-entity-associations-card", l);
+export {
+  l as ArcgisHubEntityAssociationsCard
+};

package/dist/components/arcgis-hub-entity-associations-card/index.d.ts

@@ -0,0 +1,2 @@
+import "@esri/hub-components/dist/components/arcgis-hub-gallery.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,2 @@
+import "@esri/hub-components/dist/components/arcgis-hub-gallery.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,23 @@
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { HubEntity, IConfigurableLayoutNode, ILayoutNodeConfig } from '@esri/hub-common';
+
+/**
+ * A card that can be added to an ILayout or leveraged
+ * independently to render a grid of entity metrics.
+ */
+export declare class ArcgisHubEntityMetricsCard extends LitElement {
+    /**
+     * The entity metrics card is a configurable node in
+     * the layout system. The following read-only property
+     * provides configuration information to the layout
+     * editor.
+     */
+    get layoutNodeConfig(): ILayoutNodeConfig;
+    /**
+     * @required
+     * The Hub entity whose metrics will be
+     * displayed
+     */
+    entity: HubEntity | undefined;
+}

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

@@ -0,0 +1,54 @@
+import { c as a } from "../../chunks/runtime.js";
+import { html as n } from "lit-html";
+import { keyed as m } from "lit-html/directives/keyed.js";
+import { LitElement as c } from "@arcgis/lumina";
+import { css as l } from "@lit/reactive-element/css-tag.js";
+import { getWithDefault as r, MetricVisibility as y, 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.8/esri/copyright.txt for details.
+v0.8.0 */
+const g = l`: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 h extends c {
+  constructor() {
+    super(...arguments), this._messages = p();
+  }
+  static {
+    this.properties = { layoutNodeConfig: 32, entity: 0 };
+  }
+  static {
+    this.styles = g;
+  }
+  get _metricDisplays() {
+    return r(this.entity || {}, "view.metricDisplays", []).filter((s) => s.visibility === y.featured);
+  }
+  get _entityType() {
+    return this.entity && d(this.entity);
+  }
+  get layoutNodeConfig() {
+    return {
+      tag: "arcgis-hub-entity-metrics-card",
+      canEdit: !1,
+      canMove: !0,
+      i18n: {
+        label: t(this._messages, `layoutNodeConfig.label.${this._entityType}`),
+        description: t(this._messages, `layoutNodeConfig.description.${this._entityType}`),
+        editLabel: t(this._messages, `layoutNodeConfig.edit.${this._entityType}`),
+        deleteLabel: t(this._messages, `layoutNodeConfig.delete.${this._entityType}`),
+        repositionUpLabel: t(this._messages, `layoutNodeConfig.up.${this._entityType}`),
+        repositionDownLabel: t(this._messages, `layoutNodeConfig.down.${this._entityType}`)
+      },
+      defaults: {}
+    };
+  }
+  render() {
+    return this._metricDisplays.map((e) => {
+      const i = r(this.entity || {}, "metrics", []).find((o) => o.id === e.metricId);
+      return i && m(i.id, n`<arcgis-hub-metric-card .cardConfig=${{ ...e, scale: "m", border: !0 }} .metric=${i}></arcgis-hub-metric-card>`) || "";
+    }).filter(Boolean);
+  }
+}
+a("arcgis-hub-entity-metrics-card", h);
+export {
+  h as ArcgisHubEntityMetricsCard
+};

package/dist/components/arcgis-hub-entity-metrics-card/index.d.ts

@@ -0,0 +1,2 @@
+import "@esri/hub-components/dist/components/arcgis-hub-metric-card.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,2 @@
+import "@esri/hub-components/dist/components/arcgis-hub-metric-card.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,27 @@
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { HubEntity, IConfigurableLayoutNode, ILayoutNodeConfig } from '@esri/hub-common';
+
+/**
+ * A card that can be added to an ILayout or leveraged
+ * independently to render an entity's status.
+ *
+ * Note: this is a very basic card right now. Essentially
+ * it's just a thin wrapper around the calcit-chip. We
+ * can expand its functionality in the future as needed.
+ */
+export declare class ArcgisHubEntityStatusCard extends LitElement {
+    /**
+     * The entity status card is a configurable node in
+     * the layout system. The following read-only property
+     * provides configuration information to the layout
+     * editor.
+     */
+    get layoutNodeConfig(): ILayoutNodeConfig;
+    /**
+     * @required
+     * The Hub entity whose status will be
+     * displayed
+     */
+    entity: HubEntity | undefined;
+}

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

@@ -0,0 +1,45 @@
+import { c as e } from "../../chunks/runtime.js";
+import { html as s } from "lit-html";
+import { LitElement as i } from "@arcgis/lumina";
+import { getTypeFromEntity as o, getProp as t } from "@esri/hub-common";
+import { u as a } from "../../chunks/useT9n.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.8/esri/copyright.txt for details.
+v0.8.0 */
+class n extends i {
+  constructor() {
+    super(...arguments), this._messages = a();
+  }
+  static {
+    this.properties = { layoutNodeConfig: 32, entity: 0 };
+  }
+  get _entityType() {
+    return this.entity && o(this.entity);
+  }
+  get _status() {
+    return t(this.entity || {}, "status");
+  }
+  get layoutNodeConfig() {
+    return {
+      tag: "arcgis-hub-entity-status-card",
+      canEdit: !1,
+      canMove: !0,
+      i18n: {
+        label: t(this._messages, `layoutNodeConfig.label.${this._entityType}`),
+        description: t(this._messages, `layoutNodeConfig.description.${this._entityType}`),
+        editLabel: t(this._messages, `layoutNodeConfig.edit.${this._entityType}`),
+        deleteLabel: t(this._messages, `layoutNodeConfig.delete.${this._entityType}`),
+        repositionUpLabel: t(this._messages, `layoutNodeConfig.up.${this._entityType}`),
+        repositionDownLabel: t(this._messages, `layoutNodeConfig.down.${this._entityType}`)
+      },
+      defaults: {}
+    };
+  }
+  render() {
+    return this.entity && s`<calcite-chip .icon=${this._status === "complete" ? "check" : ""} .label=${t(this._messages, this._status)} scale=l>${t(this._messages, this._status)}</calcite-chip>` || "";
+  }
+}
+e("arcgis-hub-entity-status-card", n);
+export {
+  n as ArcgisHubEntityStatusCard
+};

package/dist/components/arcgis-hub-entity-status-card/index.d.ts

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-chip";
+export * from "./customElement.js";

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

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-chip";
+export * from "./customElement.js";