@esri/hub-web-components 0.9.1 → 0.10.0

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

@@ -4,8 +4,8 @@ import { c as M, 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";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.9/esri/copyright.txt for details.
-v0.9.1 */
+See https://js.arcgis.com/0.10/esri/copyright.txt for details.
+v0.10.0 */
 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) {

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.9/esri/copyright.txt for details.
-v0.9.1 */
+See https://js.arcgis.com/0.10/esri/copyright.txt for details.
+v0.10.0 */
 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-hub-ai-assistant/customElement.js

@@ -9,8 +9,8 @@ import C from "@arcgis/core/portal/PortalItem.js";
 import { u as P } from "../../chunks/useT9n.js";
 import { getGlobalContext as x } from "@esri/hub-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.9/esri/copyright.txt for details.
-v0.9.1 */
+See https://js.arcgis.com/0.10/esri/copyright.txt for details.
+v0.10.0 */
 async function L(e) {
   const {
     skillId: t,

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.9/esri/copyright.txt for details.
-v0.9.1 */
+See https://js.arcgis.com/0.10/esri/copyright.txt for details.
+v0.10.0 */
 class l extends o {
   constructor() {
     super(...arguments), this._messages = r(), this.associationType = "initiative";
@@ -23,8 +23,12 @@ class l extends o {
   get layoutNodeConfig() {
     return this.entity && {
       tag: "arcgis-hub-entity-associations-card",
+      // TODO: make permissions-based?
       canEdit: !1,
+      // TODO: make permissions-based?
       canMove: !0,
+      // TODO: make permissions-based?
+      canAdjustVisibility: !0,
       i18n: {
         label: t(this._messages, `layoutNodeConfig.label.${this._entityType}`),
         description: t(this._messages, `layoutNodeConfig.description.${this._entityType}`),

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

@@ -6,10 +6,10 @@ import { css as l } from "@lit/reactive-element/css-tag.js";
 import { getWithDefault as r, MetricVisibility as y, 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.9/esri/copyright.txt for details.
-v0.9.1 */
+See https://js.arcgis.com/0.10/esri/copyright.txt for details.
+v0.10.0 */
 const g = l`: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 h extends c {
+class u extends c {
   constructor() {
     super(...arguments), this._messages = p();
   }
@@ -28,8 +28,12 @@ class h extends c {
   get layoutNodeConfig() {
     return {
       tag: "arcgis-hub-entity-metrics-card",
+      // TODO: make permissions-based?
       canEdit: !1,
+      // TODO: make permissions-based?
       canMove: !0,
+      // TODO: make permissions-based?
+      canAdjustVisibility: !0,
       i18n: {
         label: t(this._messages, `layoutNodeConfig.label.${this._entityType}`),
         description: t(this._messages, `layoutNodeConfig.description.${this._entityType}`),
@@ -48,7 +52,7 @@ class h extends c {
     }).filter(Boolean);
   }
 }
-a("arcgis-hub-entity-metrics-card", h);
+a("arcgis-hub-entity-metrics-card", u);
 export {
-  h as ArcgisHubEntityMetricsCard
+  u as ArcgisHubEntityMetricsCard
 };

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

@@ -4,8 +4,8 @@ import { LitElement as i } from "@arcgis/lumina";
 import { getTypeFromEntity as o, getProp as t } from "@esri/hub-common";
 import { u as a } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.9/esri/copyright.txt for details.
-v0.9.1 */
+See https://js.arcgis.com/0.10/esri/copyright.txt for details.
+v0.10.0 */
 class n extends i {
   constructor() {
     super(...arguments), this._messages = a();
@@ -22,8 +22,12 @@ class n extends i {
   get layoutNodeConfig() {
     return {
       tag: "arcgis-hub-entity-status-card",
+      // TODO: make permissions-based?
       canEdit: !1,
+      // TODO: make permissions-based?
       canMove: !0,
+      // TODO: make permissions-based?
+      canAdjustVisibility: !0,
       i18n: {
         label: t(this._messages, `layoutNodeConfig.label.${this._entityType}`),
         description: t(this._messages, `layoutNodeConfig.description.${this._entityType}`),

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

@@ -9,8 +9,8 @@ import { c as m } from "../../chunks/typeGuards.js";
 import { Logger as f } from "@esri/hub-common";
 import { g as y } from "../../chunks/state.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.9/esri/copyright.txt for details.
-v0.9.1 */
+See https://js.arcgis.com/0.10/esri/copyright.txt for details.
+v0.10.0 */
 const x = u`: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)}@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 blue;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,.current-node{--calcite-internal-color-focus: var(--calcite-ui-brand);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))))}`;
 class d extends c {
   constructor() {

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

@@ -1,18 +1,19 @@
 import { c as p } from "../../chunks/runtime.js";
 import { html as r } from "lit-html";
 import { keyed as i } from "lit-html/directives/keyed.js";
-import { LitElement as c, createEvent as u, noShadowRoot as y, safeClassMap as d, safeStyleMap as f } from "@arcgis/lumina";
+import { LitElement as c, createEvent as d, noShadowRoot as y, safeClassMap as u, safeStyleMap as f } from "@arcgis/lumina";
 import { i as g, a as l, b as h } from "../../chunks/typeGuards.js";
 import { g as M, a as E } from "../../chunks/getResponsiveClasses.js";
 import { ArcgisLayoutNode as m } from "../layouts/components/layout-node/customElement.js";
 import { Logger as a } from "@esri/hub-common";
-import { spreadProps as w } from "@open-wc/lit-helpers";
+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.9/esri/copyright.txt for details.
-v0.9.1 */
-class N extends c {
+See https://js.arcgis.com/0.10/esri/copyright.txt for details.
+v0.10.0 */
+class $ extends c {
   constructor() {
-    super(...arguments), this.debug = !1, this.isEditMode = !1, this.arcgisLayoutNodeDeactivate = u(), this.arcgisLayoutNodeActivate = u();
+    super(...arguments), this.debug = !1, this.isEditMode = !1, this.arcgisLayoutNodeDeactivate = d(), this.arcgisLayoutNodeActivate = d();
   }
   static {
     this.properties = { node: 0, currentNode: 0, utils: 0, debug: 5, isEditMode: 5 };
@@ -38,37 +39,43 @@ class N extends c {
   }
   render() {
     const { debug: t, utils: s } = this;
-    return this.node.children?.filter((e) => !e.hidden).map((e) => {
-      const { id: n } = e;
-      if (h(e) || l(e)) {
-        a.warn(`Child with id ${n} in arcgis-layout-column is not a row or card.`);
-        return;
-      }
-      if (g(e))
+    return (
+      // note: we always render nodes (even if they
+      // are hidden) in edit mode. In published/live
+      // mode, we filter hidden nodes out entirely.
+      this.node.children?.filter((e) => this.isEditMode ? !0 : w(e)).map((e) => {
+        const { id: n } = e;
+        if (h(e) || l(e)) {
+          a.warn(`Child with id ${n} in arcgis-layout-column is not a row or card.`);
+          return;
+        }
+        if (g(e))
+          try {
+            return i(e.id, r`<arcgis-layout-row class=${u(this._getChildClasses(e).join(" "))} .currentNode=${this.currentNode} .debug=${t} .isEditMode=${this.isEditMode} .node=${e} .utils=${s} style=${f(e.styles)} .role=${e.rowProps?.role} .ariaLabel=${e.rowProps?.ariaLabel} ${N(e.properties ?? {})}></arcgis-layout-row>`);
+          } catch (o) {
+            return a.error(`Error rendering row with id ${n} in arcgis-hub-layout-column:`, o), i(e.id, r`<arcgis-layout-row class=${u({ "layout-error": t })} .debug=${t} .node=${{ id: e.id, tag: "arcgis-layout-row" }}></arcgis-layout-row>`);
+          }
         try {
-          return i(e.id, r`<arcgis-layout-row class=${d(this._getChildClasses(e).join(" "))} .currentNode=${this.currentNode} .debug=${t} .isEditMode=${this.isEditMode} .node=${e} .utils=${s} style=${f(e.styles)} .role=${e.rowProps?.role} .ariaLabel=${e.rowProps?.ariaLabel} ${w(e.properties ?? {})}></arcgis-layout-row>`);
+          return m({ tagName: e.tag, classes: this._getChildClasses(e).join(" "), styles: e.styles, options: { isEditMode: this.isEditMode }, props: {
+            currentNode: this.currentNode,
+            debug: t,
+            isEditMode: this.isEditMode,
+            key: e.id,
+            node: e,
+            onKeyDown: this.isEditMode ? this._handleNodeKeyDown : void 0,
+            onMouseLeave: this.isEditMode ? this._handleMouseOutNode : void 0,
+            onMouseEnter: this.isEditMode ? this._handleMouseOverNode : void 0,
+            utils: s,
+            ...e.properties
+          }, children: Object.values(e.slots ?? {}).map((o) => typeof o == "string" ? o : m({ tagName: o.tag, options: { isEditMode: this.isEditMode }, props: o.properties ?? {} })) });
         } catch (o) {
-          return a.error(`Error rendering row with id ${n} in arcgis-hub-layout-column:`, o), i(e.id, r`<arcgis-layout-row class=${d({ "layout-error": t })} .debug=${t} .node=${{ id: e.id, tag: "arcgis-layout-row" }}></arcgis-layout-row>`);
+          return a.error(`Error rendering block with id ${e.id} in arcgis-layout-column:`, o), t ? i(e.id, r`<div class="layout-error"></div>`) : null;
         }
-      try {
-        return m({ tagName: e.tag, classes: this._getChildClasses(e).join(" "), styles: e.styles, options: { isEditMode: this.isEditMode }, props: {
-          currentNode: this.currentNode,
-          debug: t,
-          key: e.id,
-          node: e,
-          onKeyDown: this.isEditMode ? this._handleNodeKeyDown : void 0,
-          onMouseLeave: this.isEditMode ? this._handleMouseOutNode : void 0,
-          onMouseEnter: this.isEditMode ? this._handleMouseOverNode : void 0,
-          utils: s,
-          ...e.properties
-        }, children: Object.values(e.slots ?? {}).map((o) => typeof o == "string" ? o : m({ tagName: o.tag, options: { isEditMode: this.isEditMode }, props: o.properties ?? {} })) });
-      } catch (o) {
-        return a.error(`Error rendering block with id ${e.id} in arcgis-layout-column:`, o), t ? i(e.id, r`<div class="layout-error"></div>`) : null;
-      }
-    }) ?? [];
+      }) ?? []
+    );
   }
 }
-p("arcgis-layout-column", N);
+p("arcgis-layout-column", $);
 export {
-  N as ArcgisLayoutColumn
+  $ as ArcgisLayoutColumn
 };

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

@@ -1,75 +1,75 @@
-import { c as $ } from "../../chunks/runtime.js";
+import { c as L } from "../../chunks/runtime.js";
 import { html as u } from "lit-html";
-import { LitElement as L, createEvent as b, noShadowRoot as v } from "@arcgis/lumina";
-import { createRef as m, ref as C } from "lit/directives/ref.js";
-import { css as w } from "@lit/reactive-element/css-tag.js";
-import { layoutNodeTags as _, cloneObject as h, Logger as d, deepFindById as E, getProp as S } from "@esri/hub-common";
-import { g as A } from "../../chunks/state.js";
-import { p as T } from "../../chunks/processLayout.js";
-import { c as x, b as f, i as p, a as g } from "../../chunks/typeGuards.js";
-import { g as P, i as M } from "../../chunks/interpolate-translations.js";
-import { u as k } from "../../chunks/useT9n.js";
+import { LitElement as v, createEvent as b, noShadowRoot as C } from "@arcgis/lumina";
+import { createRef as m, ref as E } from "lit/directives/ref.js";
+import { css as S } from "@lit/reactive-element/css-tag.js";
+import { layoutNodeTags as N, cloneObject as d, Logger as h, deepFindById as y, getProp as w } from "@esri/hub-common";
+import { g as M } from "../../chunks/state.js";
+import { p as k } from "../../chunks/processLayout.js";
+import { c as A, b as g, i as p, a as _ } from "../../chunks/typeGuards.js";
+import { g as x, i as T } from "../../chunks/interpolate-translations.js";
+import { u as P } from "../../chunks/useT9n.js";
 import { migrateSchema as O } from "@esri/hub-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.9/esri/copyright.txt for details.
-v0.9.1 */
-const I = w`@layer{arcgis-layout-container{display:block;--offsetTop: 0px;calcite-shell{position:static;font-size:inherit}}arcgis-layout-container[is-edit-mode]{height:calc(100vh - var(--offsetTop));calcite-panel>*{margin:1rem}}}`;
-function R(i, t) {
-  const e = ["order", "offset", "width"], s = [];
-  return e.forEach((o) => {
+See https://js.arcgis.com/0.10/esri/copyright.txt for details.
+v0.10.0 */
+const I = S`@layer{arcgis-layout-container{display:block;--offsetTop: 0px;calcite-shell{position:static;font-size:inherit}}arcgis-layout-container[is-edit-mode]{height:calc(100vh - var(--offsetTop));calcite-panel>*{margin:1rem}}}`;
+function V(i, t) {
+  const s = ["order", "offset", "width"], o = [];
+  return s.forEach((e) => {
     let r;
-    f(i) && (r = i.sectionProps?.[o]), p(i) && (r = i.rowProps?.[o]), g(i) && (r = i.columnProps?.[o]), typeof r == "number" ? (r < 0 || r > 12) && s.push(`Node "${i.id}": ${t} > ${o} out of range (0-12): ${r}`) : typeof r == "object" && Object.entries(r).forEach(([a, n]) => {
-      typeof n == "number" && (n < 0 || n > 12) && s.push(`Node "${i.id}": ${t} > ${o}.${a} out of range (0-12): ${n}`);
+    g(i) && (r = i.sectionProps?.[e]), p(i) && (r = i.rowProps?.[e]), _(i) && (r = i.columnProps?.[e]), typeof r == "number" ? (r < 0 || r > 12) && o.push(`Node "${i.id}": ${t} > ${e} out of range (0-12): ${r}`) : typeof r == "object" && Object.entries(r).forEach(([a, n]) => {
+      typeof n == "number" && (n < 0 || n > 12) && o.push(`Node "${i.id}": ${t} > ${e}.${a} out of range (0-12): ${n}`);
     });
-  }), s;
+  }), o;
 }
-function V(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(...R(i, t)), (f(i) || p(i) || g(i)) && (!i.children || !Array.isArray(i.children) || i.children.length === 0) && o.push(`Node "${i.id}": ${t} > missing or empty children array.`), o;
+function R(i, t, s, o) {
+  const e = [];
+  return i.id || e.push(`${t} > missing required id.`), i.tag || e.push(`${t} > missing required tag.`), i.id && (s.has(i.id) && e.push(`Node "${i.id}": ${t} > duplicate id: "${i.id}"`), s.add(i.id)), o.includes(i.tag) || e.push(`Node "${i.id}": ${t} > has invalid tag: ${i.tag}`), e.push(...V(i, t)), (g(i) || p(i) || _(i)) && (!i.children || !Array.isArray(i.children) || i.children.length === 0) && e.push(`Node "${i.id}": ${t} > missing or empty children array.`), e;
 }
-function y({ node: i, nodePath: t, idSet: e, validTags: s, errors: o }) {
+function f({ node: i, nodePath: t, idSet: s, validTags: o, errors: e }) {
   if (i.tag === "arcgis-nav-card") {
     const r = i.properties;
-    r && typeof r == "object" && Array.isArray(r.sections) && r.sections.forEach((n, c) => {
-      const l = `${t}.sections[${c}]`;
-      y({
+    r && typeof r == "object" && Array.isArray(r.sections) && r.sections.forEach((n, l) => {
+      const c = `${t}.sections[${l}]`;
+      f({
         node: n,
-        nodePath: l,
-        idSet: e,
+        nodePath: c,
+        idSet: s,
         validTags: ["arcgis-layout-section"],
-        errors: o
+        errors: e
       });
     });
   }
-  o.push(...V(i, t, e, s)), Array.isArray(i.children) && i.children.forEach((r, a) => {
-    let n = `${t}.Child[${a}]`, c = Array.from(_);
-    f(i) ? (c = ["arcgis-layout-row"], n = `${t}.Row[${a}]`) : p(i) ? (c = ["arcgis-layout-column"], n = `${t}.Column[${a}]`) : g(i) && (c = Array.from(_).filter(
-      (l) => l !== "arcgis-layout-column" && l !== "arcgis-layout-section"
-    )), y({
+  e.push(...R(i, t, s, o)), Array.isArray(i.children) && i.children.forEach((r, a) => {
+    let n = `${t}.Child[${a}]`, l = Array.from(N);
+    g(i) ? (l = ["arcgis-layout-row"], n = `${t}.Row[${a}]`) : p(i) ? (l = ["arcgis-layout-column"], n = `${t}.Column[${a}]`) : _(i) && (l = Array.from(N).filter(
+      (c) => c !== "arcgis-layout-column" && c !== "arcgis-layout-section"
+    )), f({
       node: r,
       nodePath: n,
-      idSet: e,
-      validTags: c,
-      errors: o
+      idSet: s,
+      validTags: l,
+      errors: e
     });
   });
 }
 function j(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 (x(s)) {
-      t.push(`Section[${o}] is a reference and cannot be a direct child.`);
+  const t = [], s = /* @__PURE__ */ new Set();
+  return i ? typeof i != "object" ? (t.push("Layout must be an object."), t) : !i.sections.length || !Array.isArray(i.sections) ? (t.push("Layout must have a sections array."), t) : (i.sections.forEach((o, e) => {
+    if (A(o)) {
+      t.push(`Section[${e}] is a reference and cannot be a direct child.`);
       return;
     }
-    const r = s, a = `Section[${o}]`;
-    y({
+    const r = o, a = `Section[${e}]`;
+    f({
       node: r,
       nodePath: a,
-      idSet: e,
+      idSet: s,
       validTags: ["arcgis-layout-section"],
       errors: t
     });
-  }), console.log("idSet:", e), t) : (t.push("Layout must be defined."), t);
+  }), console.log("idSet:", s), t) : (t.push("Layout must be defined."), t);
 }
 async function U(i) {
   switch (i) {
@@ -81,46 +81,46 @@ async function U(i) {
   }
 }
 function F(i) {
-  const t = h(i);
+  const t = d(i);
   return t.schemaVersion = 2, t;
 }
 const H = {
   2: F
 };
 async function q(i) {
-  const t = O(i, H), e = await Promise.all(
-    t.sections.map(async (s) => await N(s))
+  const t = O(i, H), s = await Promise.all(
+    t.sections.map(async (o) => await $(o))
   );
-  return t.sections = e, t;
+  return t.sections = s, t;
 }
-async function N(i) {
-  const e = (await U(i.tag))(i);
-  return Array.isArray(e.children) && (e.children = await Promise.all(
-    e.children.map(async (s) => await N(s))
-  )), e;
+async function $(i) {
+  const s = (await U(i.tag))(i);
+  return Array.isArray(s.children) && (s.children = await Promise.all(
+    s.children.map(async (o) => await $(o))
+  )), s;
 }
-class z extends L {
+class z extends v {
   constructor() {
-    super(), this._messages = k(), this._nodeControlsEl = m(), this._initShell = () => {
+    super(), this._messages = P(), this._nodeControlsEl = m(), this._initShell = () => {
       const t = this.el;
       t.style.setProperty("--offsetTop", `${t.offsetTop}px`);
     }, this._layoutNodeEditor = m(), this._handleExitEditMode = async (t) => {
       t.stopPropagation(), this.arcgisHubLayoutEditorExit.emit();
     }, this._handlePublishLayout = async () => {
-      d.log("HANDLE LAYOUT PUBLISH >>>", this.layout);
-    }, this._layoutErrors = [], this._historyStack = [], this._historyIdx = -1, this.debug = !1, this.isEditMode = !1, this.options = {}, this.arcgisHubLayoutEditorExit = b(), this.listen("arcgisLayoutNodeChange", async (t) => await this._handleLayoutNodeEditorChange(t)), this.listen("arcgisLayoutNodeActivate", (t) => this._handleNodeMouseEnter(t)), this.listen("arcgisLayoutNodeDeactivate", (t) => this._handleNodeMouseLeave(t)), this.listen("arcgisLayoutNodeEditorOpen", () => this._handleLayoutNodeEditorOpen()), this.listenOn(window, "resize", this._initShell);
+      h.log("HANDLE LAYOUT PUBLISH >>>", this.layout);
+    }, this._layoutErrors = [], this._historyStack = [], this._historyIdx = -1, this.debug = !1, this.isEditMode = !1, this.options = {}, this.arcgisHubLayoutEditorExit = b(), this.listen("arcgisLayoutNodeChange", async (t) => await this._handleLayoutNodeEditorChange(t)), this.listen("arcgisLayoutNodeVisibilityChange", async (t) => await this._handleLayoutNodeVisibilityChange(t)), this.listen("arcgisLayoutNodeActivate", (t) => this._handleNodeMouseEnter(t)), this.listen("arcgisLayoutNodeDeactivate", (t) => this._handleNodeMouseLeave(t)), this.listen("arcgisLayoutNodeEditorOpen", () => this._handleLayoutNodeEditorOpen()), this.listenOn(window, "resize", this._initShell);
   }
   static {
     this.properties = { _processedLayout: 16, _layoutErrors: 16, _currentNode: 16, _currentElement: 16, _layoutNodeEditorConfig: 16, _historyStack: 16, _historyIdx: 16, layout: 0, debug: 7, isEditMode: 7, options: 0 };
   }
   static {
-    this.shadowRootOptions = v;
+    this.shadowRootOptions = C;
   }
   static {
     this.styles = I;
   }
   get _context() {
-    return A();
+    return M();
   }
   connectedCallback() {
     super.connectedCallback(), this._initShell();
@@ -130,31 +130,35 @@ class z extends L {
   }
   async _init() {
     const t = await q(this.layout);
-    this._layout = h(t), this._processedLayout = await this._validateAndProcess(this._layout, this.options), this._historyStack = [this._processedLayout], this._historyIdx = 0;
+    this._layout = d(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 } = t.detail, r = h(this._layout), a = E(r, s);
+    const { layoutNodeConfig: s, id: o, values: e } = t.detail, r = d(this._layout), a = y(r, o);
     if (a) {
-      const n = e.valuesProp, c = S(e, "editor.valuesOutCallback") || ((l) => l);
-      a.properties && n ? a.properties[n] = c(o) : a.properties = c(o), this._layout = r, this._processedLayout = await this._validateAndProcess(r, this.options), 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;
+      const n = s.valuesProp, l = w(s, "editor.valuesOutCallback") || ((c) => c);
+      a.properties && n ? a.properties[n] = l(e) : a.properties = l(e), this._layout = r, this._processedLayout = await this._validateAndProcess(r, this.options), 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;
     }
   }
-  async _validateAndProcess(t, e) {
-    const s = j(t);
-    return this._layoutErrors = s, s.length > 0 && !this.debug && d.error("Layout validation errors:", s), await T(t, e, this._context);
+  async _handleLayoutNodeVisibilityChange(t) {
+    const { id: s } = t.detail, o = d(this._layout), e = y(o, s);
+    e && (e.visibility || (e.visibility = { kind: "static", value: !0 }), e.visibility.kind === "static" && (e.visibility.value = !e.visibility.value), this._currentNode = e, this._layout = o, this._processedLayout = await this._validateAndProcess(o, this.options), 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);
+  }
+  async _validateAndProcess(t, s) {
+    const o = j(t);
+    return this._layoutErrors = o, o.length > 0 && !this.debug && h.error("Layout validation errors:", o), await k(t, s, this._context);
   }
   _handleNodeMouseEnter(t) {
-    t.stopPropagation(), d.debug("MOUSE OVER EVENT >>>", t);
-    const e = t.detail, s = e.dataset.nodeId || "";
-    if (s) {
-      const o = E(this._processedLayout, s);
-      o ? this._currentNode !== o && this._currentElement !== e && (this._currentNode = o, this._currentElement = e) : d.warn(`No node found for target with id ${s}`);
+    t.stopPropagation(), h.debug("MOUSE OVER EVENT >>>", t);
+    const s = t.detail, o = s.dataset.nodeId || "";
+    if (o) {
+      const e = y(this._processedLayout, o);
+      e ? this._currentNode !== e && this._currentElement !== s && (this._currentNode = e, this._currentElement = s) : h.warn(`No node found for target with id ${o}`);
     }
   }
   _handleNodeMouseLeave(t) {
-    t.stopPropagation(), d.debug("MOUSE OUT EVENT >>>", t);
-    const e = t.detail;
-    !this._nodeControlsEl.value.matches(":hover") && this._currentElement === e && (this._currentNode = void 0, this._currentElement = void 0);
+    t.stopPropagation(), h.debug("MOUSE OUT EVENT >>>", t);
+    const s = t.detail;
+    !this._nodeControlsEl.value.matches(":hover") && this._currentElement === s && (this._currentNode = void 0, this._currentElement = void 0);
   }
   _handleNodeControlsMouseOut() {
     this._currentElement?.matches(":hover") || (this._currentNode = void 0, this._currentElement = void 0);
@@ -162,10 +166,10 @@ class z extends L {
   _handleLayoutNodeEditorOpen() {
     if (!this._currentElement || !this._currentNode)
       return;
-    let t = P(this._currentElement, this._currentNode);
-    t && (t = M(this._messages, t)), this._layoutNodeEditorConfig = {
-      layoutNodeConfig: h(t),
-      layoutNode: h(this._currentNode)
+    let t = x(this._currentElement, this._currentNode);
+    t && (t = T(this._messages, t)), this._layoutNodeEditorConfig = {
+      layoutNodeConfig: d(t),
+      layoutNode: d(this._currentNode)
     };
   }
   renderEditToolbar() {
@@ -173,21 +177,22 @@ class z extends L {
     return this.isEditMode && (t = u`<arcgis-layout-editor-toolbar .exitEditMode=${this._handleExitEditMode} .publishLayout=${this._handlePublishLayout} slot=header></arcgis-layout-editor-toolbar>`), t;
   }
   renderNodeControls() {
-    return void 0;
+    let t;
+    return this.isEditMode && this._currentElement && this._currentNode && (t = u`<arcgis-layout-node-controls .layoutNodeEditorRef=${this._layoutNodeEditor.value} .isEditMode=${this.isEditMode} .messages=${this._messages} .node=${this._currentNode} @mouseout=${this._handleNodeControlsMouseOut} .referenceElement=${this._currentElement} style="position: absolute;" ${E(this._nodeControlsEl)}></arcgis-layout-node-controls>`), t;
   }
   renderEditor() {
     if (this.isEditMode) {
       const t = this._layoutNodeEditorConfig;
       if (t?.layoutNodeConfig?.editor)
-        return u`<calcite-shell-panel position=end slot=panel-end><calcite-panel><arcgis-layout-node-editor .layoutNodeConfig=${t.layoutNodeConfig} .node=${t.layoutNode} ${C(this._layoutNodeEditor)}></arcgis-layout-node-editor></calcite-panel></calcite-shell-panel>`;
+        return u`<calcite-shell-panel position=end slot=panel-end><calcite-panel><arcgis-layout-node-editor .layoutNodeConfig=${t.layoutNodeConfig} .node=${t.layoutNode} ${E(this._layoutNodeEditor)}></arcgis-layout-node-editor></calcite-panel></calcite-shell-panel>`;
     }
     return null;
   }
   render() {
-    return u`<calcite-shell>${this.renderEditToolbar()}${this.renderNodeControls()}${this.renderEditor()}<arcgis-layout .currentNode=${this._currentNode} .debug=${this.debug} .layout=${this._processedLayout} .options=${this.options}></arcgis-layout></calcite-shell>`;
+    return u`<calcite-shell>${this.renderEditToolbar()}${this.renderNodeControls()}${this.renderEditor()}<arcgis-layout .currentNode=${this._currentNode} .debug=${this.debug} .isEditMode=${this.isEditMode} .layout=${this._processedLayout} .options=${this.options}></arcgis-layout></calcite-shell>`;
   }
 }
-$("arcgis-layout-container", z);
+L("arcgis-layout-container", z);
 export {
   z as ArcgisLayoutContainer
 };

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

@@ -1,4 +1,5 @@
 import "../arcgis-layout-editor-toolbar/index.js";
+import "../arcgis-layout-node-controls/index.js";
 import "@esri/calcite-components/components/calcite-shell-panel";
 import "@esri/calcite-components/components/calcite-panel";
 import "../arcgis-layout-node-editor/index.js";

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

@@ -1,4 +1,5 @@
 import "../arcgis-layout-editor-toolbar/index.js";
+import "../arcgis-layout-node-controls/index.js";
 import "@esri/calcite-components/components/calcite-shell-panel";
 import "@esri/calcite-components/components/calcite-panel";
 import "../arcgis-layout-node-editor/index.js";

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

@@ -4,8 +4,8 @@ import { LitElement as o } from "@arcgis/lumina";
 import { css as s } from "@lit/reactive-element/css-tag.js";
 import { u as a } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.9/esri/copyright.txt for details.
-v0.9.1 */
+See https://js.arcgis.com/0.10/esri/copyright.txt for details.
+v0.10.0 */
 const c = s`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 l extends o {
   constructor() {

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

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { HTMLConfigurableLayoutNodeElement, LayoutNode } from '@esri/hub-common';
+import { HTMLConfigurableLayoutNodeElement, ILayoutNodeChangeEventDetail, LayoutNode } from '@esri/hub-common';
 import { ArcgisLayoutContainer } from '../arcgis-layout-container/customElement.js';
 import { ArcgisLayoutNodeEditor } from '../arcgis-layout-node-editor/customElement.js';
 
@@ -20,6 +20,18 @@ export declare class ArcgisLayoutNodeControls extends LitElement {
     /** The t9n strings used in the layout node controls */
     messages: ArcgisLayoutContainer["_messages"];
     layoutNodeEditorRef?: ArcgisLayoutNodeEditor;
+    /** Event emitted for telemetry */
+    readonly hubTelemetry: TargetedEvent<this, Record<string, unknown>>;
     /** Event emitted when editor is opened */
     readonly arcgisLayoutNodeEditorOpen: TargetedEvent<this, void>;
+    /**
+     * Emitted when the node changes (e.g. the node's
+     * visibility settings).
+     *
+     * Note: leveraging the ILayoutNodeChangeEventDetail
+     * interface sets us up for a future where node
+     * visibility will be managed via a more advanced
+     * editor (as opposed to simple toggle).
+     */
+    readonly arcgisLayoutNodeVisibilityChange: TargetedEvent<this, ILayoutNodeChangeEventDetail>;
 }