@esri/hub-web-components 0.15.0 → 0.16.1

package/dist/components/arcgis-chat-ui/functional/chat-response/customElement.js

@@ -1,15 +1,15 @@
 import { repeat as r } from "lit-html/directives/repeat.js";
-import { html as c, nothing as A } from "lit-html";
-import { c as M, i as I } from "../../../../chunks/util.js";
+import { html as c, nothing as M } from "lit-html";
+import { c as A, i as I } from "../../../../chunks/util.js";
 import { C as S } from "../../../../chunks/chat-action.js";
-import { createRef as _, ref as L } from "lit-html/directives/ref.js";
+import { createRef as _, ref as H } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.1 */
 const O = ({ message: e, addDataClick: l, addDataLabel: u, addLocationClick: p, addLocationLabel: f, viewDetailsClick: $, viewDetailsLabel: h, portalUrl: v = "www.arcgis.com", domain: s = "hub.arcgis.com", token: m }) => {
   const b = _();
   function w(t) {
-    return c`<calcite-accordion-item heading=Reasoning description="Explanation of the AI Assistant process" icon-start=automation data-field-name=Reasoning><ol>${r(t, (o) => o.name, (o) => c`<li>Tool: ${o.name}${r(Object.keys(o.parameters), (i) => i, (i) => {
+    return c`<calcite-accordion-item heading=Reasoning description="Explanation of the Hub assistant process" icon-start=automation data-field-name=Reasoning><ol>${r(t, (o) => o.name, (o) => c`<li>Tool: ${o.name}${r(Object.keys(o.parameters), (i) => i, (i) => {
       let a = o.parameters[i];
       return i === "sources" && Array.isArray(a) ? a = a.map((n) => n.title).join(", ") : i === "location" && (a = a.name), c`<div>${i}: ${JSON.stringify(a)}</div>`;
     })}</li>`)}</ol></calcite-accordion-item>`;
@@ -18,7 +18,7 @@ const O = ({ message: e, addDataClick: l, addDataLabel: u, addLocationClick: p,
     return c`<calcite-accordion-item description="Relevant data sources" heading=Sources icon-start=information data-field-name=Sources expanded><div class="sources">${r(o, (i) => i.id, (i) => c`<div class="wrapper source">${S({ messageId: t, source: i, domain: s, portalUrl: v, showOutlinks: !0, addDataClick: l, addDataLabel: u, viewDetailsClick: $, viewDetailsLabel: h, token: m })}</div>`)}</div></calcite-accordion-item>`;
   }
   function R(t) {
-    return c`<calcite-accordion-item description="See the layers" heading=Map icon-start=map data-field-name=Map expanded><div>${t.name}</div><arcgis-hub-map-view .location=${`${t.latitude}, ${t.longitude}, ${t.zoom ?? 0}`} @arcgisHubMapViewReady=${k} legend layer-list search ${L(b)}></arcgis-hub-map-view><calcite-button data-message-id=${e.messageId ?? A} round icon-start=extent appearance=outline-fill @click=${p}>${f}</calcite-button></calcite-accordion-item>`;
+    return c`<calcite-accordion-item description="See the layers" heading=Map icon-start=map data-field-name=Map expanded><div>${t.name}</div><arcgis-hub-map-view .location=${`${t.latitude}, ${t.longitude}, ${t.zoom ?? 0}`} @arcgisHubMapViewReady=${k} legend layer-list search ${H(b)}></arcgis-hub-map-view><calcite-button data-message-id=${e.messageId ?? M} round icon-start=extent appearance=outline-fill @click=${p}>${f}</calcite-button></calcite-accordion-item>`;
   }
   function k(t) {
     const o = t.target;
@@ -34,7 +34,7 @@ const O = ({ message: e, addDataClick: l, addDataLabel: u, addLocationClick: p,
     window.open(n, "_blank");
   }
   const y = e.sources?.length ?? e.tools?.length ?? !!e.location;
-  return c`<div class=${`message author-${e.author}`}><div class="response"><div class="text" .innerHTML=${M(e.text) ?? ""}></div>${y && c`<div class="actions"><calcite-accordion>${e.location && R(e.location) || ""}${!!e.sources && e.sources.length > 0 && x(e.messageId, e.sources) || ""}${!!e.tools && e.tools.length > 0 && w(e.tools) || ""}</calcite-accordion>${g(e)}</div>` || ""}</div></div>`;
+  return c`<div class=${`message author-${e.author}`}><div class="response"><div class="text" .innerHTML=${A(e.text) ?? ""}></div>${y && c`<div class="actions"><calcite-accordion>${e.location && R(e.location) || ""}${!!e.sources && e.sources.length > 0 && x(e.messageId, e.sources) || ""}${!!e.tools && e.tools.length > 0 && w(e.tools) || ""}</calcite-accordion>${g(e)}</div>` || ""}</div></div>`;
 };
 export {
   O as ChatResponse

package/dist/components/arcgis-chat-ui/functional/chat-status/customElement.js

@@ -1,7 +1,7 @@
 import { html as e } from "lit-html";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.1 */
 const l = ({ showSkeletonLoader: s, currentLoadingMessage: d }) => s ? e`<div class="loader"><div class="skeleton-loader"></div><div class="skeleton-loader"></div><div class="skeleton-loader"></div><div class="square-container"><div class="skeleton-loader square"></div><div class="skeleton-loader square"></div></div></div>` : e`<div class="status-message">${d}</div>`;
 export {
   l as ChatStatus

package/dist/components/arcgis-chat-ui/index.d.ts

@@ -2,4 +2,5 @@ import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-fab";
 export * from "./customElement.js";

package/dist/components/arcgis-chat-ui/index.js

@@ -2,4 +2,5 @@ import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-fab";
 export * from "./customElement.js";

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

@@ -3,15 +3,15 @@ import { html as _ } from "lit-html";
 import { LitElement as E, noShadowRoot as D } from "@arcgis/lumina";
 import { css as R } from "@lit/reactive-element/css-tag.js";
 import { getItem as V, getItemData as M } from "@esri/arcgis-rest-portal";
-import { createRef as I, ref as $ } from "lit/directives/ref.js";
+import { createRef as $, ref as I } from "lit/directives/ref.js";
 import U from "@arcgis/core/layers/Layer.js";
-import C from "@arcgis/core/portal/PortalItem.js";
-import { u as x } from "../../chunks/useT9n.js";
-import { getGlobalContext as P } from "@esri/hub-components";
+import x from "@arcgis/core/portal/PortalItem.js";
+import { u as C } from "../../chunks/useT9n.js";
+import { getGlobalContext as L } from "@esri/hub-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
-async function L(e) {
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.1 */
+async function P(e) {
   const {
     skillId: t,
     message: i,
@@ -35,26 +35,26 @@ async function L(e) {
     });
     if (!l.ok)
       throw new Error(`HTTP error! status: ${l.status}`);
-    const r = await l.json(), T = n ?? r.conversationId, v = r.inquiryId;
-    let b = r.hasMore || r.message == null, w = r.sequenceNumber;
+    const r = await l.json(), S = n ?? r.conversationId, v = r.inquiryId;
+    let b = r.hasMore || r.message == null, y = r.sequenceNumber;
     const d = [];
     r.message && d.push(r);
-    let y = 0;
-    for (; b && y < u; ) {
+    let w = 0;
+    for (; b && w < u; ) {
       await new Promise((k) => setTimeout(k, c));
       const m = await fetch(g, {
         method: "POST",
         headers: p,
         body: JSON.stringify({
-          conversationId: T,
+          conversationId: S,
           inquiryId: v,
-          ackSequenceNumber: w
+          ackSequenceNumber: y
         })
       });
       if (!m.ok)
         throw new Error(`HTTP error! status: ${m.status}`);
       const h = await m.json();
-      h.message && d.push(h), b = h.hasMore, h.message != null && (w += 1), y++;
+      h.message && d.push(h), b = h.hasMore, h.message != null && (y += 1), w++;
     }
     return d;
   } catch (l) {
@@ -70,7 +70,7 @@ async function z({
   pauseMs: n = 1e3,
   retries: a = 50
 }) {
-  return await L({
+  return await P({
     skillId: "finder",
     message: e,
     context: t,
@@ -91,7 +91,7 @@ const O = (e) => {
     return 1;
   const t = e[0][0], i = e[0][1], s = e[1][0], o = e[1][1], n = Math.abs(s - t), a = Math.abs(o - i), c = Math.log2(360 / n), u = Math.log2(180 / a);
   return Math.floor(Math.min(c, u)) + 2;
-}, B = R`@layer{arcgis-hub-ai-assistant{arcgis-feature-table{height:300px}arcgis-hub-map-view{height:100%;width:100%}}}`, S = {
+}, B = R`@layer{arcgis-hub-ai-assistant{arcgis-feature-table{height:300px}esri-feature-table{height:300px}}}`, T = {
   language: "en",
   defaultSuggestions: ["What can I do with this assistant?"],
   personality: "You are writing for a government websites readable by 8th graders."
@@ -111,7 +111,7 @@ async function G(e, t, i) {
       // , { authentication: state.context.hubRequestOptions.authentication }
     ]);
     return {
-      ...S,
+      ...T,
       title: s.title,
       description: o.assistant?.description,
       extent: s.extent,
@@ -129,7 +129,7 @@ async function G(e, t, i) {
       // entityId: itemData.entityId,
       location: o.assistant?.location ?? "",
       // tools: itemData.tools,
-      defaultSuggestions: o.assistant?.examplePrompts ?? S.defaultSuggestions,
+      defaultSuggestions: o.assistant?.examplePrompts ?? T.defaultSuggestions,
       context: "",
       // hub: "",
       allowChat: !1,
@@ -143,10 +143,10 @@ async function G(e, t, i) {
 }
 class H extends E {
   constructor() {
-    super(...arguments), this._messages = x({ blocking: !0 }), this._mapView = null, this._featureTable = I(), this._mapElRef = I(), this.handleArcGISDataClick = (t) => {
+    super(...arguments), this._messages = C({ blocking: !0 }), this._mapView = null, this._featureTable = $(), this._mapElRef = $(), this.handleArcGISDataClick = (t) => {
       const s = t.detail.data.id;
       if (this.mapVisible = !0, this.mapShowTable = !0, !this._mapView?.map?.findLayerById(s)) {
-        const n = new C({
+        const n = new x({
           id: s,
           portal: { url: this.portalUrl }
         });
@@ -204,7 +204,7 @@ class H extends E {
     return this.botDescription || this._messages.defaultBotDescription;
   }
   get _context() {
-    return P();
+    return L();
   }
   get _hasOrgAiAccess() {
     return (
@@ -219,7 +219,7 @@ class H extends E {
     }
   }
   render() {
-    return _`<arcgis-chat-shell .aboutContent=${this._botDescription} .mapEnabled=${this.mapEnabled} .mapVisible=${this.mapEnabled && this.mapVisible} @arcgisUpdateMapVisibility=${this.handleUpdateMapVisibility}><arcgis-chat-ui .botDescription=${this._botDescription} .botTitle=${this._botTitle} .defaultSuggestions=${this.defaultSuggestions} slot=leftPanel .getFinderResponse=${this.handleFinderResponse} @arcgisAddDataClick=${this.handleArcGISDataClick} @arcgisLocationClick=${this.handleArcGISLocationClick} .authentication=${this.authentication} .portalUrl=${this.portalUrl} .domain=${this.hub} .isAuthenticated=${this._context?.isAuthenticated || !1} .hasOrgAiAccess=${this._hasOrgAiAccess}></arcgis-chat-ui><arcgis-hub-map-view slot=map .location=${`${O(this.extent)},${q(this.extent)}`} mouse-wheel=zoom legend search layer-list @arcgisHubMapViewReady=${this._mapReady} ${$(this._mapElRef)}></arcgis-hub-map-view>${this.mapShowTable && _`<arcgis-feature-table .referenceElement=${this._mapRef} slot=featureTable show-layer-dropdown ${$(this._featureTable)}></arcgis-feature-table>` || ""}</arcgis-chat-shell>`;
+    return _`<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} .authentication=${this.authentication} .portalUrl=${this.portalUrl} .domain=${this.hub} .isAuthenticated=${this._context?.isAuthenticated || !1} .hasOrgAiAccess=${this._hasOrgAiAccess}></arcgis-chat-ui><arcgis-hub-map-view .ariaLabel=${this._messages.aria.map} slot=map .location=${`${O(this.extent)},${q(this.extent)}`} mouse-wheel=zoom legend search layer-list @arcgisHubMapViewReady=${this._mapReady} ${I(this._mapElRef)}></arcgis-hub-map-view>${this.mapShowTable && _`<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>`;
   }
 }
 A("arcgis-hub-ai-assistant", H);

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

@@ -5,8 +5,8 @@ import { getTypeFromEntity as a, getProp as t, getAssociatedEntitiesQuery as n }
 import { u as r } from "../../chunks/useT9n.js";
 import { g as y } from "../../chunks/state.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.1 */
 class l extends o {
   constructor() {
     super(...arguments), this._messages = r(), this.associationType = "initiative";

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

@@ -6,8 +6,8 @@ import { css as y } from "@lit/reactive-element/css-tag.js";
 import { getWithDefault as r, MetricVisibility as l, getTypeFromEntity as d, getProp as t } from "@esri/hub-common";
 import { u as p } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.1 */
 const g = y`: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 u extends c {
   constructor() {

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

@@ -4,8 +4,8 @@ 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";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.1 */
 class n extends i {
   constructor() {
     super(...arguments), this._messages = o();

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.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.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):hover:not(arcgis-nav-card):hover:not(arcgis-layout-node-highlight):hover,:host([is-edit-mode]) arcgis-layout-column>arcgis-nav-card calcite-tab-nav:hover,.current-node{--calcite-internal-color-focus: var(--calcite-ui-brand);cursor:pointer;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([is-edit-mode]) arcgis-layout-column>:not(arcgis-layout-row,arcgis-nav-card,arcgis-layout-node-highlight){min-height:2.5rem}`;
 class h extends c {
   constructor() {

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

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

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

@@ -5,19 +5,19 @@ import { LitElement as P, useContextProvider as T, createEvent as N, noShadowRoo
 import { createRef as L, ref as b } from "lit/directives/ref.js";
 import { l as M, g as R, i as H } from "../../chunks/interpolate-translations.js";
 import { css as O } from "@lit/reactive-element/css-tag.js";
-import { layoutNodeTags as S, cloneObject as f, getProp as x, Logger as y, createId as V, getWithDefault as D } from "@esri/hub-common";
-import { g as U } from "../../chunks/state.js";
-import { f as m, p as j } from "../../chunks/processLayout.js";
-import { c as z, b as w, i as E, a as $ } from "../../chunks/typeGuards.js";
-import { u as F } from "../../chunks/useT9n.js";
-import { migrateSchema as G } from "@esri/hub-components";
-import { f as q } from "../../chunks/findColumnAndNodeIndex.js";
-import { dictionary as B } from "@esri/telemetry-dictionary-hub";
+import { layoutNodeTags as S, cloneObject as f, getProp as x, deepMerge as V, Logger as y, createId as D, getWithDefault as U } from "@esri/hub-common";
+import { g as j } from "../../chunks/state.js";
+import { f as m, p as z } from "../../chunks/processLayout.js";
+import { c as F, b as w, i as E, a as $ } from "../../chunks/typeGuards.js";
+import { u as G } from "../../chunks/useT9n.js";
+import { migrateSchema as q } from "@esri/hub-components";
+import { f as B } from "../../chunks/findColumnAndNodeIndex.js";
+import { dictionary as X } from "@esri/telemetry-dictionary-hub";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
-const X = O`@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 Y(i, t) {
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.1 */
+const Y = O`@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 W(i, t) {
   const e = ["order", "offset", "width"], s = [];
   return e.forEach((o) => {
     let n;
@@ -26,9 +26,9 @@ function Y(i, t) {
     });
   }), s;
 }
-function W(i, t, e, s) {
+function J(i, t, e, s) {
   const o = [];
-  return i.id || o.push(`${t} > missing required id.`), i.tag || o.push(`${t} > missing required tag.`), i.id && (e.has(i.id) && o.push(`Node "${i.id}": ${t} > duplicate id: "${i.id}"`), e.add(i.id)), s.includes(i.tag) || o.push(`Node "${i.id}": ${t} > has invalid tag: ${i.tag}`), o.push(...Y(i, t)), (w(i) || E(i) || $(i)) && (!i.children || !Array.isArray(i.children) || i.children.length === 0) && o.push(`Node "${i.id}": ${t} > missing or empty children array.`), o;
+  return i.id || o.push(`${t} > missing required id.`), i.tag || o.push(`${t} > missing required tag.`), i.id && (e.has(i.id) && o.push(`Node "${i.id}": ${t} > duplicate id: "${i.id}"`), e.add(i.id)), s.includes(i.tag) || o.push(`Node "${i.id}": ${t} > has invalid tag: ${i.tag}`), o.push(...W(i, t)), (w(i) || E(i) || $(i)) && (!i.children || !Array.isArray(i.children) || i.children.length === 0) && o.push(`Node "${i.id}": ${t} > missing or empty children array.`), o;
 }
 function v({ node: i, nodePath: t, idSet: e, validTags: s, errors: o }) {
   if (i.tag === "arcgis-nav-card") {
@@ -44,7 +44,7 @@ function v({ node: i, nodePath: t, idSet: e, validTags: s, errors: o }) {
       });
     });
   }
-  o.push(...W(i, t, e, s)), Array.isArray(i.children) && i.children.forEach((n, r) => {
+  o.push(...J(i, t, e, s)), Array.isArray(i.children) && i.children.forEach((n, r) => {
     let a = `${t}.Child[${r}]`, c = Array.from(S);
     w(i) ? (c = ["arcgis-layout-row"], a = `${t}.Row[${r}]`) : E(i) ? (c = ["arcgis-layout-column"], a = `${t}.Column[${r}]`) : $(i) && (c = Array.from(S).filter(
       (u) => u !== "arcgis-layout-column" && u !== "arcgis-layout-section"
@@ -57,10 +57,10 @@ function v({ node: i, nodePath: t, idSet: e, validTags: s, errors: o }) {
     });
   });
 }
-function J(i) {
+function K(i) {
   const t = [], e = /* @__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((s, o) => {
-    if (z(s)) {
+    if (F(s)) {
       t.push(`Section[${o}] is a reference and cannot be a direct child.`);
       return;
     }
@@ -74,7 +74,7 @@ function J(i) {
     });
   }), t) : (t.push("Layout must be defined."), t);
 }
-async function K(i) {
+async function Q(i) {
   switch (i) {
     case "arcgis-text-card":
       return (await import("../../chunks/migrateTextCard.js")).migrateTextCard;
@@ -83,42 +83,42 @@ async function K(i) {
       return ((t) => t);
   }
 }
-function Q(i) {
+function Z(i) {
   const t = f(i);
   return t.schemaVersion = 2, t;
 }
-const Z = {
-  2: Q
+const tt = {
+  2: Z
 };
-async function tt(i) {
-  const t = G(i, Z), e = await Promise.all(
+async function it(i) {
+  const t = q(i, tt), e = await Promise.all(
     t.sections.map(async (s) => await k(s))
   );
   return t.sections = e, t;
 }
 async function k(i) {
-  const e = (await K(i.tag))(i);
+  const e = (await Q(i.tag))(i);
   return Array.isArray(e.children) && (e.children = await Promise.all(
     e.children.map(async (s) => await k(s))
   )), e;
 }
-function it(i, t) {
+function et(i, t) {
   if (i.children && t < i.children.length - 1)
     return i.children[t + 1];
 }
-function et(i, t) {
+function st(i, t) {
   if (i.children && t > 0)
     return i.children[t - 1];
 }
-function st(i, t) {
+function ot(i, t) {
   if (t < i.sections.length - 1)
     return i.sections[t + 1];
 }
-function ot(i, t) {
+function nt(i, t) {
   if (t > 0)
     return i.sections[t - 1];
 }
-function nt(i, t) {
+function at(i, t) {
   const e = f(t);
   function s(o) {
     for (let n = 0; n < o.sections.length; n++) {
@@ -141,12 +141,12 @@ function nt(i, t) {
                         return d.children.splice(l, 1), c.children[u - 1].children?.push(i), !0;
                       if (a > 0) {
                         d.children.splice(l, 1);
-                        const h = et(r, a);
+                        const h = st(r, a);
                         if (h?.children && h.children.length > 0)
                           return h.children[h.children.length - 1].children?.push(i), !0;
                       } else if (n > 0) {
                         d.children.splice(l, 1);
-                        const h = ot(o, n);
+                        const h = nt(o, n);
                         if (h?.children && h.children.length > 0) {
                           const _ = h.children[h.children.length - 1];
                           if (_.children && _.children.length > 0)
@@ -169,7 +169,7 @@ function nt(i, t) {
   }
   return s(e), e;
 }
-function at(i, t) {
+function ht(i, t) {
   const e = f(t);
   function s(o) {
     for (let n = 0; n < o.sections.length; n++) {
@@ -192,12 +192,12 @@ function at(i, t) {
                         return d.children.splice(l, 1), c.children[u + 1].children?.unshift(i), !0;
                       if (a < r.children.length - 1) {
                         d.children.splice(l, 1);
-                        const h = it(r, a);
+                        const h = et(r, a);
                         if (h?.children && h.children.length > 0)
                           return h.children[0].children?.unshift(i), !0;
                       } else if (n < o.sections.length - 1) {
                         d.children.splice(l, 1);
-                        const h = st(o, n);
+                        const h = ot(o, n);
                         if (h?.children && h.children.length > 0) {
                           const _ = h.children[0];
                           if (_.children && _.children.length > 0)
@@ -220,7 +220,7 @@ function at(i, t) {
   }
   return s(e), e;
 }
-function ht(i, t) {
+function rt(i, t) {
   const e = [];
   function s(o) {
     if (o.nodeType === Node.ELEMENT_NODE) {
@@ -236,9 +236,9 @@ function ht(i, t) {
   }
   return s(i), e;
 }
-class rt extends P {
+class lt extends P {
   constructor() {
-    super(), this._messages = F({ blocking: !0 }), this.#i = T({ context: M }), this.#t = !1, this._layoutRef = L(), this._nodeControlsEl = L(), this._initShell = () => {
+    super(), this._messages = G({ blocking: !0 }), this.#i = T({ context: M }), this.#t = !1, this._layoutRef = L(), this._nodeControlsEl = L(), this._initShell = () => {
       const t = this.el;
       t.style.setProperty("--offsetTop", `${t.offsetTop}px`);
     }, this._layoutNodeEditor = L(), this._handleExitEditMode = async (t) => {
@@ -248,7 +248,7 @@ class rt extends P {
     }, this._handleCloseEditPanel = () => {
       this._isEditPanelOpen = !1;
       const t = this._layoutNodeEditorConfig?.layoutNodeConfig?.name || "unknown", e = {
-        ...B.category.interaction.action.close.label.sidePanel,
+        ...X.category.interaction.action.close.label.sidePanel,
         details: t
       };
       this.hubTelemetry.emit(e);
@@ -269,10 +269,10 @@ class rt extends P {
     this.shadowRootOptions = I;
   }
   static {
-    this.styles = X;
+    this.styles = Y;
   }
   get _context() {
-    return U();
+    return j();
   }
   #i;
   #t;
@@ -280,7 +280,7 @@ class rt extends P {
     super.connectedCallback(), this._initShell();
   }
   willUpdate(t) {
-    (t.has("layout") || t.has("options")) && this._init(), this.hasUpdated && t.has("isEditMode") && (this._highlightedElement = void 0, this._highlightedNode = void 0, this._layoutNodeEditorConfig = void 0, this.updateEditModeAnnouncement(), this.isEditMode && ht(this._layoutRef.value, "arcgis-hub-gallery, arcgis-hub-image").forEach((s) => {
+    (t.has("layout") || t.has("options")) && this._init(), this.hasUpdated && t.has("isEditMode") && (this._highlightedElement = void 0, this._highlightedNode = void 0, this._layoutNodeEditorConfig = void 0, this.updateEditModeAnnouncement(), this.isEditMode && rt(this._layoutRef.value, "arcgis-hub-gallery, arcgis-hub-image").forEach((s) => {
       s.lazy = !1;
     })), (!this.hasUpdated || t.has("_processedLayout")) && this.#i.setValue({ messages: this._messages, layout: this._processedLayout });
   }
@@ -300,14 +300,14 @@ class rt extends P {
     await this.updateComplete, this._liveAnnouncement = t;
   }
   async _init() {
-    const t = await tt(this.layout);
+    const t = await it(this.layout);
     this._layout = f(t), this._processedLayout = await this._validateAndProcess(this._layout, this.options), this._historyStack = [this._processedLayout], this._historyIdx = 0;
   }
   async _handleLayoutNodeEditorChange(t) {
     const { layoutNodeConfig: e, id: s, values: o, valid: n } = t.detail, r = f(this._layout), a = m(r, s);
     if (a) {
       const c = x(e, "editor.valuesOutCallback") || ((u) => u);
-      a.properties = c(o ?? {}), this._layout = r, this._processedLayout = await this._validateAndProcess(r, this.options), this._highlightedNode = m(this._processedLayout, s), 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._isLayoutValid = n, this.arcgisHubLayoutChanged.emit();
+      a.properties = V(a.properties, c(o)), this._layout = r, this._processedLayout = await this._validateAndProcess(r, this.options), this._highlightedNode = m(this._processedLayout, s), 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._isLayoutValid = n, this.arcgisHubLayoutChanged.emit();
     }
   }
   async _handleLayoutNodeVisibilityChange(t) {
@@ -315,8 +315,8 @@ class rt extends P {
     o && (o.visibility || (o.visibility = { kind: "static", isHidden: !1 }), o.visibility.kind === "static" && (o.visibility.isHidden = !o.visibility.isHidden), this._layout = s, this._processedLayout = await this._validateAndProcess(s, this.options), this._highlightedNode = m(this._processedLayout, e), 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 _validateAndProcess(t, e) {
-    const s = J(t);
-    return this._layoutErrors = s, s.length > 0 && !this.debug && y.error("Layout validation errors:", s), await j(t, e, this._context);
+    const s = K(t);
+    return this._layoutErrors = s, s.length > 0 && !this.debug && y.error("Layout validation errors:", s), await z(t, e, this._context);
   }
   hitTest(t) {
     let e = !1;
@@ -355,17 +355,17 @@ class rt extends P {
   }
   async _handleLayoutAddNode(t) {
     y.debug("Add node event:", t.detail.config.tag);
-    const e = f(this._layout), { column: s, index: o } = q(t.detail.adjacentNode, e);
+    const e = f(this._layout), { column: s, index: o } = B(t.detail.adjacentNode, e);
     y.debug("Found column and index:", s, o);
     const n = {
-      id: V(),
+      id: D(),
       tag: t.detail.config.tag,
       properties: t.detail.config.defaults
     };
     s.children?.splice(o + 1, 0, n), this._layout = e, this._processedLayout = await this._validateAndProcess(e, this.options), this._highlightedNode = n, await this.updateComplete, this._highlightedElement = await this._layoutRef.value?.getCardEl(n.id), this._handleLayoutNodeEditorOpen(), 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);
   }
   async _handleLayoutRepositionNode(t) {
-    y.debug("Reposition node event:", t.detail.node.id, t.detail.direction), t.detail.direction === "up" ? (y.debug("Moving node up..."), this._layout = nt(t.detail.node, this._layout)) : (y.debug("Moving node down..."), this._layout = at(t.detail.node, this._layout)), this.suspendSelection(), this._processedLayout = await this._validateAndProcess(this._layout, this.options), this._highlightedNode = t.detail.node, await this.updateComplete, this._highlightedElement = await this._layoutRef.value?.getCardEl(t.detail.node.id), this._highlightedElement?.scrollIntoView({ behavior: "smooth", block: "nearest" }), requestAnimationFrame(() => {
+    y.debug("Reposition node event:", t.detail.node.id, t.detail.direction), t.detail.direction === "up" ? (y.debug("Moving node up..."), this._layout = at(t.detail.node, this._layout)) : (y.debug("Moving node down..."), this._layout = ht(t.detail.node, this._layout)), this.suspendSelection(), this._processedLayout = await this._validateAndProcess(this._layout, this.options), this._highlightedNode = t.detail.node, await this.updateComplete, this._highlightedElement = await this._layoutRef.value?.getCardEl(t.detail.node.id), this._highlightedElement?.scrollIntoView({ behavior: "smooth", block: "nearest" }), requestAnimationFrame(() => {
       this.resumeSelection();
     }), 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();
   }
@@ -381,7 +381,7 @@ class rt extends P {
     if (this.isEditMode && this._isEditPanelOpen) {
       const t = this._layoutNodeEditorConfig;
       if (t?.layoutNodeConfig?.editor)
-        return p`<calcite-shell-panel position=end slot=panel-end><calcite-panel .heading=${D(t.layoutNodeConfig, "i18n.label", x(this._messages, "layoutNodeControls.configurableNodes.default.label"))}><calcite-action class="panel-close" .disabled=${!this._isLayoutValid} icon=x @click=${this._handleCloseEditPanel} slot=header-actions-end .text=${this._messages.close}></calcite-action>${C(t.layoutNode.id, p`<arcgis-layout-node-editor .layoutNodeConfig=${t.layoutNodeConfig} .node=${t.layoutNode} ${b(this._layoutNodeEditor)}></arcgis-layout-node-editor>`)}</calcite-panel></calcite-shell-panel>`;
+        return p`<calcite-shell-panel position=end slot=panel-end><calcite-panel .heading=${U(t.layoutNodeConfig, "i18n.label", x(this._messages, "layoutNodeControls.configurableNodes.default.label"))}><calcite-action class="panel-close" .disabled=${!this._isLayoutValid} icon=x @click=${this._handleCloseEditPanel} slot=header-actions-end .text=${this._messages.close}></calcite-action>${C(t.layoutNode.id, p`<arcgis-layout-node-editor .layoutNodeConfig=${t.layoutNodeConfig} .node=${t.layoutNode} ${b(this._layoutNodeEditor)}></arcgis-layout-node-editor>`)}</calcite-panel></calcite-shell-panel>`;
     }
     return null;
   }
@@ -389,7 +389,7 @@ class rt extends P {
     return p`<calcite-shell>${C("aria-live-region", p`<div aria-atomic=true aria-live=polite id=arcgis-layout-container-edit-mode-live-region>${this._liveAnnouncement}</div>`)}${this.renderEditToolbar()}${this.renderNodeControls()}${this.renderEditor()}<arcgis-layout .highlightedNode=${this._highlightedNode} .debug=${this.debug} .isEditMode=${this.isEditMode} .layout=${this._processedLayout} .options=${this.options} ${b(this._layoutRef)}></arcgis-layout></calcite-shell>`;
   }
 }
-A("arcgis-layout-container", rt);
+A("arcgis-layout-container", lt);
 export {
-  rt as ArcgisLayoutContainer
+  lt as ArcgisLayoutContainer
 };

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

@@ -6,8 +6,8 @@ import { u as l } from "../../chunks/useT9n.js";
 import { focusElement as a } 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.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.1 */
 const c = o`calcite-navigation{border-block-start:1px solid var(--calcite-navigation-border-color, var(--calcite-color-border-3));[slot=content-end]{margin-inline-end:1rem}[slot=content-end]{display:flex}[slot=content-end]{gap:.75rem}}`;
 class u extends e {
   constructor() {

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

@@ -8,8 +8,8 @@ import { i as b } from "../../chunks/isNodeVisible.js";
 import { dictionary as l } from "@esri/telemetry-dictionary-hub";
 import { f as r } from "../../chunks/findColumnAndNodeIndex.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.1 */
 const N = h`:host{position:absolute}`;
 class C extends d {
   constructor() {

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

@@ -6,8 +6,8 @@ import { html as a } from "lit";
 import { css as f } from "@lit/reactive-element/css-tag.js";
 import { ArcgisLayoutNodeEditorDynamicTag as C } from "./layout-node-editor-dynamic-tag/customElement.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.15/esri/copyright.txt for details.
-v0.15.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.1 */
 const p = f`@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 m extends n {
   constructor() {