@esri/hub-web-components 0.26.2 → 0.28.0

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

@@ -1,114 +1,25 @@
-import { g as m, c as f } from "../../chunks/runtime.js";
-import { html as o } from "lit-html";
-import { LitElement as y, useContextConsumer as b, createEvent as c, safeClassMap as n, nothing as d } from "@arcgis/lumina";
-import { css as v } from "@lit/reactive-element/css-tag.js";
-import { checkPermission as N, getProp as l, cloneObject as $, getWithDefault as w } from "@esri/hub-common";
-import { l as x } from "../../chunks/layoutContext.js";
-import { g as C, i as _ } from "../../chunks/interpolate-translations.js";
-import { m as E, i as P } from "../../chunks/memoizeAsync.js";
-import { dictionary as h } from "@esri/telemetry-dictionary-hub";
-import { g as L } from "../../chunks/state.js";
-import { slotChangeGetAssignedElements as A } from "@arcgis/toolkit/dom";
-import { i as O } from "../../chunks/isNodeVisible.js";
+import { c as n } from "../../chunks/runtime.js";
+import { LitElement as r, useContextConsumer as h, createEvent as s, safeClassMap as c, nothing as d } from "@arcgis/lumina";
+import { css as u } from "@lit/reactive-element/css-tag.js";
+import { cloneObject as f, getWithDefault as p } from "@esri/hub-common";
+import { l as v } from "../../chunks/layoutContext.js";
+import { g, a as m, i as b } from "../../chunks/interpolate-translations.js";
+import { g as y } from "../../chunks/state.js";
+import { dictionary as N } from "@esri/telemetry-dictionary-hub";
+import { slotChangeGetAssignedElements as $ } from "@arcgis/toolkit/dom";
+import { i as w } 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.26/esri/copyright.txt for details.
-v0.26.2 */
-const k = v`calcite-label{position:fixed;position-anchor:--highlight-anchor;bottom:calc(anchor(top) + 4px);top:calc(anchor(top) - 30px);background-color:#fff;padding:.25rem .5rem;--tw-shadow: var(--calcite-shadow-md);--tw-shadow-colored: var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#overlay{position:fixed;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-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){calcite-label{opacity:1}}:host([is-edit-mode]:hover):not(:has(arcgis-nav-card)),:host([is-edit-mode]:focus):not(:has(arcgis-nav-card)){--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))));outline-width:1px;calcite-label,calcite-button{opacity:1}}:host([is-edit-mode]):has(#overlay.activated){--calcite-internal-color-focus: var(--calcite-ui-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}}.popover-content{max-height:19.3rem;overflow-y:auto}calcite-list-item{--calcite-list-border-color: transparent}`, s = h.category.interaction.action.select.label.layoutNode, M = [
-  {
-    tag: "arcgis-text-card",
-    label: "{{layoutNodeControls.configurableNodes.text.label:translate}}",
-    icon: "text",
-    defaults: {
-      html: "<p>{{layoutNodeControls.configurableNodes.text.default:translate}}</p>"
-    },
-    telemetry: {
-      ...s,
-      details: "Text card"
-    }
-  },
-  {
-    tag: "arcgis-hub-image",
-    label: "{{layoutNodeControls.configurableNodes.image.label:translate}}",
-    icon: "image",
-    defaults: {
-      src: "",
-      fallback: "{{assetPath}}images/image-card-placeholder.svg"
-    },
-    telemetry: {
-      ...s,
-      details: "Image card"
-    }
-  },
-  {
-    tag: "arcgis-hub-embed-card",
-    label: "{{layoutNodeControls.configurableNodes.embed.label:translate}}",
-    icon: "embedded-content",
-    telemetry: {
-      ...s,
-      details: "Embed card"
-    }
-  },
-  {
-    tag: "arcgis-hub-gallery-card",
-    label: "{{layoutNodeControls.configurableNodes.gallery.label:translate}}",
-    icon: "gallery",
-    defaults: {
-      // NOTE: i don't know if this is what we want - just trying to find something workable for now
-      showEmptyState: !0,
-      cardConfig: {
-        appearance: {
-          layout: "grid-filled"
-        },
-        shouldLimitResults: !0,
-        limit: 5,
-        query: {
-          targetEntity: "item",
-          layout: "grid-filled",
-          filters: [
-            {
-              predicates: [{ orgid: ["{{context.portal.id}}"] }]
-            }
-          ]
-        }
-      }
-    },
-    telemetry: {
-      ...s,
-      details: "Gallery card"
-    }
-  }
-  // {
-  //   tag: "arcgis-hub-timeline",
-  //   label: "Timeline",
-  //   icon: "timeline-icon",
-  // },
-  // {
-  //   tag: "arcgis-hub-entity-metadata",
-  //   label: "Entity Metadata",
-  //   icon: "entity-metadata-icon",
-  // },
-  // {
-  //   tag: "arcgis-hub-entity-status-card",
-  //   label: "Entity Status Card",
-  //   icon: "entity-status-card-icon",
-  // },
-];
-async function F(u, e, t) {
-  let i = M.filter((r) => !r.permissions || r.permissions.length === 0 ? !0 : r.permissions.every((p) => N(p, t).access));
-  const a = {
-    context: t,
-    entity: e.entity ?? {},
-    assetPath: l(e, "assetPath")
-  }, g = {
-    messages: l(e, "translations"),
-    assetPath: l(e, "assetPath")
-  };
-  return i = P(i, a, g), await Promise.resolve(i);
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.0 */
+const C = u`calcite-label{position:fixed;position-anchor:--highlight-anchor;bottom:calc(anchor(top) + 4px);top:calc(anchor(top) - 30px);background-color:#fff;padding:.25rem .5rem;--tw-shadow: var(--calcite-shadow-md);--tw-shadow-colored: var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#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-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){calcite-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-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))));outline-width:1px;calcite-label,calcite-button{opacity:1}}:host([is-edit-mode][activated]:not([has-nav-card])){--calcite-internal-color-focus: var(--calcite-ui-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}.popover-content{max-height:19.3rem;overflow-y:auto}calcite-list-item{--calcite-list-border-color: transparent}`;
+function x(l = {}, e) {
+  const t = g(l);
+  return Object.values(t).filter((o) => !o.hideAdd);
 }
-const S = E(F);
-class T extends y {
+class _ extends r {
   constructor() {
-    super(), this.#e = b({ context: x }), this.isPopoverOpen = !1, this.isFocused = !1, this.isEditMode = !1, this.arcgisLayoutActivateNode = c(), this.arcgisLayoutAddNode = c(), this.hubTelemetry = c(), this.listen("calcitePopoverBeforeOpen", this.loadConfig), this.listen("calcitePopoverOpen", (e) => {
+    super(), this.#e = h({ context: v }), this.isPopoverOpen = !1, this.isFocused = !1, this.isEditMode = !1, this.arcgisLayoutActivateNode = s(), this.arcgisLayoutAddNode = s(), this.hubTelemetry = s(), this.listen("calcitePopoverBeforeOpen", this.loadConfig), this.listen("calcitePopoverOpen", (e) => {
       this.isPopoverOpen = !0;
     }), this.listen("calcitePopoverClose", (e) => {
       this.isPopoverOpen = !1;
@@ -118,7 +29,7 @@ class T extends y {
     this.properties = { layoutElement: 16, config: 16, isPopoverOpen: 16, isFocused: 16, node: 0, activatedNode: 0, isEditMode: 7 };
   }
   static {
-    this.styles = k;
+    this.styles = C;
   }
   #e;
   get _messages() {
@@ -127,25 +38,27 @@ class T extends y {
   get _layoutNodeConfig() {
     if (!this.layoutElement || !this.node)
       return;
-    let e = C(this.layoutElement, this.node);
-    return e && (e = _(this._messages, e)), $(e);
+    let e = m(this.layoutElement.tagName.toLowerCase(), this.#e.value, this._context);
+    return e && (e = b(this._messages, e)), f(e);
   }
   get isNodeVisible() {
     let e = !0;
-    return this.isEditMode && !O(this.node) && (e = !1), e;
+    return this.isEditMode && !w(this.node) && (e = !1), e;
   }
   get _context() {
-    return L();
+    return y();
+  }
+  updated(e) {
+    (e.has("activatedNode") || e.has("node")) && (this.node?.id === this.activatedNode?.id ? this.el.setAttribute("activated", "true") : this.el.removeAttribute("activated")), e.has("node") && (this.node?.tag === "arcgis-nav-card" ? this.el.setAttribute("has-nav-card", "true") : this.el.removeAttribute("has-nav-card"));
   }
   _handleSlotChange(e) {
-    this.layoutElement = A(e)[0];
+    this.layoutElement = $(e)[0];
   }
   _handlePopoverOpen() {
-    this.hubTelemetry.emit(h.category.interaction.action.open.label.dialog.details.addLayoutNode);
+    this.hubTelemetry.emit(N.category.interaction.action.open.label.dialog.details.addLayoutNode);
   }
-  async loadConfig() {
-    const e = m("assets/layout-container/");
-    this.config || (this.config = await S({}, { translations: this._messages, assetPath: e }, this._context));
+  loadConfig() {
+    this.config || (this.config = x(this.#e.value, this._context));
   }
   _handleNodeFocus(e) {
     this.isFocused = e.detail;
@@ -159,12 +72,12 @@ class T extends y {
     (e.key === "Enter" || e.key === " ") && this._handleNodeClick(e);
   }
   async _handleListItemSelect(e) {
-    const t = e.target.dataset.tag, i = this.config?.find((a) => a.tag === t);
-    if (this.node && i) {
+    const t = e.target.dataset.tag, o = this.config?.find((a) => a.tag === t);
+    if (this.node && o) {
       const a = {
         adjacentNode: this.node,
         position: "after",
-        config: i
+        config: o
       };
       this.arcgisLayoutAddNode.emit(a);
     }
@@ -173,8 +86,8 @@ class T extends y {
   renderLabel() {
     let e;
     if (this.isEditMode && this.node) {
-      const t = w(this._layoutNodeConfig ?? {}, "i18n.label", l(this._messages, "layoutNodeControls.configurableNodes.default.label"));
-      e = o`<calcite-label scale=l>${t}</calcite-label>`;
+      const t = p(this._layoutNodeConfig ?? {}, "i18n.label", this._messages.configurableNodes.default.label);
+      e = i`<calcite-label scale=l>${t}</calcite-label>`;
     }
     return e;
   }
@@ -182,30 +95,30 @@ class T extends y {
     let e;
     if (this.isEditMode && this.node && this.node.tag !== "arcgis-nav-card") {
       const t = this._messages.layoutNodeHidden;
-      e = o`<div id=overlay class=${n({ hidden: !this.isNodeVisible, activated: this.node.id === this.activatedNode?.id })} @click=${this._handleNodeClick} @keydown=${this._handleNodeKeyDown} tabindex=0>${this.isNodeVisible ? null : o`<calcite-chip appearance=solid icon=view-hide .label=${t}>${t}</calcite-chip>`}</div>`;
+      e = i`<div id=overlay class=${c({ hidden: !this.isNodeVisible })} @click=${this._handleNodeClick} @keydown=${this._handleNodeKeyDown} tabindex=0>${this.isNodeVisible ? null : i`<calcite-chip appearance=solid icon=view-hide .label=${t}>${t}</calcite-chip>`}</div>`;
     }
     return e;
   }
   renderNodeControls() {
     let e;
-    return this.isEditMode && this.node && (e = o`<arcgis-layout-node-controls .activatedNode=${this.activatedNode} .isEditMode=${this.isEditMode} .isLayoutValid=${this.#e.value.isLayoutValid} .layout=${this.#e.value.layout} .layoutNodeConfig=${this._layoutNodeConfig} .messages=${this._messages} .node=${this.node} .layoutElement=${this.layoutElement} style="position: absolute;"></arcgis-layout-node-controls>`), e;
+    return this.isEditMode && this.node && (e = i`<arcgis-layout-node-controls .activatedNode=${this.activatedNode} .isEditMode=${this.isEditMode} .isLayoutValid=${this.#e.value.isLayoutValid} .layout=${this.#e.value.layout} .layoutNodeConfig=${this._layoutNodeConfig} .messages=${this._messages} .node=${this.node} .layoutElement=${this.layoutElement} style="position: absolute;"></arcgis-layout-node-controls>`), e;
   }
   renderAddButton() {
     let e;
-    return this.isEditMode && this.node && this.node.tag !== "arcgis-nav-card" && (e = o`<calcite-button icon-start=plus id=add-button .label=${this._messages.addButtonLabel} round></calcite-button>`), e;
+    return this.isEditMode && this.node && this.node.tag !== "arcgis-nav-card" && (e = i`<calcite-button icon-start=plus id=add-button .label=${this._messages.addButtonLabel} round></calcite-button>`), e;
   }
   renderAddPopover() {
     let e;
-    return this.isEditMode && this.node && this.node.tag !== "arcgis-nav-card" && (e = o`<calcite-popover auto-close .heading=${this._messages.addElementPopoverHeading} .label=${this._messages.addElementPopoverLabel} @calcitePopoverOpen=${this._handlePopoverOpen} .open=${this.isPopoverOpen} reference-element=add-button><div class="popover-content"><calcite-list .label=${this._messages.addElementListLabel}>${this.config?.map((t) => o`<calcite-list-item data-tag=${t.tag ?? d} .disabled=${t.disabled} icon-start=${t.icon ?? d} .label=${t.label} @calciteListItemSelect=${this._handleListItemSelect}></calcite-list-item>`)}</calcite-list></div></calcite-popover>`), e;
+    return this.isEditMode && this.node && this.node.tag !== "arcgis-nav-card" && (e = i`<calcite-popover auto-close .heading=${this._messages.addElementPopoverHeading} .label=${this._messages.addElementPopoverLabel} @calcitePopoverOpen=${this._handlePopoverOpen} .open=${this.isPopoverOpen} reference-element=add-button><div class="popover-content"><calcite-list .label=${this._messages.addElementListLabel}>${this.config?.map((t) => i`<calcite-list-item data-tag=${t.tag ?? d} .disabled=${t.disableAdd} icon-start=${t.icon ?? d} .label=${t.i18n.label} @calciteListItemSelect=${this._handleListItemSelect}></calcite-list-item>`)}</calcite-list></div></calcite-popover>`), e;
   }
   render() {
-    return o`${this.renderLabel()}<div class=${n({
+    return i`${this.renderLabel()}<div class=${c({
       "slot-container": !0,
       "is-focused": this.isFocused
     })}><slot @slotchange=${this._handleSlotChange}></slot></div>${this.renderOverlay()}${this.renderAddButton()}${this.renderAddPopover()}${this.renderNodeControls()}`;
   }
 }
-f("arcgis-layout-node-wrapper", T);
+n("arcgis-layout-node-wrapper", _);
 export {
-  T as ArcgisLayoutNodeWrapper
+  _ as ArcgisLayoutNodeWrapper
 };

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.26/esri/copyright.txt for details.
-v0.26.2 */
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.0 */
 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.26/esri/copyright.txt for details.
-v0.26.2 */
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.0 */
 class y extends l {
   constructor() {
     super(...arguments), this.debug = !1, this.isEditMode = !1;

package/dist/components/arcgis-nav-card/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { IConfigurableLayoutNode, ILayoutNode, ILayoutNodeConfig, ISection, ITranslationMap, LayoutUtils } from '@esri/hub-common';
+import { IConfigurableLayoutNode, ILayoutNode, ISection, ITranslationMap, LayoutUtils } from '@esri/hub-common';
 import { ILayoutNodeActivateEventDetail } from '../layouts/utils/layout-event-types';
 
 /**
@@ -14,7 +14,6 @@ import { ILayoutNodeActivateEventDetail } from '../layouts/utils/layout-event-ty
  * enabling deep linking).
  */
 export declare class ArcgisNavCard extends LitElement {
-    readonly layoutNodeConfig: ILayoutNodeConfig;
     node: ILayoutNode;
     /** The sections to render within the nav card */
     sections: ISection[];

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

@@ -1,23 +1,23 @@
-import { c as h } from "../../chunks/runtime.js";
+import { c as u } from "../../chunks/runtime.js";
 import { html as o } from "lit-html";
-import { LitElement as v, createEvent as d, noShadowRoot as b, safeClassMap as r, nothing as n, safeStyleMap as f } from "@arcgis/lumina";
+import { LitElement as v, createEvent as r, noShadowRoot as b, safeClassMap as d, nothing as n, safeStyleMap as f } from "@arcgis/lumina";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 import { u as g } from "../../chunks/useT9n.js";
-import { getProp as u } from "@esri/hub-common";
+import { getProp as h } from "@esri/hub-common";
 import { i as p } from "../../chunks/isNodeVisible.js";
-import { b as N } from "../../chunks/getResponsiveClasses.js";
+import { b as $ } from "../../chunks/getResponsiveClasses.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.26/esri/copyright.txt for details.
-v0.26.2 */
-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-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))));outline-width:1px}arcgis-nav-card[is-edit-mode] calcite-tab-nav.activated{--calcite-internal-color-focus: var(--calcite-ui-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 _(a, t, i, e) {
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.0 */
+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-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))));outline-width:1px}arcgis-nav-card[is-edit-mode] calcite-tab-nav.activated{--calcite-internal-color-focus: var(--calcite-ui-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) {
   {
     let s = a;
-    const c = u(e, `${t}.${a}`);
+    const c = h(e, `${t}.${a}`);
     if (c)
       s = c;
     else {
-      const l = u(i, a);
+      const l = h(i, a);
       l && (s = l);
     }
     return s;
@@ -25,34 +25,16 @@ function _(a, t, i, e) {
 }
 class y extends v {
   constructor() {
-    super(...arguments), this._messages = g(), this.layoutNodeConfig = {
-      tag: "arcgis-nav-card",
-      name: "Nav Card",
-      disableEdit: !1,
-      disableMove: !1,
-      disableAdjustVisibility: !1,
-      disableDelete: !1,
-      // valuesProp: "data",
-      defaults: {},
-      i18n: {
-        label: "Nav card",
-        description: "A card for navigation",
-        editLabel: "Edit nav card",
-        deleteLabel: "Delete nav card",
-        repositionUpLabel: "Move nav card up",
-        repositionDownLabel: "Move nav card down"
-      }
-      // editor: {}
-    }, this.sections = [], this.translations = {}, this.isEditMode = !1, this.debug = !1, this.arcgisLayoutActivateNode = d(), this.arcgisLayoutNodeFocus = d();
+    super(...arguments), this._messages = g(), this.sections = [], this.translations = {}, this.isEditMode = !1, this.debug = !1, this.arcgisLayoutActivateNode = r(), this.arcgisLayoutNodeFocus = r();
   }
   static {
-    this.properties = { layoutNodeConfig: 32, node: 0, sections: 0, translations: 0, isEditMode: 7, activatedNode: 0, utils: 0, debug: 5 };
+    this.properties = { node: 0, sections: 0, translations: 0, isEditMode: 7, activatedNode: 0, utils: 0, debug: 5 };
   }
   static {
     this.shadowRootOptions = b;
   }
   static {
-    this.styles = $;
+    this.styles = _;
   }
   get _visibleSections() {
     return this.sections.filter((t) => p(t));
@@ -75,17 +57,17 @@ class y extends v {
     this.arcgisLayoutNodeFocus.emit(!1);
   }
   _getSectionClasses(t) {
-    return N(t);
+    return $(t);
   }
   renderTabs() {
     let t;
-    return this._hasSections && (t = o`<calcite-tabs scale=l><calcite-tab-nav class=${r({ activated: this.node.id === this.activatedNode?.id })} data-node-id=${this.node.id ?? n} @click=${this.isEditMode ? this._handleNodeClick : void 0} @keydown=${this.isEditMode ? this._handleNodeKeyDown : void 0} @mouseenter=${this.isEditMode ? this._handleTabNavFocus : void 0} @mouseleave=${this.isEditMode ? this._handleTabNavDefocus : void 0} @focus=${this.isEditMode ? this._handleTabNavFocus : void 0} @blur=${this.isEditMode ? this._handleTabNavDefocus : void 0} slot=title-group tabindex=${(this.isEditMode ? 0 : void 0) ?? n}>${this._visibleSections.map((i, e) => o`<calcite-tab-title .selected=${e === 0} .tab=${i.label}>${_(i.label ?? "", this._messages._t9nLocale, this._messages, this.translations)}</calcite-tab-title>`)}</calcite-tab-nav>${this._visibleSections.map((i, e) => o`<calcite-tab .selected=${e === 0} .tab=${i.label}><arcgis-layout-section class=${r(this._getSectionClasses(i).join(" "))} .activatedNode=${this.activatedNode} .debug=${this.debug} .isEditMode=${this.isEditMode} .node=${i} style=${f(i.styles)} .utils=${this.utils}></arcgis-layout-section></calcite-tab>`)}</calcite-tabs>`), t;
+    return this._hasSections && (t = o`<calcite-tabs scale=l><calcite-tab-nav class=${d({ activated: this.node.id === this.activatedNode?.id })} data-node-id=${this.node.id ?? n} @click=${this.isEditMode ? this._handleNodeClick : void 0} @keydown=${this.isEditMode ? this._handleNodeKeyDown : void 0} @mouseenter=${this.isEditMode ? this._handleTabNavFocus : void 0} @mouseleave=${this.isEditMode ? this._handleTabNavDefocus : void 0} @focus=${this.isEditMode ? this._handleTabNavFocus : void 0} @blur=${this.isEditMode ? this._handleTabNavDefocus : void 0} slot=title-group tabindex=${(this.isEditMode ? 0 : void 0) ?? n}>${this._visibleSections.map((i, e) => o`<calcite-tab-title .selected=${e === 0} .tab=${i.label}>${N(i.label ?? "", this._messages._t9nLocale, this._messages, this.translations)}</calcite-tab-title>`)}</calcite-tab-nav>${this._visibleSections.map((i, e) => o`<calcite-tab .selected=${e === 0} .tab=${i.label}><arcgis-layout-section class=${d(this._getSectionClasses(i).join(" "))} .activatedNode=${this.activatedNode} .debug=${this.debug} .isEditMode=${this.isEditMode} .node=${i} style=${f(i.styles)} .utils=${this.utils}></arcgis-layout-section></calcite-tab>`)}</calcite-tabs>`), t;
   }
   render() {
     return this.renderTabs();
   }
 }
-h("arcgis-nav-card", y);
+u("arcgis-nav-card", y);
 export {
   y as ArcgisNavCard
 };

package/dist/components/arcgis-text-card/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { IConfigurableLayoutNode, ILayoutNodeConfig } from '@esri/hub-common';
+import { IConfigurableLayoutNode } from '@esri/hub-common';
 
 /**
  * A text card that can be added to an ILayout or leveraged
@@ -8,13 +8,6 @@ import { IConfigurableLayoutNode, ILayoutNodeConfig } from '@esri/hub-common';
  * to prevent XSS attacks.
  */
 export declare class ArcgisTextCard extends LitElement {
-    /**
-     * The text card is a configurable node in the
-     * layout system. The following read-only property
-     * provides configuration information to the
-     * layout editor.
-     */
-    get layoutNodeConfig(): ILayoutNodeConfig;
     /**
      * The HTML content to display - this will be
      * sanitized before rendering.

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

@@ -1,84 +1,30 @@
-import { c as e } from "../../chunks/runtime.js";
-import { html as s } from "lit-html";
-import { LitElement as i } from "@arcgis/lumina";
-import { css as o } from "@lit/reactive-element/css-tag.js";
-import { sanitizeHtml as r } from "@esri/hub-components";
-import { getProp as t } from "@esri/hub-common";
-import { u as l } from "../../chunks/useT9n.js";
+import { c as t } from "../../chunks/runtime.js";
+import { html as i } from "lit-html";
+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.26/esri/copyright.txt for details.
-v0.26.2 */
-const a = o`: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 d extends i {
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.0 */
+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() {
-    super(...arguments), this._messages = l(), this.html = "";
+    super(...arguments), this.html = "";
   }
   static {
-    this.properties = { layoutNodeConfig: 32, html: 1 };
+    this.properties = { html: 1 };
   }
   static {
-    this.styles = a;
+    this.styles = o;
   }
   get _content() {
-    return r(this.html);
-  }
-  get layoutNodeConfig() {
-    return {
-      name: "Text card",
-      tag: "arcgis-text-card",
-      // TODO: make permissions-based?
-      disableEdit: !1,
-      // TODO: make permissions-based?
-      disableMove: !1,
-      // TODO: make permissions-based?
-      disableAdjustVisibility: !1,
-      // TODO: make permissions-based?
-      disableDelete: !1,
-      i18n: {
-        label: t(this._messages, "layoutNodeConfig.label"),
-        description: t(this._messages, "layoutNodeConfig.description"),
-        editLabel: t(this._messages, "layoutNodeConfig.edit"),
-        deleteLabel: t(this._messages, "layoutNodeConfig.delete"),
-        repositionUpLabel: t(this._messages, "layoutNodeConfig.up"),
-        repositionDownLabel: t(this._messages, "layoutNodeConfig.down")
-      },
-      defaults: {},
-      editor: {
-        schema: {
-          type: "object",
-          required: ["html"],
-          properties: {
-            html: { type: "string", minLength: 1 }
-          }
-        },
-        uiSchema: {
-          type: "Layout",
-          elements: [
-            {
-              type: "Control",
-              scope: "/properties/html",
-              options: {
-                control: "hub-field-input-rich-text",
-                messages: [
-                  {
-                    type: "ERROR",
-                    keyword: "required",
-                    icon: !0,
-                    label: t(this._messages, "layoutNodeConfig.errors.required")
-                  }
-                ]
-              }
-            }
-          ]
-        }
-      }
-    };
+    return h(this.html);
   }
   render() {
-    return s`<div .innerHTML=${this._content ?? ""}></div>`;
+    return i`<div .innerHTML=${this._content ?? ""}></div>`;
   }
 }
-e("arcgis-text-card", d);
+t("arcgis-text-card", e);
 export {
-  d as ArcgisTextCard
+  e as ArcgisTextCard
 };

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.26/esri/copyright.txt for details.
-v0.26.2 */
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.0 */
 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/getAddableLayoutNodes.d.ts

@@ -1,22 +1,12 @@
-import { IArcGISContext, LayoutNodeTag, Permission } from '@esri/hub-common';
-export interface IAddLayoutNodeConfiguration {
-    tag: LayoutNodeTag;
-    label: string;
-    icon: string;
-    disabled?: boolean;
-    defaults?: Record<string, unknown>;
-    permissions?: Permission[];
-    telemetry?: Record<string, unknown>;
-}
-export declare const layoutNodeConfig: IAddLayoutNodeConfiguration[];
+import { IArcGISContext, ILayoutNodeConfig } from '@esri/hub-common';
+import { ILayoutContext } from './layoutContext';
 /**
- * Memoized async function that returns addable layout
- * node configurations, filtered and interpolated for
- * the current context and options.
+ * Returns a list of layout node configurations that
+ * can be added to a layout
  *
- * @param _layout - The layout to process (not currently used, but reserved for future logic).
- * @param options - Options for processing, including translations and entity context.
- * @param context - contextual portal & auth information for permission checks and interpolation.
- * @returns {Promise<IAddLayoutNodeConfiguration[]>} Promise resolving to the list of addable node configurations.
+ * @param messages - localization strings from the layout container
+ * @param context - contextual portal & auth information
+ * @param options - contextual layout information
+ * @returns {ILayoutNodeConfig} list of addable node configurations
  */
-export declare const getAddableLayoutNodes: (_layout: import('@esri/hub-common').ILayoutV2, options: Record<string, unknown>, context: IArcGISContext) => Promise<Promise<IAddLayoutNodeConfiguration[]>>;
+export declare function getAddableLayoutNodes(layoutContext: ILayoutContext | undefined, context: IArcGISContext): ILayoutNodeConfig[];

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

@@ -1,14 +1,12 @@
-import { ILayoutNodeConfig, LayoutNode } from '@esri/hub-common';
+import { IArcGISContext, ILayoutNodeConfig, LayoutNodeTag } from '@esri/hub-common';
+import { ILayoutContext } from './layoutContext';
 /**
- * Returns the configuration for a layout node. If
- * the node's component has a static `layoutNodeConfig`
- * property, we use that; otherwise, a default
- * configuration is returned for known tags. This
- * allows us to support editing layout nodes that
- * aren't our own components (e.g. calcite components).
+ * Retrieves the layout node configuration for a
+ * specific layout node tag.
  *
- * @param nodeEl - the HTMLElement of the layout node
- * @param node - the LayoutNode object
+ * @param tag - the tag name of the layout node
+ * @param layoutContext - contextual layout information
+ * @param context - contextual portal & auth information
  * @returns The configuration object for the specified layout node.
  */
-export declare const getLayoutNodeConfig: (nodeEl: HTMLElement, node: LayoutNode) => ILayoutNodeConfig | undefined;
+export declare const getLayoutNodeConfig: (tag: LayoutNodeTag, layoutContext: ILayoutContext | undefined, context: IArcGISContext) => ILayoutNodeConfig | undefined;

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

@@ -0,0 +1,16 @@
+import { IArcGISContext, ILayoutNodeConfig, LayoutNodeTag } from '@esri/hub-common';
+import { ILayoutContext } from './layoutContext';
+/**
+ * Centralized registry for layout node configurations.
+ * These configurations contain information that power
+ * various layout UIs, including internationalized strings,
+ * flags indicating which actions can be performed on the
+ * node (e.g. adding, editing, deleting, repositioning, etc.),
+ * editor information, etc. This should be the single source
+ * of truth for all layout node configurations.
+ *
+ * @param layoutContext - contextual layout information
+ * @param context - contextual portal & auth information
+ * @returns A mapping of layout node tags to their configuration objects
+ */
+export declare const getLayoutNodeConfigs: (layoutContext: ILayoutContext | undefined, _context: IArcGISContext) => Partial<Record<LayoutNodeTag, ILayoutNodeConfig>>;

package/dist/components/layouts/utils/layout-event-types.d.ts

@@ -1,12 +1,11 @@
-import { HTMLConfigurableLayoutNodeElement, ILayoutNode, LayoutNode } from '@esri/hub-common';
-import { IAddLayoutNodeConfiguration } from './getAddableLayoutNodes';
+import { HTMLConfigurableLayoutNodeElement, ILayoutNode, ILayoutNodeConfig, LayoutNode } from '@esri/hub-common';
 export interface ILayoutNodeActivateEventDetail {
     node: LayoutNode;
 }
 export interface ILayoutNodeAddEventDetail {
     adjacentNode: ILayoutNode;
     position: "after" | "before";
-    config: IAddLayoutNodeConfiguration;
+    config: ILayoutNodeConfig;
 }
 export interface ILayoutNodeEditEventDetail {
     node: LayoutNode;