@esri/hub-web-components 0.35.0 → 0.36.1

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

@@ -1,15 +1,15 @@
-import { c as u } from "../../chunks/runtime.js";
-import { html as r } from "lit-html";
+import { c } from "../../chunks/runtime.js";
+import { html as u } from "lit-html";
 import { LitElement as h, useContextConsumer as p, createEvent as i } from "@arcgis/lumina";
 import { css as g } from "@lit/reactive-element/css-tag.js";
 import { getWithDefault as o, getProp as s } from "@esri/hub-common";
 import { i as f } from "../../chunks/isNodeVisible.js";
 import { dictionary as a } from "@esri/telemetry-dictionary-hub";
-import { f as c } from "../../chunks/findColumnAndNodeIndex.js";
+import { f as r } from "../../chunks/findColumnAndNodeIndex.js";
 import { l as y } from "../../chunks/layoutContext.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 const m = g`:host{position:absolute}.delete-popover-content{padding:0 1rem 1rem;margin:0}`;
 class b extends h {
   constructor() {
@@ -31,12 +31,12 @@ class b extends h {
   get #t() {
     const e = this.layoutNodeConfig ? this.layoutNodeConfig.disableMove : !1;
     let t = !1;
-    return this.node && this.layout && (t = !!c(this.node, this.layout)?.isFirstInColumn), !e && !t;
+    return this.node && this.layout && (t = !!r(this.node, this.layout)?.isFirstInColumn), !e && !t;
   }
   get #o() {
     const e = this.layoutNodeConfig ? this.layoutNodeConfig.disableMove : !1;
     let t = !1;
-    return this.node && this.layout && (t = !!c(this.node, this.layout)?.isLastInColumn), !e && !t;
+    return this.node && this.layout && (t = !!r(this.node, this.layout)?.isLastInColumn), !e && !t;
   }
   get _isNodeVisible() {
     return f(this.node);
@@ -108,7 +108,7 @@ class b extends h {
         initialFocus: this.layoutNodeEditorRef,
         extraContainers: [this.layoutNodeEditorRef]
       } : void 0;
-      e = r`<calcite-popover .focusTrapOptions=${d} offset-distance=1 offset-skidding=-4 .label=${l} .open=${this.node.id === this.activatedNode?.id} overlay-positioning=fixed placement=top-start pointer-disabled .referenceElement=${n} trigger-disabled><calcite-action-bar expand-disabled floating layout=horizontal overflow-actions-disabled overlay-positioning=absolute><calcite-action-group><calcite-action .text=${o(t, "i18n.label", this.messages.configurableNodes.default.label)} text-enabled></calcite-action></calcite-action-group><calcite-action-group><calcite-action .disabled=${t.disableAdjustVisibility} .icon=${this._isNodeVisible ? "view-visible" : "view-hide"} @click=${this._onToggleVisibilityClick} .text=${this._isNodeVisible ? o(t, "i18n.hideLabel", this.messages.configurableNodes.default.hide) : o(t, "i18n.showLabel", this.messages.configurableNodes.default.show)}></calcite-action><arcgis-ref-tooltip .text=${this.moveUpTooltipText}><calcite-action .disabled=${!this.#t} icon=arrow-up @click=${this._onMoveUpButtonClick} .text=${o(t, "i18n.repositionUpLabel", this.messages.configurableNodes.default.up)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.moveDownTooltipText}><calcite-action .disabled=${!this.#o} icon=arrow-down @click=${this._onMoveDownButtonClick} .text=${o(t, "i18n.repositionDownLabel", this.messages.configurableNodes.default.down)}></calcite-action></arcgis-ref-tooltip>${t.editor && r`<arcgis-ref-tooltip .text=${this.node.readOnly ? "Metadata must be updated in the workspace" : ""}><calcite-action .disabled=${this.node.readOnly || t.disableEdit || !this.isLayoutValid} icon=pencil @click=${this._onOpenEditorButtonClick} .text=${o(t, "i18n.edit", this.messages.configurableNodes.default.edit)}></calcite-action></arcgis-ref-tooltip>` || ""}<arcgis-ref-tooltip .text=${this.deleteTooltipText}><calcite-action .disabled=${this.node.readOnly || t.disableDelete} icon=trash id=delete-button @click=${this._onDeleteButtonClick} .text=${o(t, "i18n.delete", this.messages.configurableNodes.default.delete)}></calcite-action></arcgis-ref-tooltip><calcite-popover .focusTrapOptions=${d} .heading=${s(this.messages, "layoutNodeControls.deletePopover.heading")} .label=${s(this.messages, "layoutNodeControls.deletePopover.heading")} offset-distance=2 overlay-positioning=fixed placement=bottom-start pointer-disabled reference-element=delete-button><div class="delete-popover-content"><p>${s(this.messages, "layoutNodeControls.deletePopover.body")}</p><calcite-button alignment=center appearance=outline-fill kind=danger @click=${this._onDeleteConfirmButtonClick} round width=full>${s(this.messages, "layoutNodeControls.deletePopover.button")}</calcite-button></div></calcite-popover></calcite-action-group></calcite-action-bar></calcite-popover>`;
+      e = u`<calcite-popover .focusTrapOptions=${d} offset-distance=1 offset-skidding=-4 .label=${l} .open=${this.node.id === this.activatedNode?.id} overlay-positioning=fixed placement=top-start pointer-disabled .referenceElement=${n} trigger-disabled><calcite-action-bar expand-disabled floating layout=horizontal overflow-actions-disabled overlay-positioning=absolute><calcite-action-group><calcite-action .text=${o(t, "i18n.label", this.messages.configurableNodes.default.label)} text-enabled></calcite-action></calcite-action-group><calcite-action-group><calcite-action .disabled=${t.disableAdjustVisibility} .icon=${this._isNodeVisible ? "view-visible" : "view-hide"} @click=${this._onToggleVisibilityClick} .text=${this._isNodeVisible ? o(t, "i18n.hideLabel", this.messages.configurableNodes.default.hide) : o(t, "i18n.showLabel", this.messages.configurableNodes.default.show)}></calcite-action><arcgis-ref-tooltip .text=${this.moveUpTooltipText}><calcite-action .disabled=${!this.#t} icon=arrow-up @click=${this._onMoveUpButtonClick} .text=${o(t, "i18n.repositionUpLabel", this.messages.configurableNodes.default.up)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.moveDownTooltipText}><calcite-action .disabled=${!this.#o} icon=arrow-down @click=${this._onMoveDownButtonClick} .text=${o(t, "i18n.repositionDownLabel", this.messages.configurableNodes.default.down)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.node.readOnly ? "Metadata must be updated in the workspace" : ""}><calcite-action .disabled=${this.node.readOnly || t.disableEdit || !this.isLayoutValid} icon=pencil @click=${this._onOpenEditorButtonClick} .text=${o(t, "i18n.edit", this.messages.configurableNodes.default.edit)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.deleteTooltipText}><calcite-action .disabled=${this.node.readOnly || t.disableDelete} icon=trash id=delete-button @click=${this._onDeleteButtonClick} .text=${o(t, "i18n.delete", this.messages.configurableNodes.default.delete)}></calcite-action></arcgis-ref-tooltip><calcite-popover .focusTrapOptions=${d} .heading=${s(this.messages, "layoutNodeControls.deletePopover.heading")} .label=${s(this.messages, "layoutNodeControls.deletePopover.heading")} offset-distance=2 overlay-positioning=fixed placement=bottom-start pointer-disabled reference-element=delete-button><div class="delete-popover-content"><p>${s(this.messages, "layoutNodeControls.deletePopover.body")}</p><calcite-button alignment=center appearance=outline-fill kind=danger @click=${this._onDeleteConfirmButtonClick} round width=full>${s(this.messages, "layoutNodeControls.deletePopover.button")}</calcite-button></div></calcite-popover></calcite-action-group></calcite-action-bar></calcite-popover>`;
     }
     return e;
   }
@@ -116,7 +116,7 @@ class b extends h {
     return this.renderControls();
   }
 }
-u("arcgis-layout-node-controls", b);
+c("arcgis-layout-node-controls", b);
 export {
   b as ArcgisLayoutNodeControls
 };

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

@@ -7,8 +7,8 @@ import { css as p } from "@lit/reactive-element/css-tag.js";
 import { ArcgisLayoutNodeEditorDynamicTag as m } from "./layout-node-editor-dynamic-tag/customElement.js";
 import { l as v } from "../../chunks/layoutContext.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 const y = p`@layer{arcgis-configuration-editor:focus{--focus-color: var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:solid 2px var(--focus-color)}}`;
 class E extends u {
   constructor() {

package/dist/components/arcgis-layout-node-editor/layout-node-editor-dynamic-tag/customElement.js

@@ -1,8 +1,8 @@
 import { html as t } from "lit-html";
 import { spreadProps as d, spreadEvents as o } from "@open-wc/lit-helpers";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 function g({ tagName: c, props: r }) {
   const n = r.onInputChangeEvent || void 0, a = {
     ...r

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

@@ -10,8 +10,8 @@ import { slotChangeGetAssignedElements as x } from "@arcgis/toolkit/dom";
 import { i as C } from "../../chunks/isNodeVisible.js";
 import { html as i } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 const $ = p`#card-label{position:fixed;position-anchor:--highlight-anchor;inset-block-end:calc(anchor(top) + 3px);inset-inline-start:calc(anchor(left) - 3px);background-color:#fff;border:solid 1px var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius);font-size:var(--calcite-font-size--2);line-height:var(--calcite-font-line-height-fixed-sm);font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);box-shadow:0 0 16px #00000029}#aria-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#overlay{position:absolute;position-anchor:--highlight-anchor;position-area:center;width:anchor-size(width);height:anchor-size(height);display:flex;justify-content:center;align-items:center}#overlay.hidden{background-color:#fff6;outline:1.5px dashed var(--calcite-color-border-1);calcite-chip{opacity:1}}#add-button{position:fixed;position-anchor:--highlight-anchor;justify-self:anchor-center;inset-block-start:calc(anchor(bottom) - 15px);z-index:2}.slot-container{display:flex;flex:1;min-width:0;anchor-name:--highlight-anchor}:host{--calcite-popover-border-color: #dedede;--calcite-popover-corner-radius: 4px;#card-label,calcite-button{opacity:0}display:flex}::slotted(*){flex:1;min-width:0}#overlay:focus-visible{outline:none}:host([is-edit-mode]):has(.is-focused){#card-label{opacity:1}}:host([is-edit-mode]:not([activated],[has-nav-card]):hover),:host([is-edit-mode]:not([activated],[has-nav-card]):focus){--calcite-internal-color-focus: var(--calcite-color-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))));outline-width:var(--calcite-border-width-sm);#card-label,calcite-button{opacity:1}}:host([is-edit-mode][activated]:not([has-nav-card])){--calcite-internal-color-focus: var(--calcite-color-brand-hover);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))));outline-width:var(--calcite-border-width-md)}.popover-content{max-height:19.3rem;overflow-y:auto;border-radius:var(--calcite-popover-corner-radius)}calcite-list-item{--calcite-list-border-color: transparent}`;
 function _(l = {}, e) {
   const t = g(l);

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

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

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

@@ -7,8 +7,8 @@ import { g as c } from "../../chunks/getResponsiveClasses.js";
 import { Logger as a } from "@esri/hub-common";
 import { spreadProps as w } from "@open-wc/lit-helpers";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 class y extends l {
   constructor() {
     super(...arguments), this.debug = !1, this.isEditMode = !1;

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

@@ -7,8 +7,8 @@ import { getProp as h } from "@esri/hub-common";
 import { i as p } from "../../chunks/isNodeVisible.js";
 import { b as $ } from "../../chunks/getResponsiveClasses.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 const _ = m`@layer{arcgis-nav-card{display:block}arcgis-nav-card[is-edit-mode] calcite-tab-nav:hover,arcgis-nav-card[is-edit-mode] calcite-tab-nav:focus{--calcite-internal-color-focus: var(--calcite-color-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))));outline-width:1px}arcgis-nav-card[is-edit-mode] calcite-tab-nav.activated{--calcite-internal-color-focus: var(--calcite-color-brand-hover);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))));outline-width:2px;calcite-label,calcite-button{opacity:1}}}`;
 function N(a, t, i, e) {
   {

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

@@ -4,8 +4,8 @@ import { LitElement as s } from "@arcgis/lumina";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 import { sanitizeHtml as h } from "@esri/hub-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 const o = r`:host{display:block}: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 e extends s {
   constructor() {

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

@@ -4,8 +4,8 @@ import { safeStyleMap as r, deferLoad as g } from "@arcgis/lumina";
 import { spread as $, spreadProps as s } from "@open-wc/lit-helpers";
 import { getProp as h } from "@esri/hub-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 function M({ tagName: d, props: u, classes: y, styles: t, children: b, options: o }) {
   const n = h(u, "node.id"), i = {
     ...u,

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

@@ -0,0 +1,13 @@
+import { ILayout, LayoutNode } from '@esri/hub-common';
+/**
+ * Finds all layout nodes that reference a variable in string form:
+ * `{{variables.<variableName>.value}}`
+ *
+ * Traverses the top-level layout sections as well as nested structures
+ * (rows within columns and nav-card sections).
+ *
+ * @param layout - The layout to search.
+ * @param variableName - The variable name to locate in references.
+ * @returns Matching layout nodes, deduped by node id.
+ */
+export declare function findNodesReferencingVariable(layout: ILayout, variableName: string): LayoutNode[];

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

@@ -0,0 +1,9 @@
+import { LayoutNode } from '@esri/hub-common';
+/**
+ * Finds all variable names referenced in a single layout node via
+ * string tokens in the form `{{variables.<variableName>.value}}`.
+ *
+ * @param node - The node to inspect.
+ * @returns Variable names referenced in the node, deduped.
+ */
+export declare function findVariableUsagesInNode(node: LayoutNode): string[];

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

@@ -0,0 +1,11 @@
+import { ILayout } from '@esri/hub-common';
+/**
+ * Finds and removes a node from the layout by id
+ * then checks for any variables that were only referenced by that node
+ * and removes them.
+ *
+ * @param nodeId - The ID of the node to locate within the layout structure.
+ * @param layout - The ILayout object to search.
+ * @returns {ILayout} The updated layout if the node was removed, or the original layout if not found.
+ */
+export declare function removeNode(nodeId: string, layout: ILayout): ILayout;

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

@@ -0,0 +1,8 @@
+import { ILayout } from '@esri/hub-common';
+/**
+ * Removes all variables from a layout that have no references in any layout node.
+ *
+ * @param layout - The layout to inspect.
+ * @returns A cloned layout with unreferenced variables removed.
+ */
+export declare function removeUnreferencedVariables(layout: ILayout): ILayout;

package/dist/docs/api.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-02-24T20:54:18",
+  "timestamp": "2026-02-26T20:14:35",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "4.33.24",

package/dist/docs/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-02-24T20:54:18",
+  "timestamp": "2026-02-26T20:14:35",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "4.33.24",

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.35.0",
+  "version": "0.36.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

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.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 const s = {
   production: {
     compassApiUrl: "https://hub.arcgis.com/api/assistants/v1",

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.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 export {
   e as getAssetPath,
   a as setAssetPath

package/dist/loader.js

@@ -1,8 +1,8 @@
 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.35/esri/copyright.txt for details.
-v0.35.0 */
+See https://js.arcgis.com/0.36/esri/copyright.txt for details.
+v0.36.1 */
 const a = i(t, {
   "arcgis-chat-shell": [() => import("./components/arcgis-chat-shell/customElement.js"), "aboutContent,mapEnabled,mapVisible"],
   "arcgis-chat-ui": [() => import("./components/arcgis-chat-ui/customElement.js"), "botDescription,botTitle,conversationId,defaultSuggestions:,domain,getFinderResponse:,inputText;submitUserMessage"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/hub-web-components",
-  "version": "0.35.0",
+  "version": "0.36.1",
   "description": "A collection of web components to build web experiences with ArcGIS Hub.",
   "publishConfig": {
     "access": "public",