@esri/hub-web-components 0.13.1 → 0.13.2

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

@@ -1,23 +1,25 @@
-import { c as h } from "../../chunks/runtime.js";
-import { LitElement as g, useContextConsumer as u, createEvent as p, noShadowRoot as m, nothing as l } from "@arcgis/lumina";
-import { css as f } from "@lit/reactive-element/css-tag.js";
-import { checkPermission as b, getProp as n, cloneObject as y, getWithDefault as v } from "@esri/hub-common";
+import { c as g } from "../../chunks/runtime.js";
+import { LitElement as u, useContextConsumer as p, createEvent as m, noShadowRoot as f, nothing as n } from "@arcgis/lumina";
+import { css as b } from "@lit/reactive-element/css-tag.js";
+import { checkPermission as y, getProp as r, cloneObject as v, getWithDefault as N } from "@esri/hub-common";
 import { html as a } from "lit";
-import { l as N } from "../../chunks/messagesContext.js";
-import { g as x, i as C } from "../../chunks/interpolate-translations.js";
-import { m as P, i as _ } from "../../chunks/memoizeAsync.js";
-import { g as $ } from "../../chunks/state.js";
+import { l as x } from "../../chunks/messagesContext.js";
+import { g as C, i as P } from "../../chunks/interpolate-translations.js";
+import { m as _, i as $ } from "../../chunks/memoizeAsync.js";
+import { dictionary as L } from "@esri/telemetry-dictionary-hub";
+import { g as E } from "../../chunks/state.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/0.13/esri/copyright.txt for details.
-v0.13.1 */
-const L = f`@layer{arcgis-layout-node-highlight{--button-height: 30px;--label-height: 30px;opacity:0;position:absolute;calcite-label{position:fixed;position-anchor:var(--anchor-element-name);inset-block:calc(anchor(top) - var(--label-height)) calc(anchor(top) + 2px);background-color:#fff;padding:2px 5px;border:solid 2px var(--calcite-ui-brand);border-bottom:none}calcite-button{position:fixed;position-anchor:var(--anchor-element-name);justify-self:anchor-center;inset-block-start:calc(anchor(bottom) - var(--button-height) / 2)}calcite-list-item{--calcite-list-border-color: transparent;padding-inline-end:1rem}}.current-node+arcgis-layout-node-highlight{opacity:1}}`, E = [
+v0.13.2 */
+const O = b`@layer{arcgis-layout-node-highlight{--button-height: 30px;--label-height: 30px;opacity:0;position:absolute;calcite-label{position:fixed;position-anchor:var(--anchor-element-name);inset-block:calc(anchor(top) - var(--label-height)) calc(anchor(top) + 2px);background-color:#fff;padding:2px 5px;border:solid 2px var(--calcite-ui-brand);border-bottom:none}calcite-button{position:fixed;position-anchor:var(--anchor-element-name);justify-self:anchor-center;inset-block-start:calc(anchor(bottom) - var(--button-height) / 2)}.popover-content{max-height:19.3rem;overflow-y:auto}calcite-list-item{--calcite-list-border-color: transparent}}.current-node+arcgis-layout-node-highlight{opacity:1}}`, s = L.category.interaction.action.open.label.dialog.details.addLayoutNode, I = [
   {
     tag: "arcgis-text-card",
     label: "{{layoutNodeControls.configurableNodes.text.label:translate}}",
     icon: "text",
     defaults: {
-      html: "<p>Text card</p>"
-    }
+      html: "<p>&nbsp;</p>"
+    },
+    telemetry: s
   },
   {
     tag: "arcgis-hub-image",
@@ -27,13 +29,15 @@ const L = f`@layer{arcgis-layout-node-highlight{--button-height: 30px;--label-he
     defaults: {
       src: "https://placehold.co/300x200?text=Image",
       alt: "Placeholder image"
-    }
+    },
+    telemetry: s
   },
   {
     tag: "arcgis-hub-embed-card",
     label: "{{layoutNodeControls.configurableNodes.embed.label:translate}}",
     icon: "embedded-content",
-    disabled: !0
+    disabled: !0,
+    telemetry: s
   },
   {
     tag: "arcgis-hub-gallery-card",
@@ -59,7 +63,8 @@ const L = f`@layer{arcgis-layout-node-highlight{--button-height: 30px;--label-he
           ]
         }
       }
-    }
+    },
+    telemetry: s
   }
   // {
   //   tag: "arcgis-hub-timeline",
@@ -77,20 +82,20 @@ const L = f`@layer{arcgis-layout-node-highlight{--button-height: 30px;--label-he
   //   icon: "entity-status-card-icon",
   // },
 ];
-async function O(r, e, t) {
-  let o = E.filter((s) => !s.permissions || s.permissions.length === 0 ? !0 : s.permissions.every((c) => b(c, t).access));
+async function w(d, e, t) {
+  let o = I.filter((l) => !l.permissions || l.permissions.length === 0 ? !0 : l.permissions.every((h) => y(h, t).access));
   const i = {
     context: t,
     entity: e.entity ?? {}
-  }, d = {
-    messages: n(e, "translations")
+  }, c = {
+    messages: r(e, "translations")
   };
-  return o = _(o, i, d), await Promise.resolve(o);
+  return o = $(o, i, c), await Promise.resolve(o);
 }
-const I = P(O);
-class A extends g {
+const A = _(w);
+class S extends u {
   constructor() {
-    super(), this.#e = u({ context: N }), this.isPopoverOpen = !1, this.arcgisLayoutAddNode = p(), this.listen("calcitePopoverBeforeOpen", this.loadConfig), this.listen("calcitePopoverOpen", (e) => {
+    super(), this.#e = p({ context: x }), this.isPopoverOpen = !1, this.arcgisLayoutAddNode = m(), this.listen("calcitePopoverBeforeOpen", this.loadConfig), this.listen("calcitePopoverOpen", (e) => {
       this.isPopoverOpen = !0;
     }), this.listen("calcitePopoverClose", (e) => {
       this.isPopoverOpen = !1;
@@ -100,10 +105,10 @@ class A extends g {
     this.properties = { config: 16, isPopoverOpen: 16, node: 0, highlightedNode: 0 };
   }
   static {
-    this.shadowRootOptions = m;
+    this.shadowRootOptions = f;
   }
   static {
-    this.styles = L;
+    this.styles = O;
   }
   get addButtonId() {
     return this.node ? `add-button-${this.node.id}` : void 0;
@@ -118,11 +123,11 @@ class A extends g {
   get _layoutNodeConfig() {
     if (!this.referenceElement || !this.node)
       return;
-    let e = x(this.referenceElement, this.node);
-    return e && (e = C(this._messages, e)), y(e);
+    let e = C(this.referenceElement, this.node);
+    return e && (e = P(this._messages, e)), v(e);
   }
   get _context() {
-    return $();
+    return E();
   }
   updated(e) {
     const t = `--overlay-anchor-${this.node?.id}`;
@@ -132,7 +137,7 @@ class A extends g {
     e.has("highlightedNode") && (!this.highlightedNode || this.node?.id !== this.highlightedNode.id) && (this.isPopoverOpen = !1);
   }
   async loadConfig() {
-    this.config || (this.config = await I({}, { translations: this._messages }, this._context));
+    this.config || (this.config = await A({}, { translations: this._messages }, this._context));
   }
   _handleListItemSelect(e) {
     const t = e.target.dataset.tag, o = this.config?.find((i) => i.tag === t);
@@ -148,24 +153,24 @@ class A extends g {
   renderLabel() {
     let e;
     if (this.node !== void 0 && this.highlightedNode !== void 0 && this.node.id === this.highlightedNode.id) {
-      const t = v(this._layoutNodeConfig ?? {}, "i18n.label", n(this._messages, "layoutNodeControls.configurableNodes.default.label"));
+      const t = N(this._layoutNodeConfig ?? {}, "i18n.label", r(this._messages, "layoutNodeControls.configurableNodes.default.label"));
       e = a`<calcite-label scale=l>${t}</calcite-label>`;
     }
     return e;
   }
   renderControls() {
     let e;
-    return this.node && (e = a`<calcite-button icon-start=plus id=${this.addButtonId ?? l} .label=${this._messages.addButtonLabel} round></calcite-button>`), e;
+    return this.node && (e = a`<calcite-button icon-start=plus id=${this.addButtonId ?? n} .label=${this._messages.addButtonLabel} round></calcite-button>`), e;
   }
   renderPopover() {
     let e;
-    return this.node && this.addButtonId && (e = a`<calcite-popover auto-close .heading=${this._messages.addElementPopoverHeading} .label=${this._messages.addElementPopoverLabel} .open=${this.isPopoverOpen} .referenceElement=${this.addButtonId}><calcite-list .label=${this._messages.addElementListLabel}>${this.config?.map((t) => a`<calcite-list-item data-tag=${t.tag ?? l} .disabled=${t.disabled} icon-start=${t.icon ?? l} .label=${t.label} @calciteListItemSelect=${this._handleListItemSelect}></calcite-list-item>`)}</calcite-list></calcite-popover>`), e;
+    return this.node && this.addButtonId && (e = a`<calcite-popover auto-close .heading=${this._messages.addElementPopoverHeading} .label=${this._messages.addElementPopoverLabel} .open=${this.isPopoverOpen} .referenceElement=${this.addButtonId}><div class="popover-content"><calcite-list .label=${this._messages.addElementListLabel}>${this.config?.map((t) => a`<calcite-list-item data-tag=${t.tag ?? n} .disabled=${t.disabled} icon-start=${t.icon ?? n} .label=${t.label} @calciteListItemSelect=${this._handleListItemSelect}></calcite-list-item>`)}</calcite-list></div></calcite-popover>`), e;
   }
   render() {
     return a`${this.renderLabel()}${this.renderControls()}${this.renderPopover()}`;
   }
 }
-h("arcgis-layout-node-highlight", A);
+g("arcgis-layout-node-highlight", S);
 export {
-  A as ArcgisLayoutNodeHighlight
+  S as ArcgisLayoutNodeHighlight
 };

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

@@ -5,7 +5,7 @@ import { css as r } from "@lit/reactive-element/css-tag.js";
 import { u as n } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/0.13/esri/copyright.txt for details.
-v0.13.1 */
+v0.13.2 */
 const a = r`:host{display:flex;justify-content:center;align-items:center;position:fixed;position-area:center;width:anchor-size(width);height:anchor-size(height);anchor-name:--overlay;pointer-events:none;outline:1.5px dashed var(--calcite-color-border-1)}.overlay{opacity:.6;background-color:#ffffffa6;width:100%;height:100%}.overlay-content{position:fixed}`;
 class c extends s {
   constructor() {

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

@@ -8,7 +8,7 @@ import { spreadProps as p } from "@open-wc/lit-helpers";
 import { a as h } from "../../chunks/typeGuards.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/0.13/esri/copyright.txt for details.
-v0.13.1 */
+v0.13.2 */
 class y extends d {
   constructor() {
     super(...arguments), this.debug = !1, this.isEditMode = !1;

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

@@ -8,7 +8,7 @@ import { Logger as d } from "@esri/hub-common";
 import { spreadProps as c } from "@open-wc/lit-helpers";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/0.13/esri/copyright.txt for details.
-v0.13.1 */
+v0.13.2 */
 class w extends u {
   constructor() {
     super(...arguments), this.debug = !1, this.isEditMode = !1;

package/dist/components/arcgis-nav-card/customElement.js

@@ -7,7 +7,7 @@ import { i as p } from "../../chunks/isNodeVisible.js";
 import { b as f } from "../../chunks/getResponsiveClasses.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/0.13/esri/copyright.txt for details.
-v0.13.1 */
+v0.13.2 */
 function v(s, e, t, i) {
   {
     let a = s;

package/dist/components/arcgis-text-card/customElement.js

@@ -7,7 +7,7 @@ import { 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.13/esri/copyright.txt for details.
-v0.13.1 */
+v0.13.2 */
 const n = o`:host>div>h1:first-child,:host>div>h2:first-child,:host>div>h3:first-child,:host>div>h4:first-child,:host>div>h5:first-child,:host>div>h6:first-child,:host>div>p:first-child{margin-top:0}`;
 class l extends s {
   constructor() {

package/dist/components/layouts/components/layout-node/customElement.js

@@ -1,18 +1,18 @@
-import { html as i } from "lit-html";
+import { html as e } from "lit-html";
 import { safeStyleMap as s, deferLoad as d } from "@arcgis/lumina";
 import { spread as $, spreadProps as g, spreadEvents as b } from "@open-wc/lit-helpers";
 import { getProp as y } from "@esri/hub-common";
-import { i as k } from "../../../../chunks/isNodeVisible.js";
+import { i as v } from "../../../../chunks/isNodeVisible.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/0.13/esri/copyright.txt for details.
-v0.13.1 */
-function N({ tagName: w, props: u, classes: f, styles: a, children: o, options: n }) {
+v0.13.2 */
+function N({ tagName: k, props: u, classes: w, styles: a, children: o, options: n }) {
   const m = n.onMouseLeave, h = n.onMouseEnter, l = y(u, "node.id"), c = {
     ...u,
     isEditMode: n.isEditMode,
     tabIndex: n.isEditMode ? 0 : void 0
   }, t = {
-    class: f,
+    class: w,
     "data-node-id": l,
     label: u.label
     // label must be an attribute
@@ -23,75 +23,75 @@ function N({ tagName: w, props: u, classes: f, styles: a, children: o, options:
     focus: h
     // blur: onUnHighlightHandler, we do not handle blur events because we need the element to remain "highlighted" so its add button can be focused
   };
-  (!k(y(u, "node")) || n.isEditMode) && (a || (a = {}), a["anchor-name"] = `--overlay-anchor-${l}`);
-  let e;
-  switch (w) {
+  (!v(y(u, "node")) || n.isEditMode) && (a || (a = {}), a["anchor-name"] = `--overlay-anchor-${l}`);
+  let i;
+  switch (k) {
     case "arcgis-layout-row":
-      e = i`<arcgis-layout-row style=${s(a)} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-layout-row>`;
+      i = e`<arcgis-layout-row style=${s(a)} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-layout-row>`;
       break;
     case "calcite-button":
-      e = i`<calcite-button style=${s(a)} ${$(t)} ${g(c)} ${b(r)}>${o}</calcite-button>`;
+      i = e`<calcite-button style=${s(a)} ${$(t)} ${g(c)} ${b(r)}>${o}</calcite-button>`;
       break;
     case "calcite-chip":
-      e = i`<calcite-chip .label=${u.label} style=${s(a)} ${$(t)} ${g(c)} ${b(r)}>${o}</calcite-chip>`;
+      i = e`<calcite-chip .label=${u.label} style=${s(a)} ${$(t)} ${g(c)} ${b(r)}>${o}</calcite-chip>`;
       break;
     case "calcite-avatar":
-      e = i`<calcite-avatar style=${s(a)} ${$(t)} ${g(c)} ${b(r)}>${o}</calcite-avatar>`;
+      i = e`<calcite-avatar style=${s(a)} ${$(t)} ${g(c)} ${b(r)}>${o}</calcite-avatar>`;
       break;
     case "arcgis-text-card":
-      e = i`<arcgis-text-card style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-text-card>`;
+      i = e`<arcgis-text-card style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-text-card>`;
       break;
     case "arcgis-hub-gallery-card":
-      e = i`<arcgis-hub-gallery-card style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-gallery-card>`;
+      i = e`<arcgis-hub-gallery-card style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-gallery-card>`;
       break;
     case "arcgis-hub-image":
-      e = i`<arcgis-hub-image style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-image>`;
+      i = e`<arcgis-hub-image style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-image>`;
       break;
     case "arcgis-hub-embed-card":
-      e = i`<arcgis-hub-embed-card style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-embed-card>`;
+      i = e`<arcgis-hub-embed-card style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-embed-card>`;
       break;
     case "arcgis-nav-card":
-      e = i`<arcgis-nav-card .highlightHandler=${h} .unHighlightHandler=${m} style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-nav-card>`;
+      i = e`<arcgis-nav-card .highlightHandler=${h} .unHighlightHandler=${m} style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-nav-card>`;
       break;
     case "arcgis-hub-timeline":
-      e = i`<arcgis-hub-timeline style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-timeline>`;
+      i = e`<arcgis-hub-timeline style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-timeline>`;
       break;
     case "arcgis-hub-entity-metadata":
-      e = i`<arcgis-hub-entity-metadata style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-metadata>`;
+      i = e`<arcgis-hub-entity-metadata style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-metadata>`;
       break;
     case "arcgis-hub-catalog":
-      e = i`<arcgis-hub-catalog .catalogs=${u.catalogs} style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-catalog>`;
+      i = e`<arcgis-hub-catalog .catalogs=${u.catalogs} style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-catalog>`;
       break;
     case "arcgis-hub-map-view":
-      e = i`<arcgis-hub-map-view style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-map-view>`;
+      i = e`<arcgis-hub-map-view style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-map-view>`;
       break;
     case "arcgis-hub-entity-metrics-card":
-      e = i`<arcgis-hub-entity-metrics-card .entity=${u.entity} style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-metrics-card>`;
+      i = e`<arcgis-hub-entity-metrics-card .entity=${u.entity} style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-metrics-card>`;
       break;
     case "arcgis-hub-entity-associations-card":
-      e = i`<arcgis-hub-entity-associations-card .entity=${u.entity} style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-associations-card>`;
+      i = e`<arcgis-hub-entity-associations-card .entity=${u.entity} style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-associations-card>`;
       break;
     case "arcgis-hub-entity-status-card":
-      e = i`<arcgis-hub-entity-status-card .entity=${u.entity} style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-status-card>`;
+      i = e`<arcgis-hub-entity-status-card .entity=${u.entity} style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-status-card>`;
       break;
     case "arcgis-hub-entity-metrics-view":
-      e = i`<arcgis-hub-entity-metrics-view style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-metrics-view>`;
+      i = e`<arcgis-hub-entity-metrics-view style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-metrics-view>`;
       break;
     case "arcgis-hub-project-initiatives-view":
-      e = i`<arcgis-hub-project-initiatives-view style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-project-initiatives-view>`;
+      i = e`<arcgis-hub-project-initiatives-view style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-project-initiatives-view>`;
       break;
     case "arcgis-hub-entity-hero":
-      e = i`<arcgis-hub-entity-hero style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-hero>`;
+      i = e`<arcgis-hub-entity-hero style=${s(a)} ${d} ${$(t)} ${g(c)} ${b(r)}>${o}</arcgis-hub-entity-hero>`;
       break;
     case "div":
-      e = i`<div .innerHTML=${u.html ?? ""} style=${s(a)} ${$(t)} ${g(c)} ${b(r)}></div>`;
+      i = e`<div .innerHTML=${u.html ?? ""} style=${s(a)} ${$(t)} ${g(c)} ${b(r)}></div>`;
       break;
     // Add more cases as needed
     default:
-      e = i`<div style=${s(a)} ${$(t)} ${g(c)} ${b(r)}>${o}</div>`;
+      i = e`<div style=${s(a)} ${$(t)} ${g(c)} ${b(r)}>${o}</div>`;
   }
-  const v = k(y(u, "node")) ? e : i`${e}<arcgis-layout-node-overlay .nodeId=${l} type=hidden ${d} ${$(t)}></arcgis-layout-node-overlay>`;
-  return n.isEditMode ? i`${v}<arcgis-layout-node-highlight .highlightedNode=${u.highlightedNode} .node=${u.node}></arcgis-layout-node-highlight>` : v;
+  const f = v(y(u, "node")) ? i : e`${i}<arcgis-layout-node-overlay .nodeId=${l} type=hidden ${d} ${$(t)}></arcgis-layout-node-overlay>`;
+  return e`${f}${n.isEditMode && e`<arcgis-layout-node-highlight .highlightedNode=${u.highlightedNode} .node=${u.node}></arcgis-layout-node-highlight>` || ""}`;
 }
 export {
   N as ArcgisLayoutNode

package/dist/components/layouts/utils/getAddableLayoutNodes.d.ts

@@ -6,6 +6,7 @@ export interface IAddLayoutNodeConfiguration {
     disabled?: boolean;
     defaults?: Record<string, unknown>;
     permissions?: Permission[];
+    telemetry?: Record<string, unknown>;
 }
 export declare const layoutNodeConfig: IAddLayoutNodeConfiguration[];
 export declare const getAddableLayoutNodes: (_layout: import('@esri/hub-common').ILayoutV2, options: Record<string, unknown>, context: IArcGISContext) => Promise<Promise<IAddLayoutNodeConfiguration[]>>;

package/dist/docs/api.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-12-04T17:14:33",
+  "timestamp": "2025-12-11T00:00:24",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "4.33.24",
@@ -2261,6 +2261,54 @@
               "attribute": "debug",
               "reflects": true
             },
+            {
+              "kind": "method",
+              "name": "getCardEl",
+              "parameters": [
+                {
+                  "name": "nodeId",
+                  "type": {
+                    "text": "string",
+                    "values": [
+                      {
+                        "type": "string"
+                      }
+                    ]
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "Promise<(HTMLElement & IConfigurableLayoutNode) | undefined>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "typescript",
+                      "module": "lib/lib.es5.d.ts",
+                      "start": 0,
+                      "end": 7
+                    },
+                    {
+                      "name": "HTMLElement",
+                      "package": "typescript",
+                      "module": "lib/lib.dom.d.ts",
+                      "viewUrl": "https://developer.mozilla.org/docs/Web/API/HTMLElement",
+                      "start": 9,
+                      "end": 20
+                    },
+                    {
+                      "name": "IConfigurableLayoutNode",
+                      "package": "@esri/hub-common",
+                      "module": "types/layouts/layout-shared-types.d.ts",
+                      "start": 23,
+                      "end": 46
+                    }
+                  ]
+                }
+              },
+              "signature": "(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>",
+              "async": true
+            },
             {
               "kind": "field",
               "name": "highlightedNode",
@@ -2587,6 +2635,13 @@
                   }
                 ]
               }
+            },
+            {
+              "name": "hubTelemetry",
+              "description": "Event emitted for telemetry",
+              "type": {
+                "text": "{\n    [x: string]: unknown;\n}"
+              }
             }
           ]
         }

package/dist/docs/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-12-04T17:14:33",
+  "timestamp": "2025-12-11T00:00:24",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "4.33.24",
@@ -2134,6 +2134,51 @@
               "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
             }
           ]
+        },
+        {
+          "name": "getCardEl",
+          "returns": {
+            "type": "Promise<(HTMLElement & IConfigurableLayoutNode) | undefined>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>",
+            "parameters": [
+              {
+                "name": "nodeId",
+                "type": "string",
+                "docs": ""
+              }
+            ],
+            "return": "Promise<(HTMLElement & IConfigurableLayoutNode) | undefined>",
+            "references": {
+              "Promise": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              },
+              "HTMLElement": {
+                "location": "import",
+                "path": "typescript/lib/lib.dom.d.ts",
+                "id": "notImplemented"
+              },
+              "IConfigurableLayoutNode": {
+                "location": "import",
+                "path": "@esri/hub-common/types/layouts/layout-shared-types.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "signature": "getCardEl(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>",
+          "parameters": [
+            {
+              "name": "nodeId",
+              "type": "string",
+              "docs": ""
+            }
+          ],
+          "docs": "",
+          "docsTags": []
         }
       ],
       "events": [],
@@ -2365,6 +2410,20 @@
           "composed": true,
           "docs": "Event emitted when the layout is published",
           "docsTags": []
+        },
+        {
+          "event": "hubTelemetry",
+          "detail": "{\n    [x: string]: unknown;\n}",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n    [x: string]: unknown;\n}",
+            "resolved": "{\n    [x: string]: unknown;\n}",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted for telemetry",
+          "docsTags": []
         }
       ],
       "styles": [],

package/dist/docs/vscode.html-custom-data.json

@@ -238,7 +238,7 @@
     },
     {
       "name": "arcgis-layout",
-      "description": "A web component for rendering an ILayout\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "description": "A web component for rendering an ILayout\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getCardEl(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>`",
       "attributes": [
         {
           "name": "debug",
@@ -255,7 +255,7 @@
     },
     {
       "name": "arcgis-layout-container",
-      "description": "### Events\n- **arcgisHubLayoutChanged**\n- **arcgisHubLayoutEditorExit**\n- **arcgisHubLayoutPublished** - Event emitted when the layout is published\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "description": "### Events\n- **arcgisHubLayoutChanged**\n- **arcgisHubLayoutEditorExit**\n- **arcgisHubLayoutPublished** - Event emitted when the layout is published\n- **hubTelemetry** - Event emitted for telemetry\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
       "attributes": [
         {
           "name": "debug",

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/hub-web-components",
-  "version": "0.13.1",
+  "version": "0.13.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -599,7 +599,7 @@
         },
         {
           "name": "arcgis-layout",
-          "description": "A web component for rendering an ILayout\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "A web component for rendering an ILayout\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getCardEl(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>`",
           "attributes": [
             {
               "name": "debug",
@@ -652,7 +652,7 @@
         },
         {
           "name": "arcgis-layout-container",
-          "description": "### Events\n- **arcgisHubLayoutChanged**\n- **arcgisHubLayoutEditorExit**\n- **arcgisHubLayoutPublished** - Event emitted when the layout is published\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Events\n- **arcgisHubLayoutChanged**\n- **arcgisHubLayoutEditorExit**\n- **arcgisHubLayoutPublished** - Event emitted when the layout is published\n- **hubTelemetry** - Event emitted for telemetry\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [
             {
               "name": "debug",
@@ -691,6 +691,11 @@
               "name": "arcgisHubLayoutPublished",
               "type": "ILayoutV2",
               "description": "Event emitted when the layout is published"
+            },
+            {
+              "name": "hubTelemetry",
+              "type": "{\n    [x: string]: unknown;\n}",
+              "description": "Event emitted for telemetry"
             }
           ],
           "js": {
@@ -733,6 +738,11 @@
                 "name": "arcgisHubLayoutPublished",
                 "type": "ILayoutV2",
                 "description": "Event emitted when the layout is published"
+              },
+              {
+                "name": "hubTelemetry",
+                "type": "{\n    [x: string]: unknown;\n}",
+                "description": "Event emitted for telemetry"
               }
             ]
           }

package/dist/embed-config.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/0.13/esri/copyright.txt for details.
-v0.13.1 */
+v0.13.2 */
 const s = {
   production: {
     compassApiUrl: "https://hub.arcgis.com/api/assistants/v1",

package/dist/index.d.ts

@@ -100,6 +100,7 @@ declare global {
     "arcgisHubLayoutChanged": ArcgisLayoutContainer["arcgisHubLayoutChanged"]["detail"];
     "arcgisHubLayoutEditorExit": ArcgisLayoutContainer["arcgisHubLayoutEditorExit"]["detail"];
     "arcgisHubLayoutPublished": ArcgisLayoutContainer["arcgisHubLayoutPublished"]["detail"];
+    "hubTelemetry": ArcgisLayoutContainer["hubTelemetry"]["detail"];
   }
 
   interface HTMLArcgisLayoutContainerElement extends ArcgisLayoutContainer {

package/dist/index.js

@@ -1,7 +1,7 @@
 import { g as e, s as a } from "./chunks/runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/0.13/esri/copyright.txt for details.
-v0.13.1 */
+v0.13.2 */
 export {
   e as getAssetPath,
   a as setAssetPath

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as t } from "./chunks/runtime.js";
 import { makeDefineCustomElements as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/0.13/esri/copyright.txt for details.
-v0.13.1 */
+v0.13.2 */
 const a = i(t, {
   "arcgis-chat-shell": [() => import("./components/arcgis-chat-shell/customElement.js"), "aboutContent,aboutVisible,chatComponent:,featureTable:,map:,mapEnabled,mapVisible"],
   "arcgis-chat-ui": [() => import("./components/arcgis-chat-ui/customElement.js"), "authentication:,botDescription,botTitle,conversationId,defaultSuggestions:,devFeatureMessage:,domain,getFinderResponse:,hasOrgAiAccess,inputText,isAuthenticated,portalUrl;submitUserMessage"],
@@ -18,7 +18,7 @@ const a = i(t, {
   "arcgis-layout-node-overlay": [() => import("./components/arcgis-layout-node-overlay/customElement.js"), "nodeId,type"],
   "arcgis-layout-row": [() => import("./components/arcgis-layout-row/customElement.js"), "debug,highlightedNode:,isEditMode,node:,utils:"],
   "arcgis-layout-section": [() => import("./components/arcgis-layout-section/customElement.js"), "debug,highlightedNode:,isEditMode,node:,utils:"],
-  "arcgis-layout": [() => import("./components/arcgis-layout/customElement.js"), "debug,highlightedNode:,isEditMode,layout:,options:"],
+  "arcgis-layout": [() => import("./components/arcgis-layout/customElement.js"), "debug,highlightedNode:,isEditMode,layout:,options:;getCardEl"],
   "arcgis-layout-container": [() => import("./components/arcgis-layout-container/customElement.js"), "debug,isEditMode,isPublishing,layout:,options:"],
   "arcgis-nav-card": [() => import("./components/arcgis-nav-card/customElement.js"), "debug,highlightedNode:,highlightHandler:,isEditMode,layoutNodeConfig:,node:,sections:,translations:,unHighlightHandler:,utils:"],
   "arcgis-text-card": [() => import("./components/arcgis-text-card/customElement.js"), "html,layoutNodeConfig:"]

package/dist/types/lumina.d.ts

@@ -46,6 +46,7 @@ interface LuminaArcgisLayoutContainer extends Partial<Pick<ArcgisLayoutContainer
   onarcgisHubLayoutChanged?: EventHandler<HTMLArcgisLayoutContainerElement["arcgisHubLayoutChanged"]>;
   onarcgisHubLayoutEditorExit?: EventHandler<HTMLArcgisLayoutContainerElement["arcgisHubLayoutEditorExit"]>;
   onarcgisHubLayoutPublished?: EventHandler<HTMLArcgisLayoutContainerElement["arcgisHubLayoutPublished"]>;
+  onhubTelemetry?: EventHandler<HTMLArcgisLayoutContainerElement["hubTelemetry"]>;
 }
 
 interface LuminaArcgisNavCard extends Partial<Pick<ArcgisNavCard, 'debug' | 'highlightedNode' | 'highlightHandler' | 'isEditMode' | 'node' | 'sections' | 'translations' | 'unHighlightHandler' | 'utils'>>, h.JSX.HTMLAttributes<HTMLArcgisNavCardElement> {