@esri/hub-web-components 0.27.0 → 0.28.1

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

@@ -1,23 +1,17 @@
 /// <reference types="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { HubEntity, IConfigurableLayoutNode, ILayoutNodeConfig } from '@esri/hub-common';
+import { HubEntity, IConfigurableLayoutNode } 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.
+ * NOTE: this card is a temporary implementation, and
+ * will likely be removed once we decide how to handle
+ * entity statuses in the context of the layout system
+ * e.g. via a text card with variables, for example
  */
 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

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

@@ -1,52 +1,26 @@
-import { c as e } from "../../chunks/runtime.js";
-import { html as s } from "lit-html";
+import { c as s } from "../../chunks/runtime.js";
+import { html as e } from "lit-html";
 import { LitElement as i } from "@arcgis/lumina";
-import { getTypeFromEntity as a, getProp as t } from "@esri/hub-common";
-import { u as o } from "../../chunks/useT9n.js";
+import { getProp as t } from "@esri/hub-common";
+import { u as r } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.27/esri/copyright.txt for details.
-v0.27.0 */
-class n extends i {
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.1 */
+class a extends i {
   constructor() {
-    super(...arguments), this._messages = o();
+    super(...arguments), this._messages = r();
   }
   static {
-    this.properties = { layoutNodeConfig: 32, entity: 0 };
-  }
-  get _entityType() {
-    return this.entity && a(this.entity);
+    this.properties = { entity: 0 };
   }
   get _status() {
     return t(this.entity || {}, "status");
   }
-  get layoutNodeConfig() {
-    return {
-      name: "Entity status card",
-      tag: "arcgis-hub-entity-status-card",
-      // TODO: make permissions-based?
-      disableEdit: !0,
-      // 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.${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>` || "";
+    return this.entity && e`<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);
+s("arcgis-hub-entity-status-card", a);
 export {
-  n as ArcgisHubEntityStatusCard
+  a as ArcgisHubEntityStatusCard
 };

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

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

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

@@ -22,7 +22,12 @@ export declare class ArcgisLayout extends LitElement {
      * @default false
      */
     isEditMode: boolean;
-    /** Options for processing the layout. */
+    /**
+     * Contextual information used to process various
+     * parts of the layout system (e.g. processing the
+     * layout itself, generating addable layout nodes,
+     * etc.)
+     */
     options: IProcessLayoutOptions;
     /**
      * The layout node that is currently activated for editing.

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

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

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

@@ -34,7 +34,7 @@ export declare class ArcgisLayoutColumn extends LitElement {
      * Emitted when a layout node is hovered. Used to show
      * node configuration controls and highlight state.
      */
-    readonly arcgisLayoutNodeHighlight: TargetedEvent<this, MouseEvent | KeyboardEvent>;
+    readonly arcgisLayoutNodeHighlight: TargetedEvent<this, KeyboardEvent | MouseEvent>;
     /**
      * Emitted when a layout node is un-hovered. Used to
      * reset node highlight and hide configuration controls.

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

@@ -9,8 +9,8 @@ import { Logger as a } from "@esri/hub-common";
 import { spreadProps as h } from "@open-wc/lit-helpers";
 import { i as C } from "../../chunks/isNodeVisible.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.27/esri/copyright.txt for details.
-v0.27.0 */
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.1 */
 class M extends y {
   constructor() {
     super(...arguments), this.debug = !1, this.isEditMode = !1, this.arcgisLayoutNodeHighlight = u(), this.arcgisLayoutNodeUnHighlight = u();

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

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ILayoutNode, IProcessLayoutOptions, Layout, ILayout, ILayoutPublishEventDetail } from '@esri/hub-common';
+import { ILayoutNode, IProcessLayoutOptions, Layout, ILayout, ILayoutPublishEventDetail, HTMLConfigurableLayoutNodeElement } from '@esri/hub-common';
 import { getLayoutNodeConfig } from '../layouts/utils/getLayoutNodeConfig';
 import { ArcgisLayoutNodeEditor } from '../arcgis-layout-node-editor/customElement.js';
 import { ILayoutNodeRepositionEventDetail } from '@esri/hub-common/dist/types/layouts/layout-event-types';
@@ -31,7 +31,12 @@ export declare class ArcgisLayoutContainer extends LitElement {
      * @default false
      */
     isPublishing: boolean;
-    /** Options for processing the layout */
+    /**
+     * Contextual information used to process various
+     * parts of the layout system (e.g. processing the
+     * layout itself, generating addable layout nodes,
+     * etc.)
+     */
     options: IProcessLayoutOptions;
     /** Event emitted when the layout is edited */
     readonly arcgisHubLayoutChanged: TargetedEvent<this, void>;

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

@@ -1,24 +1,24 @@
-import { c as P } from "../../chunks/runtime.js";
+import { g as k, c as R } from "../../chunks/runtime.js";
 import { html as _ } from "lit-html";
 import { keyed as w } from "lit-html/directives/keyed.js";
-import { LitElement as R, useContextProvider as D, createEvent as L, noShadowRoot as I } from "@arcgis/lumina";
+import { LitElement as D, useContextProvider as I, createEvent as L, noShadowRoot as T } from "@arcgis/lumina";
 import { createRef as C, ref as $ } from "lit/directives/ref.js";
-import { l as T } from "../../chunks/layoutContext.js";
-import { css as M } from "@lit/reactive-element/css-tag.js";
-import { layoutNodeTags as x, cloneObject as f, setProp as V, getProp as S, deepMerge as O, Logger as p, createId as H, getWithDefault as j } from "@esri/hub-common";
-import { g as U } from "../../chunks/state.js";
-import { f as m, p as z } from "../../chunks/processLayout.js";
-import { c as B, b, i as v, a as E } from "../../chunks/typeGuards.js";
-import { g as F, i as q } from "../../chunks/interpolate-translations.js";
-import { u as G } from "../../chunks/useT9n.js";
-import { migrateSchema as W } from "@esri/hub-components";
-import { f as A } from "../../chunks/findColumnAndNodeIndex.js";
-import { dictionary as J } from "@esri/telemetry-dictionary-hub";
+import { l as M } from "../../chunks/layoutContext.js";
+import { css as V } from "@lit/reactive-element/css-tag.js";
+import { layoutNodeTags as x, cloneObject as f, setProp as O, getProp as H, deepMerge as j, Logger as p, createId as U, getWithDefault as z } from "@esri/hub-common";
+import { g as B } from "../../chunks/state.js";
+import { f as m, p as F } from "../../chunks/processLayout.js";
+import { c as q, b, i as v, a as E } from "../../chunks/typeGuards.js";
+import { a as G, i as W } from "../../chunks/interpolate-translations.js";
+import { u as J } from "../../chunks/useT9n.js";
+import { migrateSchema as K } from "@esri/hub-components";
+import { f as S } from "../../chunks/findColumnAndNodeIndex.js";
+import { dictionary as A } from "@esri/telemetry-dictionary-hub";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.27/esri/copyright.txt for details.
-v0.27.0 */
-const K = M`@layer{arcgis-layout-container{display:block;--offsetTop: 0px;calcite-shell{position:static;font-size:inherit}#arcgis-layout-container-edit-mode-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}arcgis-layout-container[is-edit-mode]{height:calc(100vh - var(--offsetTop));arcgis-layout{margin-block-start:15px}calcite-panel>*{margin:1rem}calcite-panel>calcite-action.panel-close{margin:0}}}`;
-function Q(i, t) {
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.1 */
+const Q = V`@layer{arcgis-layout-container{display:block;--offsetTop: 0px;calcite-shell{position:static;font-size:inherit}#arcgis-layout-container-edit-mode-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}arcgis-layout-container[is-edit-mode]{height:calc(100vh - var(--offsetTop));arcgis-layout{margin-block-start:15px}calcite-panel>*{margin:1rem}calcite-panel>calcite-action.panel-close{margin:0}}}`;
+function X(i, t) {
   const s = ["order", "offset", "width"], e = [];
   return s.forEach((a) => {
     let o;
@@ -27,9 +27,9 @@ function Q(i, t) {
     });
   }), e;
 }
-function X(i, t, s, e) {
+function Y(i, t, s, e) {
   const a = [];
-  return i.id || a.push(`${t} > missing required id.`), i.tag || a.push(`${t} > missing required tag.`), i.id && (s.has(i.id) && a.push(`Node "${i.id}": ${t} > duplicate id: "${i.id}"`), s.add(i.id)), e.includes(i.tag) || a.push(`Node "${i.id}": ${t} > has invalid tag: ${i.tag}`), a.push(...Q(i, t)), (b(i) || v(i) || E(i)) && (!i.children || !Array.isArray(i.children) || i.children.length === 0) && a.push(`Node "${i.id}": ${t} > missing or empty children array.`), a;
+  return i.id || a.push(`${t} > missing required id.`), i.tag || a.push(`${t} > missing required tag.`), i.id && (s.has(i.id) && a.push(`Node "${i.id}": ${t} > duplicate id: "${i.id}"`), s.add(i.id)), e.includes(i.tag) || a.push(`Node "${i.id}": ${t} > has invalid tag: ${i.tag}`), a.push(...X(i, t)), (b(i) || v(i) || E(i)) && (!i.children || !Array.isArray(i.children) || i.children.length === 0) && a.push(`Node "${i.id}": ${t} > missing or empty children array.`), a;
 }
 function N({ node: i, nodePath: t, idSet: s, validTags: e, errors: a }) {
   if (i.tag === "arcgis-nav-card") {
@@ -45,7 +45,7 @@ function N({ node: i, nodePath: t, idSet: s, validTags: e, errors: a }) {
       });
     });
   }
-  a.push(...X(i, t, s, e)), Array.isArray(i.children) && i.children.forEach((o, n) => {
+  a.push(...Y(i, t, s, e)), Array.isArray(i.children) && i.children.forEach((o, n) => {
     let r = `${t}.Child[${n}]`, l = Array.from(x);
     b(i) ? (l = ["arcgis-layout-row"], r = `${t}.Row[${n}]`) : v(i) ? (l = ["arcgis-layout-column"], r = `${t}.Column[${n}]`) : E(i) && (l = Array.from(x).filter(
       (u) => u !== "arcgis-layout-column" && u !== "arcgis-layout-section"
@@ -58,10 +58,10 @@ function N({ node: i, nodePath: t, idSet: s, validTags: e, errors: a }) {
     });
   });
 }
-function Y(i) {
+function Z(i) {
   const t = [], s = /* @__PURE__ */ new Set();
   return i ? typeof i != "object" ? (t.push("Layout must be an object."), t) : !i.sections.length || !Array.isArray(i.sections) ? (t.push("Layout must have a sections array."), t) : (i.sections.forEach((e, a) => {
-    if (B(e))
+    if (q(e))
       return;
     const o = e, n = `Section[${a}]`;
     N({
@@ -73,7 +73,7 @@ function Y(i) {
     });
   }), t) : (t.push("Layout must be defined."), t);
 }
-async function Z(i) {
+async function tt(i) {
   switch (i) {
     case "arcgis-text-card":
       return (await import("../../chunks/migrateTextCard.js")).migrateTextCard;
@@ -82,42 +82,42 @@ async function Z(i) {
       return ((t) => t);
   }
 }
-function tt(i) {
+function it(i) {
   const t = f(i);
   return t.schemaVersion = 2, t;
 }
-const it = {
-  2: tt
+const et = {
+  2: it
 };
-async function et(i) {
-  const t = W(i, it), s = await Promise.all(
-    t.sections.map(async (e) => await k(e))
+async function st(i) {
+  const t = K(i, et), s = await Promise.all(
+    t.sections.map(async (e) => await P(e))
   );
   return t.sections = s, t;
 }
-async function k(i) {
-  const s = (await Z(i.tag))(i);
+async function P(i) {
+  const s = (await tt(i.tag))(i);
   return Array.isArray(s.children) && (s.children = await Promise.all(
-    s.children.map(async (e) => await k(e))
+    s.children.map(async (e) => await P(e))
   )), s;
 }
-function st(i, t) {
+function ot(i, t) {
   if (i.children && t < i.children.length - 1)
     return i.children[t + 1];
 }
-function ot(i, t) {
+function at(i, t) {
   if (i.children && t > 0)
     return i.children[t - 1];
 }
-function at(i, t) {
+function nt(i, t) {
   if (t < i.sections.length - 1)
     return i.sections[t + 1];
 }
-function nt(i, t) {
+function rt(i, t) {
   if (t > 0)
     return i.sections[t - 1];
 }
-function rt(i, t) {
+function dt(i, t) {
   const s = f(t);
   function e(a) {
     for (let o = 0; o < a.sections.length; o++) {
@@ -140,12 +140,12 @@ function rt(i, t) {
                         return c.children.splice(h, 1), l.children[u - 1].children?.push(i), !0;
                       if (r > 0) {
                         c.children.splice(h, 1);
-                        const d = ot(n, r);
+                        const d = at(n, r);
                         if (d?.children && d.children.length > 0)
                           return d.children[d.children.length - 1].children?.push(i), !0;
                       } else if (o > 0) {
                         c.children.splice(h, 1);
-                        const d = nt(a, o);
+                        const d = rt(a, o);
                         if (d?.children && d.children.length > 0) {
                           const g = d.children[d.children.length - 1];
                           if (g.children && g.children.length > 0)
@@ -168,7 +168,7 @@ function rt(i, t) {
   }
   return e(s), s;
 }
-function dt(i, t) {
+function lt(i, t) {
   const s = f(t);
   function e(a) {
     for (let o = 0; o < a.sections.length; o++) {
@@ -191,12 +191,12 @@ function dt(i, t) {
                         return c.children.splice(h, 1), l.children[u + 1].children?.unshift(i), !0;
                       if (r < n.children.length - 1) {
                         c.children.splice(h, 1);
-                        const d = st(n, r);
+                        const d = ot(n, r);
                         if (d?.children && d.children.length > 0)
                           return d.children[0].children?.unshift(i), !0;
                       } else if (o < a.sections.length - 1) {
                         c.children.splice(h, 1);
-                        const d = at(a, o);
+                        const d = nt(a, o);
                         if (d?.children && d.children.length > 0) {
                           const g = d.children[0];
                           if (g.children && g.children.length > 0)
@@ -219,7 +219,7 @@ function dt(i, t) {
   }
   return e(s), s;
 }
-function lt(i, t) {
+function ct(i, t) {
   const s = [];
   function e(a) {
     if (a.nodeType === Node.ELEMENT_NODE) {
@@ -235,9 +235,9 @@ function lt(i, t) {
   }
   return e(i), s;
 }
-class ct extends R {
+class ht extends D {
   constructor() {
-    super(), this._messages = G({ blocking: !0 }), this.#t = D({ context: T }), this._isNodeDirty = !1, this._layoutRef = C(), this._layoutNodeEditorRef = C(), this._handleExitEditMode = async (t) => {
+    super(), this._messages = J({ blocking: !0 }), this.#t = I({ context: M }), this._isNodeDirty = !1, this._layoutRef = C(), this._layoutNodeEditorRef = C(), this._handleExitEditMode = async (t) => {
       t.stopPropagation(), this.arcgisHubLayoutEditorExit.emit();
     }, this._handlePublishLayout = async (t) => {
       t.stopPropagation(), this.arcgisHubLayoutPublished.emit({
@@ -253,15 +253,13 @@ class ct extends R {
         await this._updateLayoutNode(this._nodeBeforeEdit.id, "properties", this._nodeBeforeEdit.properties, void 0, !0);
       }
       this._isEditPanelOpen = !1, this._nodeBeforeEdit = void 0, this.hubTelemetry.emit({
-        ...J.category.interaction.action.close.label.sidePanel,
+        ...A.category.interaction.action.close.label.sidePanel,
         details: this._layoutNodeEditorConfig?.layoutNodeConfig?.name || "unknown"
       });
     }, this._setlayoutNodeEditorRef = async (t) => {
       await this.updateComplete, await new Promise((s) => setTimeout(s, 100)), this.#t.setValue({
-        messages: this._messages,
-        layout: this._processedLayout,
-        layoutNodeEditorRef: t,
-        isLayoutValid: this._isLayoutValid
+        ...this._layoutContext,
+        layoutNodeEditorRef: t
       });
     }, this._liveAnnouncement = void 0, this._layoutErrors = [], this._historyStack = [], this._historyIdx = -1, this._isLayoutDirty = !1, this._isLayoutValid = !0, this._isEditPanelOpen = !1, this.debug = !1, this.isEditMode = !1, this.isPublishing = !1, this.options = {}, this.arcgisHubLayoutChanged = L(), this.arcgisHubLayoutEditorExit = L(), this.arcgisHubLayoutPublished = L(), this.hubTelemetry = L(), this.listen("arcgisLayoutActivateNode", (t) => {
       this._handleNodeActivate(t);
@@ -283,35 +281,40 @@ class ct extends R {
     this.properties = { _liveAnnouncement: 16, _processedLayout: 16, _layoutErrors: 16, _activatedNode: 16, _layoutNodeEditorConfig: 16, _historyStack: 16, _historyIdx: 16, _isLayoutDirty: 16, _isLayoutValid: 16, _isEditPanelOpen: 16, layout: 0, debug: 7, isEditMode: 7, isPublishing: 5, options: 0 };
   }
   static {
-    this.shadowRootOptions = I;
+    this.shadowRootOptions = T;
   }
   static {
-    this.styles = K;
+    this.styles = Q;
   }
   get _context() {
-    return U();
+    return B();
+  }
+  get _layoutContext() {
+    return {
+      assetPath: k("assets/layout-container/"),
+      messages: this._messages,
+      layout: this._processedLayout,
+      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+      layoutNodeEditorRef: this.#t.value?.layoutNodeEditorRef,
+      isLayoutValid: this._isLayoutValid,
+      options: this.options
+    };
   }
   #t;
   connectedCallback() {
     super.connectedCallback(), this._initShell();
   }
   willUpdate(t) {
-    (t.has("layout") || t.has("options")) && this._init(), this.hasUpdated && t.has("isEditMode") && (this._activatedNode = void 0, this._layoutNodeEditorConfig = void 0, this.updateEditModeAnnouncement(), this.isEditMode && lt(this._layoutRef.value, "arcgis-hub-gallery, arcgis-hub-image").forEach((e) => {
+    (t.has("layout") || t.has("options")) && this._init(), this.hasUpdated && t.has("isEditMode") && (this._activatedNode = void 0, this._layoutNodeEditorConfig = void 0, this.updateEditModeAnnouncement(), this.isEditMode && ct(this._layoutRef.value, "arcgis-hub-gallery, arcgis-hub-image").forEach((e) => {
       e.lazy = !1;
-    })), (!this.hasUpdated || t.has("_processedLayout") || t.has("_isLayoutValid")) && this.#t.setValue({
-      messages: this._messages,
-      layout: this._processedLayout,
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      layoutNodeEditorRef: this.#t.value?.layoutNodeEditorRef,
-      isLayoutValid: this._isLayoutValid
-    });
+    })), (!this.hasUpdated || t.has("_processedLayout") || t.has("_isLayoutValid")) && this.#t.setValue(this._layoutContext);
   }
   _initShell() {
     const t = this.el;
     t.style.setProperty("--offsetTop", `${t.offsetTop}px`);
   }
   async _init() {
-    const t = await et(this.layout);
+    const t = await st(this.layout);
     this._layout = f(t), this._processedLayout = await this._validateAndProcess(this._layout, this.options), this._historyStack = [this._processedLayout], this._historyIdx = 0;
   }
   async getUpdateComplete() {
@@ -325,7 +328,7 @@ class ct extends R {
   }
   async _updateLayoutNode(t, s, e, a, o, n) {
     const r = f(this._layout), l = m(r, t);
-    l && (V(s, e, l), a && (r.variables = {
+    l && (O(s, e, l), a && (r.variables = {
       ...r.variables,
       ...a
     }), this._layout = r, this._processedLayout = await this._validateAndProcess(r, this.options), this._activatedNode = m(this._processedLayout, t), this._historyIdx < this._historyStack.length - 1 && (this._historyStack = this._historyStack.slice(0, this._historyIdx + 1)), this._historyStack.push(this._processedLayout), this._historyIdx = this._historyStack.length - 1, this._isLayoutValid = o, this._isNodeDirty = !0, this._isLayoutDirty = !0, n && n());
@@ -340,8 +343,8 @@ class ct extends R {
   async _handleLayoutNodeEditorChange(t) {
     const { layoutNodeConfig: s, id: e, values: a, valid: o } = t.detail, n = m(this._layout, e);
     if (n) {
-      const l = (S(s, "editor.valuesOutCallback") || ((c) => c))(a, { nodeId: e, valid: o }), u = l.variables;
-      delete l.variables, n.properties = O(n.properties, l), await this._updateLayoutNode(e, "properties", n.properties, u, o, () => {
+      const l = (H(s, "editor.valuesOutCallback") || ((c) => c))(a, { nodeId: e, valid: o }), u = l.variables;
+      delete l.variables, n.properties = j(n.properties, l), await this._updateLayoutNode(e, "properties", n.properties, u, o, () => {
         this.arcgisHubLayoutChanged.emit();
       });
     }
@@ -353,8 +356,8 @@ class ct extends R {
     }));
   }
   async _validateAndProcess(t, s) {
-    const e = Y(t);
-    return this._layoutErrors = e, e.length > 0 && !this.debug && p.error("Layout validation errors:", e), await z(t, { ...s }, this._context);
+    const e = Z(t);
+    return this._layoutErrors = e, e.length > 0 && !this.debug && p.error("Layout validation errors:", e), await F(t, { ...s }, this._context);
   }
   _handleLayoutNodeEditorOpen(t) {
     const { node: s, element: e } = t.detail;
@@ -362,33 +365,36 @@ class ct extends R {
   }
   openLayoutNodeEditor(t, s) {
     this._isEditPanelOpen = !0;
-    let e = F(t, s);
-    e && (e = q(this._messages, e)), this._layoutNodeEditorConfig = {
+    let e = G(t.tagName.toLowerCase(), this._layoutContext, this._context);
+    e && (e = W(this._messages, e)), this._layoutNodeEditorConfig = {
       layoutNodeConfig: f(e),
       layoutNode: f(s)
     }, this._nodeBeforeEdit = f(this._activatedNode);
   }
   async _handleLayoutAddNode(t) {
     p.debug("Add node event:", t.detail.config.tag);
-    const s = f(this._layout), { column: e, index: a } = A(t.detail.adjacentNode, s);
+    const s = f(this._layout), { column: e, index: a } = S(t.detail.adjacentNode, s);
     p.debug("Found column and index:", e, a);
     const o = {
-      id: H(),
+      id: U(),
       tag: t.detail.config.tag,
       properties: t.detail.config.defaults
     };
     e.children?.splice(a + 1, 0, o), this._layout = s, this._processedLayout = await this._validateAndProcess(s, this.options), await this.updateComplete, this._activatedNode = o;
     const n = await this._layoutRef.value?.getCardEl(o.id);
-    this.openLayoutNodeEditor(n, this._activatedNode), this._historyIdx < this._historyStack.length - 1 && (this._historyStack = this._historyStack.slice(0, this._historyIdx + 1)), this._historyStack.push(this._processedLayout), this._historyIdx = this._historyStack.length - 1, this._isLayoutDirty = !0, this.arcgisHubLayoutChanged.emit(), t.detail.config.telemetry && this.hubTelemetry.emit(t.detail.config.telemetry);
+    this.openLayoutNodeEditor(n, this._activatedNode), this._historyIdx < this._historyStack.length - 1 && (this._historyStack = this._historyStack.slice(0, this._historyIdx + 1)), this._historyStack.push(this._processedLayout), this._historyIdx = this._historyStack.length - 1, this._isLayoutDirty = !0, this.arcgisHubLayoutChanged.emit(), this.hubTelemetry.emit({
+      ...A.category.interaction.action.select.label.layoutNode,
+      details: t.detail.config.name
+    });
   }
   async _handleLayoutRepositionNode(t) {
-    p.debug("Reposition node event:", t.detail.node.id, t.detail.direction), this._activatedNode = void 0, t.detail.direction === "up" ? (p.debug("Moving node up..."), this._layout = rt(t.detail.node, this._layout)) : (p.debug("Moving node down..."), this._layout = dt(t.detail.node, this._layout)), this._processedLayout = await this._validateAndProcess(this._layout, this.options), await this.updateComplete, this._activatedNode = t.detail.node, (await this._layoutRef.value?.getCardEl(t.detail.node.id))?.scrollIntoView({ behavior: "smooth", block: "nearest" }), this._historyIdx < this._historyStack.length - 1 && (this._historyStack = this._historyStack.slice(0, this._historyIdx + 1)), this._historyStack.push(this._processedLayout), this._historyIdx = this._historyStack.length - 1, this._isLayoutDirty = !0, this.arcgisHubLayoutChanged.emit();
+    p.debug("Reposition node event:", t.detail.node.id, t.detail.direction), this._activatedNode = void 0, t.detail.direction === "up" ? (p.debug("Moving node up..."), this._layout = dt(t.detail.node, this._layout)) : (p.debug("Moving node down..."), this._layout = lt(t.detail.node, this._layout)), this._processedLayout = await this._validateAndProcess(this._layout, this.options), await this.updateComplete, this._activatedNode = t.detail.node, (await this._layoutRef.value?.getCardEl(t.detail.node.id))?.scrollIntoView({ behavior: "smooth", block: "nearest" }), this._historyIdx < this._historyStack.length - 1 && (this._historyStack = this._historyStack.slice(0, this._historyIdx + 1)), this._historyStack.push(this._processedLayout), this._historyIdx = this._historyStack.length - 1, this._isLayoutDirty = !0, this.arcgisHubLayoutChanged.emit();
   }
   async _handleLayoutDeleteNode(t) {
     p.debug("Delete node event:", t.detail.id);
     const { id: s } = t.detail, e = f(this._layout), a = m(e, s);
     if (a) {
-      const { column: o, index: n } = A(a, e);
+      const { column: o, index: n } = S(a, e);
       o.children?.splice(n, 1), this._layout = e, this._processedLayout = await this._validateAndProcess(e, this.options), this._activatedNode = void 0, this._handleCloseEditPanel(), this._historyIdx < this._historyStack.length - 1 && (this._historyStack = this._historyStack.slice(0, this._historyIdx + 1)), this._historyStack.push(this._processedLayout), this._historyIdx = this._historyStack.length - 1, this._isLayoutDirty = !0, this.arcgisHubLayoutChanged.emit();
     }
   }
@@ -400,7 +406,7 @@ class ct extends R {
     let t;
     if (this.isEditMode) {
       const s = this._layoutNodeEditorConfig;
-      t = _`<calcite-shell-panel .collapsed=${!this._isEditPanelOpen} position=end slot=panel-end><calcite-panel .heading=${j(s || {}, "layoutNodeConfig.i18n.label", S(this._messages, "layoutNodeControls.configurableNodes.default.label"))} id=editor-panel ${$(this._setlayoutNodeEditorRef)}>${s?.layoutNodeConfig?.editor && _`<calcite-action class="panel-close" icon=x @click=${this._handleCloseEditPanel} slot=header-actions-end .text=${this._messages.close}></calcite-action>${w(s.layoutNode.id, _`<arcgis-layout-node-editor .layoutNodeConfig=${s.layoutNodeConfig} .node=${s.layoutNode}></arcgis-layout-node-editor>`)}` || ""}</calcite-panel></calcite-shell-panel>`;
+      t = _`<calcite-shell-panel .collapsed=${!this._isEditPanelOpen} position=end slot=panel-end><calcite-panel .heading=${z(s || {}, "layoutNodeConfig.i18n.label", this._messages.configurableNodes.default.label)} id=editor-panel ${$(this._setlayoutNodeEditorRef)}>${s?.layoutNodeConfig?.editor && _`<calcite-action class="panel-close" icon=x @click=${this._handleCloseEditPanel} slot=header-actions-end .text=${this._messages.close}></calcite-action>${w(s.layoutNode.id, _`<arcgis-layout-node-editor .layoutNodeConfig=${s.layoutNodeConfig} .node=${s.layoutNode}></arcgis-layout-node-editor>`)}` || ""}</calcite-panel></calcite-shell-panel>`;
     }
     return t;
   }
@@ -408,7 +414,7 @@ class ct extends R {
     return _`<calcite-shell>${w("aria-live-region", _`<div aria-atomic=true aria-live=polite id=arcgis-layout-container-edit-mode-live-region>${this._liveAnnouncement}</div>`)}${this.renderEditToolbar()}${this.renderEditor()}<arcgis-layout .activatedNode=${this._activatedNode} .debug=${this.debug} .isEditMode=${this.isEditMode} .layout=${this._processedLayout} .options=${this.options} ${$(this._layoutRef)}></arcgis-layout></calcite-shell>`;
   }
 }
-P("arcgis-layout-container", ct);
+R("arcgis-layout-container", ht);
 export {
-  ct as ArcgisLayoutContainer
+  ht as ArcgisLayoutContainer
 };

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

@@ -6,8 +6,8 @@ import { u as a } from "../../chunks/useT9n.js";
 import { focusElement as l } from "@arcgis/toolkit/dom";
 import { createRef as r, ref as n } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.27/esri/copyright.txt for details.
-v0.27.0 */
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.1 */
 const c = e`calcite-navigation{border-block-start:1px solid var(--calcite-navigation-border-color, var(--calcite-color-border-3));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);[slot=content-end]{margin-inline-end:1rem}[slot=content-end]{display:flex}[slot=content-end]{gap:.75rem}}`;
 class d extends o {
   constructor() {