@esri/hub-web-components 0.32.2 → 0.33.0

package/dist/components/arcgis-hub-ai-assistant/customElement.js

@@ -1,15 +1,15 @@
-import { c as D } from "../../chunks/runtime.js";
+import { c as v } from "../../chunks/runtime.js";
 import { html as w } from "lit-html";
 import { LitElement as R, noShadowRoot as E } from "@arcgis/lumina";
-import { css as V } from "@lit/reactive-element/css-tag.js";
-import { getItem as A, getItemData as L } from "@esri/arcgis-rest-portal";
+import { css as M } from "@lit/reactive-element/css-tag.js";
+import { getItem as V, getItemData as A } from "@esri/arcgis-rest-portal";
 import { createRef as $, ref as I } from "lit/directives/ref.js";
-import { u as M } from "../../chunks/useT9n.js";
+import { u as L } from "../../chunks/useT9n.js";
 import { u as x } from "../../chunks/useGlobalContext.js";
 import { getWithDefault as C } from "@esri/hub-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 const P = {
   FINDER: "finder"
 };
@@ -22,41 +22,41 @@ async function z(e) {
     conversationId: a,
     apiUrl: n = "https://api.example.com",
     pauseMs: h = 1e3,
-    retries: u = 3
-  } = e, d = {
+    retries: d = 3
+  } = e, u = {
     Authorization: `Bearer ${o}`,
     Accept: "application/json",
     "Content-Type": "application/json"
-  }, g = `${n}/skills/${t}/chat`, b = { message: s, context: i };
-  a && (b.conversationId = a);
+  }, g = `${n}/skills/${t}/chat`, f = { message: s, context: i };
+  a && (f.conversationId = a);
   try {
     const l = await fetch(g, {
       method: "POST",
-      headers: d,
-      body: JSON.stringify(b)
+      headers: u,
+      body: JSON.stringify(f)
     });
     if (!l.ok)
       throw new Error(`HTTP error! status: ${l.status}`);
-    const r = await l.json(), S = a ?? r.conversationId, k = r.inquiryId;
-    let f = r.hasMore || r.message == null, y = r.sequenceNumber;
+    const r = await l.json(), D = a ?? r.conversationId, S = r.inquiryId;
+    let b = r.hasMore || r.message == null, y = r.sequenceNumber;
     const m = [];
     r.message && m.push(r);
     let _ = 0;
-    for (; f && _ < u; ) {
-      await new Promise((v) => setTimeout(v, h));
+    for (; b && _ < d; ) {
+      await new Promise((k) => setTimeout(k, h));
       const p = await fetch(g, {
         method: "POST",
-        headers: d,
+        headers: u,
         body: JSON.stringify({
-          conversationId: S,
-          inquiryId: k,
+          conversationId: D,
+          inquiryId: S,
           ackSequenceNumber: y
         })
       });
       if (!p.ok)
         throw new Error(`HTTP error! status: ${p.status}`);
       const c = await p.json();
-      c.message && m.push(c), f = c.hasMore, c.message != null && (y += 1), _++;
+      c.message && m.push(c), b = c.hasMore, c.message != null && (y += 1), _++;
     }
     return m;
   } catch (l) {
@@ -70,7 +70,7 @@ async function U({
   conversationId: i,
   apiUrl: o = "https://hub.arcgis.com/api/assistants/v1",
   pauseMs: a = 1e3,
-  retries: n = 50
+  retries: n = 100
 }) {
   return await z({
     skillId: P.FINDER,
@@ -91,17 +91,17 @@ const F = (e) => {
 }, q = (e) => {
   if (e?.length !== 2 || e[0].length !== 2 || e[1].length !== 2)
     return 1;
-  const t = e[0][0], s = e[0][1], i = e[1][0], o = e[1][1], a = Math.abs(i - t), n = Math.abs(o - s), h = Math.log2(360 / a), u = Math.log2(180 / n);
-  return Math.floor(Math.min(h, u)) + 2;
-}, N = V`@layer{arcgis-hub-ai-assistant{arcgis-feature-table{height:300px}esri-feature-table{height:300px}}}`;
+  const t = e[0][0], s = e[0][1], i = e[1][0], o = e[1][1], a = Math.abs(i - t), n = Math.abs(o - s), h = Math.log2(360 / a), d = Math.log2(180 / n);
+  return Math.floor(Math.min(h, d)) + 2;
+}, N = M`@layer{arcgis-hub-ai-assistant{arcgis-feature-table{height:300px}esri-feature-table{height:300px}}}`;
 function G(e) {
   return e.replace("http://", "").replace("https://", "").split(/[/?#]/u)[0];
 }
 async function H(e, t, s) {
   try {
     const [i, o] = await Promise.all([
-      A(e, { authentication: t, portal: s }),
-      L(e, { authentication: t, portal: s })
+      V(e, { authentication: t, portal: s }),
+      A(e, { authentication: t, portal: s })
     ]);
     return {
       title: i.title,
@@ -109,7 +109,8 @@ async function H(e, t, s) {
       extent: i.extent,
       hub: G(i.url),
       location: o.assistant?.location ?? "",
-      defaultSuggestions: o.assistant?.examplePrompts ?? []
+      defaultSuggestions: o.assistant?.examplePrompts ?? [],
+      modified: i.modified
     };
   } catch (i) {
     throw console.error("Error fetching configuration:", i), i;
@@ -121,7 +122,7 @@ function T(e, t) {
 class O extends R {
   constructor() {
     super(...arguments), this.disconnectContext = () => {
-    }, this._messages = M({ blocking: !0 }), this._mapView = null, this._featureTable = $(), this._mapElRef = $(), this.handleArcGISLocationClick = (t) => {
+    }, this._messages = L({ blocking: !0 }), this._mapView = null, this._featureTable = $(), this._mapElRef = $(), this.handleArcGISLocationClick = (t) => {
       const s = t.detail;
       s.longitude && s.latitude && s.zoom && (this.mapVisible = !0, this._mapView?.goTo({
         center: [s.longitude, s.latitude],
@@ -133,7 +134,9 @@ class O extends R {
         conversationId: s,
         context: {
           kind: "FinderRequest",
-          item: this.itemId ?? void 0
+          item: this.itemId ?? void 0,
+          modified: this.itemModifiedDate
+          // Pass the item modified date for caching and invalidation purposes
         },
         // Use getWithDefault() to safely access session, which may be undefined for unauthenticated users.
         // TypeScript's IArcGISContext type does not reflect this possibility. See: https://devtopia.esri.com/dc/hub/issues/15096
@@ -166,10 +169,10 @@ class O extends R {
     }, this._context = x(this), this.mapEnabled = !0, this.mapVisible = !1, this.itemId = null, this.botTitle = void 0, this.extent = [
       [-77.119, 38.791],
       [-76.909, 38.995]
-    ], this.mapLayers = [], this._layers = [], this.mapShowTable = !0, this.location = "USA", this.hub = "https://hub.arcgis.com", this.botDescription = void 0, this.defaultSuggestions = [];
+    ], this.mapLayers = [], this._layers = [], this.mapShowTable = !0, this.location = "USA", this.hub = "https://hub.arcgis.com", this.botDescription = void 0, this.defaultSuggestions = [], this.itemModifiedDate = 0;
   }
   static {
-    this.properties = { _mapRef: 16, _context: 16, mapEnabled: 5, mapVisible: 5, itemId: 1, botTitle: 1, extent: 0, mapLayers: 0, _layers: 0, mapShowTable: 5, location: 1, hub: 1, botDescription: 1, defaultSuggestions: 0 };
+    this.properties = { _mapRef: 16, _context: 16, mapEnabled: 5, mapVisible: 5, itemId: 1, botTitle: 1, extent: 0, mapLayers: 0, _layers: 0, mapShowTable: 5, location: 1, hub: 1, botDescription: 1, defaultSuggestions: 0, itemModifiedDate: 9 };
   }
   static {
     this.shadowRootOptions = E;
@@ -186,14 +189,14 @@ class O extends R {
   async load() {
     if (this.itemId) {
       const t = await H(this.itemId, this._context.session, `${this._context.portalUrl}/sharing/rest`);
-      this.botTitle = t.title, this.botDescription = t.description ?? "", this.hub = t.hub, this.location = t.location, this.extent = t.extent, this.defaultSuggestions = t.defaultSuggestions;
+      this.botTitle = t.title, this.botDescription = t.description ?? "", this.hub = t.hub, this.location = t.location, this.extent = t.extent, this.defaultSuggestions = t.defaultSuggestions, this.itemModifiedDate = t.modified;
     }
   }
   render() {
     return w`<arcgis-chat-shell .aboutContent=${this._botDescription} .mapEnabled=${this.mapEnabled} .mapVisible=${this.mapEnabled && this.mapVisible} @arcgisUpdateMapVisibility=${this.handleUpdateMapVisibility}><arcgis-chat-ui .ariaLabel=${this._messages.aria.chat} .botDescription=${this._botDescription} .botTitle=${this._botTitle} .defaultSuggestions=${this.defaultSuggestions} slot=leftPanel .getFinderResponse=${this.handleFinderResponse} @arcgisAddDataClick=${this.handleArcGISDataClick} @arcgisLocationClick=${this.handleArcGISLocationClick} .domain=${this.hub}></arcgis-chat-ui><arcgis-hub-map-view .ariaLabel=${this._messages.aria.map} slot=map .location=${`${F(this.extent)},${q(this.extent)}`} mouse-wheel=zoom legend search layer-list @arcgisHubMapViewReady=${this._mapReady} ${I(this._mapElRef)}></arcgis-hub-map-view>${this.mapShowTable && w`<arcgis-feature-table .ariaLabel=${this._messages.aria.featureTable} .referenceElement=${this._mapRef} slot=featureTable show-layer-dropdown ${I(this._featureTable)}></arcgis-feature-table>` || ""}</arcgis-chat-shell>`;
   }
 }
-D("arcgis-hub-ai-assistant", O);
+v("arcgis-hub-ai-assistant", O);
 export {
   O as ArcGISHubAIAssistant
 };

package/dist/components/arcgis-hub-ai-assistant/util/framework.d.ts

@@ -109,6 +109,7 @@ export interface FinderRequestContext {
     domain?: string;
     location?: string;
     item?: string;
+    modified?: number;
 }
 /**
  * FinderResponseContext defines the information sent back from the Finder skill API

package/dist/components/arcgis-hub-ai-assistant/util/types.d.ts

@@ -18,5 +18,6 @@ export interface Configuration {
     location: string;
     hub: string;
     defaultSuggestions: string[];
+    modified: number;
 }
 export type HubMapLayers = CSVLayer | FeatureLayer | GeoJSONLayer | ImageryLayer | SceneLayer | WFSLayer;

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

@@ -4,8 +4,8 @@ import { LitElement as e } from "@arcgis/lumina";
 import { getAssociatedEntitiesQuery as a } from "@esri/hub-common";
 import { g as r } from "../../chunks/state.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 class o extends e {
   constructor() {
     super(...arguments), this.associationType = "initiative";

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

@@ -5,8 +5,8 @@ import { LitElement as o } from "@arcgis/lumina";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 import { getWithDefault as r, MetricVisibility as l } from "@esri/hub-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 const d = n`:host{display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(20rem,1fr))}arcgis-hub-metric-card{min-height:15rem;height:100%}@media only screen and (width<=992px){:host{grid-template-columns:unset}}`;
 class p extends o {
   static {

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

@@ -4,8 +4,8 @@ import { LitElement as i } from "@arcgis/lumina";
 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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 class a extends i {
   constructor() {
     super(...arguments), this._messages = r();

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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 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.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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 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-color-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.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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 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.js

@@ -5,18 +5,18 @@ import { LitElement as D, useContextProvider as I, createEvent as L, noShadowRoo
 import { createRef as C, ref as $ } from "lit/directives/ref.js";
 import { l as T } 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 { layoutNodeTags as x, cloneObject as f, findNodeById as m, 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 { 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";
+import { dictionary as P } from "@esri/telemetry-dictionary-hub";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 const Q = V`@layer{arcgis-layout-container{display:block;--offset-top: 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(--offset-top));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 = [];
@@ -34,8 +34,8 @@ function Y(i, t, s, e) {
 function N({ node: i, nodePath: t, idSet: s, validTags: e, errors: a }) {
   if (i.tag === "arcgis-nav-card") {
     const o = i.properties;
-    o && typeof o == "object" && Array.isArray(o.sections) && o.sections.forEach((r, l) => {
-      const u = `${t}.sections[${l}]`;
+    o && typeof o == "object" && Array.isArray(o.sections) && o.sections.forEach((r, c) => {
+      const u = `${t}.sections[${c}]`;
       N({
         node: r,
         nodePath: u,
@@ -46,14 +46,14 @@ function N({ node: i, nodePath: t, idSet: s, validTags: e, errors: a }) {
     });
   }
   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(
+    let r = `${t}.Child[${n}]`, c = Array.from(x);
+    b(i) ? (c = ["arcgis-layout-row"], r = `${t}.Row[${n}]`) : v(i) ? (c = ["arcgis-layout-column"], r = `${t}.Column[${n}]`) : E(i) && (c = Array.from(x).filter(
       (u) => u !== "arcgis-layout-column" && u !== "arcgis-layout-section"
     )), N({
       node: o,
       nodePath: r,
       idSet: s,
-      validTags: l,
+      validTags: c,
       errors: a
     });
   });
@@ -91,14 +91,14 @@ const et = {
 };
 async function st(i) {
   const t = K(i, et), s = await Promise.all(
-    t.sections.map(async (e) => await P(e))
+    t.sections.map(async (e) => await A(e))
   );
   return t.sections = s, t;
 }
-async function P(i) {
+async function A(i) {
   const s = (await tt(i.tag))(i);
   return Array.isArray(s.children) && (s.children = await Promise.all(
-    s.children.map(async (e) => await P(e))
+    s.children.map(async (e) => await A(e))
   )), s;
 }
 function ot(i, t) {
@@ -124,27 +124,27 @@ function dt(i, t) {
       const n = a.sections[o];
       if (n.children)
         for (let r = 0; r < n.children.length; r++) {
-          const l = n.children[r];
-          if (l.children)
-            for (let u = 0; u < l.children.length; u++) {
-              const c = l.children[u];
-              if (c.children)
-                for (let h = 0; h < c.children.length; h++) {
-                  const y = c.children[h];
+          const c = n.children[r];
+          if (c.children)
+            for (let u = 0; u < c.children.length; u++) {
+              const h = c.children[u];
+              if (h.children)
+                for (let l = 0; l < h.children.length; l++) {
+                  const y = h.children[l];
                   if (y.id === i.id)
-                    if (h > 0) {
-                      const d = c.children[h - 1];
-                      return c.children[h - 1] = c.children[h], c.children[h] = d, !0;
+                    if (l > 0) {
+                      const d = h.children[l - 1];
+                      return h.children[l - 1] = h.children[l], h.children[l] = d, !0;
                     } else {
                       if (u > 0)
-                        return c.children.splice(h, 1), l.children[u - 1].children?.push(i), !0;
+                        return h.children.splice(l, 1), c.children[u - 1].children?.push(i), !0;
                       if (r > 0) {
-                        c.children.splice(h, 1);
+                        h.children.splice(l, 1);
                         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);
+                        h.children.splice(l, 1);
                         const d = rt(a, o);
                         if (d?.children && d.children.length > 0) {
                           const g = d.children[d.children.length - 1];
@@ -175,27 +175,27 @@ function lt(i, t) {
       const n = a.sections[o];
       if (n.children)
         for (let r = 0; r < n.children.length; r++) {
-          const l = n.children[r];
-          if (l.children)
-            for (let u = 0; u < l.children.length; u++) {
-              const c = l.children[u];
-              if (c.children)
-                for (let h = 0; h < c.children.length; h++) {
-                  const y = c.children[h];
+          const c = n.children[r];
+          if (c.children)
+            for (let u = 0; u < c.children.length; u++) {
+              const h = c.children[u];
+              if (h.children)
+                for (let l = 0; l < h.children.length; l++) {
+                  const y = h.children[l];
                   if (y.id === i.id)
-                    if (h < c.children.length - 1) {
-                      const d = c.children[h + 1];
-                      return c.children[h + 1] = c.children[h], c.children[h] = d, !0;
+                    if (l < h.children.length - 1) {
+                      const d = h.children[l + 1];
+                      return h.children[l + 1] = h.children[l], h.children[l] = d, !0;
                     } else {
-                      if (u < l.children.length - 1)
-                        return c.children.splice(h, 1), l.children[u + 1].children?.unshift(i), !0;
+                      if (u < c.children.length - 1)
+                        return h.children.splice(l, 1), c.children[u + 1].children?.unshift(i), !0;
                       if (r < n.children.length - 1) {
-                        c.children.splice(h, 1);
+                        h.children.splice(l, 1);
                         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);
+                        h.children.splice(l, 1);
                         const d = nt(a, o);
                         if (d?.children && d.children.length > 0) {
                           const g = d.children[0];
@@ -253,7 +253,7 @@ class ht extends D {
         await this._updateLayoutNode(this._nodeBeforeEdit.id, "properties", this._nodeBeforeEdit.properties, void 0, !0);
       }
       this._isEditPanelOpen = !1, this._nodeBeforeEdit = void 0, this.hubTelemetry.emit({
-        ...A.category.interaction.action.close.label.sidePanel,
+        ...P.category.interaction.action.close.label.sidePanel,
         details: this._layoutNodeEditorConfig?.layoutNodeConfig?.name || "unknown"
       });
     }, this._setlayoutNodeEditorRef = async (t) => {
@@ -327,8 +327,8 @@ class ht extends D {
     await this.updateComplete, this._liveAnnouncement = t;
   }
   async _updateLayoutNode(t, s, e, a, o, n) {
-    const r = f(this._layout), l = m(r, t);
-    l && (O(s, e, l), a && (r.variables = {
+    const r = f(this._layout), c = m(r, t);
+    c && (O(s, e, c), 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());
@@ -343,8 +343,10 @@ class ht extends D {
   async _handleLayoutNodeEditorChange(t) {
     const { layoutNodeConfig: s, id: e, values: a, valid: o } = t.detail, n = m(this._layout, e);
     if (n) {
-      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, () => {
+      const c = (H(s, "editor.valuesOutCallback") || ((l) => l))(a, { nodeId: e, valid: o }), u = c.variables;
+      delete c.variables;
+      const h = n.properties || {};
+      n.properties = j(h, c), await this._updateLayoutNode(e, "properties", n.properties, u, o, () => {
         this.arcgisHubLayoutChanged.emit();
       });
     }
@@ -383,7 +385,7 @@ class ht extends D {
     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(), this.hubTelemetry.emit({
-      ...A.category.interaction.action.select.label.layoutNode,
+      ...P.category.interaction.action.select.label.layoutNode,
       details: t.detail.config.name
     });
   }

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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 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() {

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

@@ -8,8 +8,8 @@ import { dictionary as a } from "@esri/telemetry-dictionary-hub";
 import { f as c } 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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 const m = g`:host{position:absolute}.delete-popover-content{padding:0 1rem 1rem;margin:0}`;
 class b extends h {
   constructor() {

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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.0 */
 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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.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-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.32/esri/copyright.txt for details.
-v0.32.2 */
+See https://js.arcgis.com/0.33/esri/copyright.txt for details.
+v0.33.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() {