@esri/hub-web-components 0.16.2 → 0.18.0

package/dist/components/arcgis-hub-entity-view-layout/index.d.ts

@@ -0,0 +1,4 @@
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-alert";
+import "../arcgis-layout-container/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,4 @@
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-alert";
+import "../arcgis-layout-container/index.js";
+export * from "./customElement.js";

package/dist/components/arcgis-hub-entity-view-layout/utils/buildDefaultEntityLayout.d.ts

@@ -0,0 +1,5 @@
+import { HubEntity, ILayout, IArcGISContext } from '@esri/hub-common';
+/**
+ * Build a default layout for a generic entity
+ */
+export declare const buildDefaultEntityLayout: (entity: HubEntity, _context: IArcGISContext | undefined) => Promise<ILayout>;

package/dist/components/arcgis-hub-entity-view-layout/utils/buildDefaultProjectLayout.d.ts

@@ -0,0 +1,5 @@
+import { ILayout, IArcGISContext, IHubProject } from '@esri/hub-common';
+/**
+ * Build a default layout for a project entity view
+ */
+export declare const buildDefaultProjectLayout: (project: IHubProject, context: IArcGISContext | undefined) => Promise<ILayout>;

package/dist/components/arcgis-hub-entity-view-layout/utils/buildLayoutFromEntityView.d.ts

@@ -0,0 +1,7 @@
+import { HubEntity, IArcGISContext, ILayout } from '@esri/hub-common';
+/**
+ * Build a default layout for an entity view
+ * based on the entity type. We delegate to
+ * type-specific builder functions.
+ */
+export declare const buildLayoutFromEntityView: (entity: HubEntity, context: IArcGISContext) => Promise<ILayout | undefined>;

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

@@ -2,30 +2,45 @@
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { ILayout, SectionOrRef, IProcessLayoutOptions, ILayoutNode, HTMLConfigurableLayoutNodeElement } from '@esri/hub-common';
 
-/** A web component for rendering an ILayout */
+/**
+ * Web component for rendering an ILayout. Orchestrates
+ * the rendering of sections, rows, columns, and cards
+ * as defined by the layout JSON.
+ */
 export declare class ArcgisLayout extends LitElement {
-    /** The layout to render */
+    /** The layout to render. */
     layout: ILayout | undefined;
     /**
-     * Enables debug mode
+     * Enables debug mode.
      *
      * @default false
      */
     debug: boolean;
     /**
-     * Whether the layout is in edit mode
+     * Whether the layout is in edit mode.
      *
      * @default false
      */
     isEditMode: boolean;
-    /** Options for processing the layout */
+    /** Options for processing the layout. */
     options: IProcessLayoutOptions;
     /**
-     * The currently focused/hovered node. This is
-     * tracked in order to show the node's configuration
-     * controls and "active" state in the UI.
+     * The currently focused/hovered node. Used to show
+     * configuration controls and active state in the UI.
      */
     highlightedNode?: ILayoutNode;
+    /**
+     * Public method that returns the DOM element for a
+     * layout node by id. Used for highlighting or
+     * scrolling to a node in the layout.
+     *
+     * @param nodeId - The id of the node
+     * @returns The HTML element for the node, if found
+     */
     getCardEl(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>;
+    /**
+     * Event emitted when the layout has finished
+     * rendering.
+     */
     readonly arcgisHubLayoutRendered: TargetedEvent<this, void>;
 }

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.16/esri/copyright.txt for details.
-v0.16.2 */
+See https://js.arcgis.com/0.18/esri/copyright.txt for details.
+v0.18.0 */
 const d = r`:host{font-family:inherit;display:block;box-sizing:border-box;container-type:inline-size;--hub-layout-spacing-x: 1.5rem;--hub-layout-spacing-y: 1rem}#layout-container{contain:layout;padding:0;margin:0;box-sizing:border-box}arcgis-layout-section{box-sizing:border-box;display:flex;flex-direction:column;padding-block:var(--hub-layout-spacing-y);gap:var(--hub-layout-spacing-y);justify-content:space-between;margin:0 auto}arcgis-layout-section.section,arcgis-layout-section.section-fluid,arcgis-layout-section.section-sm,arcgis-layout-section.section-md,arcgis-layout-section.section-lg,arcgis-layout-section.section-xl,arcgis-layout-section.section-xxl{width:100%;padding-inline:calc(var(--hub-layout-spacing-x) * .5)}arcgis-nav-card{calcite-tabs{margin-inline:-4px}calcite-tab{>arcgis-layout-section.section,>arcgis-layout-section.section-fluid,>arcgis-layout-section.section-sm,>arcgis-layout-section.section-md,>arcgis-layout-section.section-lg,>arcgis-layout-section.section-xl,>arcgis-layout-section.section-xxl{padding-inline:4px;overflow:hidden}}}@container (min-width: 576px){arcgis-layout-section.section,arcgis-layout-section.section-sm{max-width:540px}}@container (min-width: 768px){arcgis-layout-section.section,arcgis-layout-section.section-sm,arcgis-layout-section.section-md{max-width:720px}}@container (min-width: 992px){arcgis-layout-section.section,arcgis-layout-section.section-sm,arcgis-layout-section.section-md,arcgis-layout-section.section-lg{max-width:960px}}@container (min-width: 1200px){arcgis-layout-section.section,arcgis-layout-section.section-sm,arcgis-layout-section.section-md,arcgis-layout-section.section-lg,arcgis-layout-section.section-xl{max-width:1140px}}@container (min-width: 1440px){arcgis-layout-section.section,arcgis-layout-section.section-sm,arcgis-layout-section.section-md,arcgis-layout-section.section-lg,arcgis-layout-section.section-xl,arcgis-layout-section.section-xxl{max-width:1320px}}arcgis-layout-row{display:flex;flex-wrap:wrap;box-sizing:border-box;margin-inline:calc(var(--hub-layout-spacing-x) * -.5);row-gap:var(--hub-layout-spacing-y)}arcgis-layout-row.align-items-start{align-items:flex-start}arcgis-layout-row.align-items-end{align-items:flex-end}arcgis-layout-row.align-items-center{align-items:center}arcgis-layout-row.align-items-baseline{align-items:baseline}arcgis-layout-row.align-items-stretch{align-items:stretch}arcgis-layout-column{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;flex:0 0;max-width:100%;padding-inline:calc(var(--hub-layout-spacing-x) * .5)}arcgis-layout-section.no-gutters{padding-inline:0}arcgis-hub-layout-row.align-items-stretch>arcgis-layout-column>*,arcgis-hub-layout-row.align-self-stretch>arcgis-layout-column>*{height:100%}arcgis-layout-column.col,arcgis-layout-column:not([class*=col-]){flex:1 1 0%;max-width:100%}arcgis-layout-column[class^=col-md-],arcgis-layout-column[class^=col-lg-],arcgis-layout-column[class^=col-xl-]{flex:1 1 100%;max-width:100%}arcgis-layout-column.col-1{flex:1 1 100%;max-width:8.333333%}arcgis-layout-column.col-2{flex:1 1 100%;max-width:16.666667%}arcgis-layout-column.col-3{flex:1 1 100%;max-width:25%}arcgis-layout-column.col-4{flex:1 1 100%;max-width:33.333333%}arcgis-layout-column.col-5{flex:1 1 100%;max-width:41.666667%}arcgis-layout-column.col-6{flex:1 1 100%;max-width:50%}arcgis-layout-column.col-7{flex:1 1 100%;max-width:58.333333%}arcgis-layout-column.col-8{flex:1 1 100%;max-width:66.666667%}arcgis-layout-column.col-9{flex:1 1 100%;max-width:75%}arcgis-layout-column.col-10{flex:1 1 100%;max-width:83.333333%}arcgis-layout-column.col-11{flex:1 1 100%;max-width:91.666667%}arcgis-layout-column.col-12{flex:1 1 100%;max-width:100%}@container (min-width: 576px){arcgis-layout-column.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}arcgis-layout-column.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}arcgis-layout-column.col-sm-3{flex:0 0 25%;max-width:25%}arcgis-layout-column.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}arcgis-layout-column.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}arcgis-layout-column.col-sm-6{flex:0 0 50%;max-width:50%}arcgis-layout-column.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}arcgis-layout-column.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}arcgis-layout-column.col-sm-9{flex:0 0 75%;max-width:75%}arcgis-layout-column.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}arcgis-layout-column.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}arcgis-layout-column.col-sm-12{flex:0 0 100%;max-width:100%}}@container (min-width: 768px){arcgis-layout-column.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}arcgis-layout-column.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}arcgis-layout-column.col-md-3{flex:0 0 25%;max-width:25%}arcgis-layout-column.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}arcgis-layout-column.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}arcgis-layout-column.col-md-6{flex:0 0 50%;max-width:50%}arcgis-layout-column.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}arcgis-layout-column.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}arcgis-layout-column.col-md-9{flex:0 0 75%;max-width:75%}arcgis-layout-column.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}arcgis-layout-column.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}arcgis-layout-column.col-md-12{flex:0 0 100%;max-width:100%}}@container (min-width: 992px){arcgis-layout-column.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}arcgis-layout-column.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}arcgis-layout-column.col-lg-3{flex:0 0 25%;max-width:25%}arcgis-layout-column.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}arcgis-layout-column.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}arcgis-layout-column.col-lg-6{flex:0 0 50%;max-width:50%}arcgis-layout-column.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}arcgis-layout-column.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}arcgis-layout-column.col-lg-9{flex:0 0 75%;max-width:75%}arcgis-layout-column.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}arcgis-layout-column.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}arcgis-layout-column.col-lg-12{flex:0 0 100%;max-width:100%}}@container (min-width: 1440px){arcgis-layout-column.col-xxl-1{flex:0 0 8.333333%;max-width:8.333333%}arcgis-layout-column.col-xxl-2{flex:0 0 16.666667%;max-width:16.666667%}arcgis-layout-column.col-xxl-3{flex:0 0 25%;max-width:25%}arcgis-layout-column.col-xxl-4{flex:0 0 33.333333%;max-width:33.333333%}arcgis-layout-column.col-xxl-5{flex:0 0 41.666667%;max-width:41.666667%}arcgis-layout-column.col-xxl-6{flex:0 0 50%;max-width:50%}arcgis-layout-column.col-xxl-7{flex:0 0 58.333333%;max-width:58.333333%}arcgis-layout-column.col-xxl-8{flex:0 0 66.666667%;max-width:66.666667%}arcgis-layout-column.col-xxl-9{flex:0 0 75%;max-width:75%}arcgis-layout-column.col-xxl-10{flex:0 0 83.333333%;max-width:83.333333%}arcgis-layout-column.col-xxl-11{flex:0 0 91.666667%;max-width:91.666667%}arcgis-layout-column.col-xxl-12{flex:0 0 100%;max-width:100%}}arcgis-layout-column.offset-1{margin-left:8.333333%}arcgis-layout-column.offset-2{margin-left:16.666667%}arcgis-layout-column.offset-3{margin-left:25%}arcgis-layout-column.offset-4{margin-left:33.333333%}arcgis-layout-column.offset-5{margin-left:41.666667%}arcgis-layout-column.offset-6{margin-left:50%}arcgis-layout-column.offset-7{margin-left:58.333333%}arcgis-layout-column.offset-8{margin-left:66.666667%}arcgis-layout-column.offset-9{margin-left:75%}arcgis-layout-column.offset-10{margin-left:83.333333%}arcgis-layout-column.offset-11{margin-left:91.666667%}arcgis-layout-column.offset-12{margin-left:100%}@container (min-width: 576px){arcgis-layout-column.offset-sm-1{margin-left:8.333333%}arcgis-layout-column.offset-sm-2{margin-left:16.666667%}arcgis-layout-column.offset-sm-3{margin-left:25%}arcgis-layout-column.offset-sm-4{margin-left:33.333333%}arcgis-layout-column.offset-sm-5{margin-left:41.666667%}arcgis-layout-column.offset-sm-6{margin-left:50%}arcgis-layout-column.offset-sm-7{margin-left:58.333333%}arcgis-layout-column.offset-sm-8{margin-left:66.666667%}arcgis-layout-column.offset-sm-9{margin-left:75%}arcgis-layout-column.offset-sm-10{margin-left:83.333333%}arcgis-layout-column.offset-sm-11{margin-left:91.666667%}arcgis-layout-column.offset-sm-12{margin-left:100%}}@container (min-width: 768px){arcgis-layout-column.offset-md-1{margin-left:8.333333%}arcgis-layout-column.offset-md-2{margin-left:16.666667%}arcgis-layout-column.offset-md-3{margin-left:25%}arcgis-layout-column.offset-md-4{margin-left:33.333333%}arcgis-layout-column.offset-md-5{margin-left:41.666667%}arcgis-layout-column.offset-md-6{margin-left:50%}arcgis-layout-column.offset-md-7{margin-left:58.333333%}arcgis-layout-column.offset-md-8{margin-left:66.666667%}arcgis-layout-column.offset-md-9{margin-left:75%}arcgis-layout-column.offset-md-10{margin-left:83.333333%}arcgis-layout-column.offset-md-11{margin-left:91.666667%}arcgis-layout-column.offset-md-12{margin-left:100%}}@container (min-width: 992px){arcgis-layout-column.offset-lg-1{margin-left:8.333333%}arcgis-layout-column.offset-lg-2{margin-left:16.666667%}arcgis-layout-column.offset-lg-3{margin-left:25%}arcgis-layout-column.offset-lg-4{margin-left:33.333333%}arcgis-layout-column.offset-lg-5{margin-left:41.666667%}arcgis-layout-column.offset-lg-6{margin-left:50%}arcgis-layout-column.offset-lg-7{margin-left:58.333333%}arcgis-layout-column.offset-lg-8{margin-left:66.666667%}arcgis-layout-column.offset-lg-9{margin-left:75%}arcgis-layout-column.offset-lg-10{margin-left:83.333333%}arcgis-layout-column.offset-lg-11{margin-left:91.666667%}arcgis-layout-column.offset-lg-12{margin-left:100%}}@container (min-width: 1200px){arcgis-layout-column.offset-xl-1{margin-left:8.333333%}arcgis-layout-column.offset-xl-2{margin-left:16.666667%}arcgis-layout-column.offset-xl-3{margin-left:25%}arcgis-layout-column.offset-xl-4{margin-left:33.333333%}arcgis-layout-column.offset-xl-5{margin-left:41.666667%}arcgis-layout-column.offset-xl-6{margin-left:50%}arcgis-layout-column.offset-xl-7{margin-left:58.333333%}arcgis-layout-column.offset-xl-8{margin-left:66.666667%}arcgis-layout-column.offset-xl-9{margin-left:75%}arcgis-layout-column.offset-xl-10{margin-left:83.333333%}arcgis-layout-column.offset-xl-11{margin-left:91.666667%}arcgis-layout-column.offset-xl-12{margin-left:100%}}@container (min-width: 1440px){arcgis-layout-column.offset-xxl-1{margin-left:8.333333%}arcgis-layout-column.offset-xxl-2{margin-left:16.666667%}arcgis-layout-column.offset-xxl-3{margin-left:25%}arcgis-layout-column.offset-xxl-4{margin-left:33.333333%}arcgis-layout-column.offset-xxl-5{margin-left:41.666667%}arcgis-layout-column.offset-xxl-6{margin-left:50%}arcgis-layout-column.offset-xxl-7{margin-left:58.333333%}arcgis-layout-column.offset-xxl-8{margin-left:66.666667%}arcgis-layout-column.offset-xxl-9{margin-left:75%}arcgis-layout-column.offset-xxl-10{margin-left:83.333333%}arcgis-layout-column.offset-xxl-11{margin-left:91.666667%}arcgis-layout-column.offset-xxl-12{margin-left:100%}}arcgis-layout-column.align-self-auto{align-self:auto}arcgis-layout-column.align-self-baseline{align-self:baseline}arcgis-layout-column.align-self-start{align-self:flex-start}arcgis-layout-column.align-self-center{align-self:center}arcgis-layout-column.align-self-end{align-self:flex-end}arcgis-layout-column.align-self-stretch{align-self:stretch}@container (min-width: 576px){arcgis-layout-column.align-self-sm-auto{align-self:auto}arcgis-layout-column.align-self-sm-baseline{align-self:baseline}arcgis-layout-column.align-self-sm-start{align-self:flex-start}arcgis-layout-column.align-self-sm-center{align-self:center}arcgis-layout-column.align-self-sm-end{align-self:flex-end}arcgis-layout-column.align-self-sm-stretch{align-self:stretch}}@container (min-width: 768px){arcgis-layout-column.align-self-md-auto{align-self:auto}arcgis-layout-column.align-self-md-baseline{align-self:baseline}arcgis-layout-column.align-self-md-start{align-self:flex-start}arcgis-layout-column.align-self-md-center{align-self:center}arcgis-layout-column.align-self-md-end{align-self:flex-end}arcgis-layout-column.align-self-md-stretch{align-self:stretch}}@container (min-width: 992px){arcgis-layout-column.align-self-lg-auto{align-self:auto}arcgis-layout-column.align-self-lg-baseline{align-self:baseline}arcgis-layout-column.align-self-lg-start{align-self:flex-start}arcgis-layout-column.align-self-lg-center{align-self:center}arcgis-layout-column.align-self-lg-end{align-self:flex-end}arcgis-layout-column.align-self-lg-stretch{align-self:stretch}}@container (min-width: 1200px){arcgis-layout-column.align-self-xl-auto{align-self:auto}arcgis-layout-column.align-self-xl-baseline{align-self:baseline}arcgis-layout-column.align-self-xl-start{align-self:flex-start}arcgis-layout-column.align-self-xl-center{align-self:center}arcgis-layout-column.align-self-xl-end{align-self:flex-end}arcgis-layout-column.align-self-xl-stretch{align-self:stretch}}@container (min-width: 1440px){arcgis-layout-column.align-self-xxl-auto{align-self:auto}arcgis-layout-column.align-self-xxl-baseline{align-self:baseline}arcgis-layout-column.align-self-xxl-start{align-self:flex-start}arcgis-layout-column.align-self-xxl-center{align-self:center}arcgis-layout-column.align-self-xxl-end{align-self:flex-end}arcgis-layout-column.align-self-xxl-stretch{align-self:stretch}}arcgis-layout-column.align-items-baseline{align-items:baseline}arcgis-layout-column.align-items-center{align-items:center}arcgis-layout-column.align-items-end{align-items:flex-end}arcgis-layout-column.align-items-start{align-items:flex-start}arcgis-layout-column.align-items-stretch{align-items:stretch}@container (min-width: 576px){arcgis-layout-column.align-items-sm-baseline{align-items:baseline}arcgis-layout-column.align-items-sm-start{align-items:flex-start}arcgis-layout-column.align-items-sm-center{align-items:center}arcgis-layout-column.align-items-sm-end{align-items:flex-end}arcgis-layout-column.align-items-sm-stretch{align-items:stretch}}@container (min-width: 768px){arcgis-layout-column.align-items-md-baseline{align-items:baseline}arcgis-layout-column.align-items-md-start{align-items:flex-start}arcgis-layout-column.align-items-md-center{align-items:center}arcgis-layout-column.align-items-md-end{align-items:flex-end}arcgis-layout-column.align-items-md-stretch{align-items:stretch}}@container (min-width: 992px){arcgis-layout-column.align-items-lg-baseline{align-items:baseline}arcgis-layout-column.align-items-lg-start{align-items:flex-start}arcgis-layout-column.align-items-lg-center{align-items:center}arcgis-layout-column.align-items-lg-end{align-items:flex-end}arcgis-layout-column.align-items-lg-stretch{align-items:stretch}}@container (min-width: 1200px){arcgis-layout-column.align-items-xl-baseline{align-items:baseline}arcgis-layout-column.align-items-xl-start{align-items:flex-start}arcgis-layout-column.align-items-xl-center{align-items:center}arcgis-layout-column.align-items-xl-end{align-items:flex-end}arcgis-layout-column.align-items-xl-stretch{align-items:stretch}}@container (min-width: 1440px){arcgis-layout-column.align-items-xxl-baseline{align-items:baseline}arcgis-layout-column.align-items-xxl-start{align-items:flex-start}arcgis-layout-column.align-items-xxl-center{align-items:center}arcgis-layout-column.align-items-xxl-end{align-items:flex-end}arcgis-layout-column.align-items-xxl-stretch{align-items:stretch}}arcgis-layout-column.justify-content-start{justify-content:flex-start}arcgis-layout-column.justify-content-end{justify-content:flex-end}arcgis-layout-column.justify-content-center{justify-content:center}arcgis-layout-column.justify-content-between{justify-content:space-between}arcgis-layout-column.justify-content-around{justify-content:space-around}arcgis-layout-column.justify-content-evenly{justify-content:space-evenly}@container (min-width: 576px){arcgis-layout-column.justify-content-sm-start{justify-content:flex-start}arcgis-layout-column.justify-content-sm-end{justify-content:flex-end}arcgis-layout-column.justify-content-sm-center{justify-content:center}arcgis-layout-column.justify-content-sm-between{justify-content:space-between}arcgis-layout-column.justify-content-sm-around{justify-content:space-around}arcgis-layout-column.justify-content-sm-evenly{justify-content:space-evenly}}@container (min-width: 768px){arcgis-layout-column.justify-content-md-start{justify-content:flex-start}arcgis-layout-column.justify-content-md-end{justify-content:flex-end}arcgis-layout-column.justify-content-md-center{justify-content:center}arcgis-layout-column.justify-content-md-between{justify-content:space-between}arcgis-layout-column.justify-content-md-around{justify-content:space-around}arcgis-layout-column.justify-content-md-evenly{justify-content:space-evenly}}@container (min-width: 992px){arcgis-layout-column.justify-content-lg-start{justify-content:flex-start}arcgis-layout-column.justify-content-lg-end{justify-content:flex-end}arcgis-layout-column.justify-content-lg-center{justify-content:center}arcgis-layout-column.justify-content-lg-between{justify-content:space-between}arcgis-layout-column.justify-content-lg-around{justify-content:space-around}arcgis-layout-column.justify-content-lg-evenly{justify-content:space-evenly}}@container (min-width: 1200px){arcgis-layout-column.justify-content-xl-start{justify-content:flex-start}arcgis-layout-column.justify-content-xl-end{justify-content:flex-end}arcgis-layout-column.justify-content-xl-center{justify-content:center}arcgis-layout-column.justify-content-xl-between{justify-content:space-between}arcgis-layout-column.justify-content-xl-around{justify-content:space-around}arcgis-layout-column.justify-content-xl-evenly{justify-content:space-evenly}}arcgis-layout-column.shrink{flex:0 0 auto;width:auto;max-width:none}:host([debug]){#layout-container{background-color:pink}@container (min-width: 576px){#layout-container{background-color:orange}}@container (min-width: 768px){#layout-container{background-color:#fafad2}}@container (min-width: 992px){#layout-container{background-color:#90ee90}}@container (min-width: 1200px){#layout-container{background-color:#add8e6}}@container (min-width: 1440px){#layout-container{background-color:violet}}}:host([debug]) arcgis-layout-section{outline:2px solid var(--calcite-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() {
@@ -30,7 +30,6 @@ class h extends c {
       processLayout: async (t) => await g(t, this.options, this._context)
     };
   }
-  /** highlightNode */
   async getCardEl(t) {
     return this.el.shadowRoot?.querySelector(`[data-node-id="${t}"]`);
   }

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

@@ -4,35 +4,39 @@ import { IColumn, ILayoutNode, LayoutUtils } from '@esri/hub-common';
 
 /** @private */
 export declare class ArcgisLayoutColumn extends LitElement {
-    /** The column node to render */
+    /** The column node to render. */
     node: IColumn;
     /**
-     * The currently focused/hovered node. This is
-     * tracked in order to show the node's configuration
-     * controls and "active" state in the UI.
+     * The currently focused/hovered node. Used to show
+     * configuration controls and active state in the UI.
      */
     highlightedNode?: ILayoutNode;
     /**
      * Utility functions passed down to all child layout
-     * components. For now, this is specifically needed to
-     * process a remote layout that is referenced by a
-     * layout node.
+     * components. Used for processing remote layouts
+     * referenced by a node.
      */
     utils?: LayoutUtils;
     /**
-     * Enables debug mode
+     * Enables debug mode.
      *
      * @default false
      */
     debug: boolean;
     /**
-     * Whether the layout is in edit mode
+     * Whether the layout is in edit mode.
      *
      * @default false
      */
     isEditMode: boolean;
-    /** Emitted when a layout node is hovered */
+    /**
+     * Emitted when a layout node is hovered. Used to show
+     * node configuration controls and highlight state.
+     */
     readonly arcgisLayoutNodeHighlight: TargetedEvent<this, MouseEvent | KeyboardEvent>;
-    /** Emitted when a layout node is un-hovered */
+    /**
+     * Emitted when a layout node is un-hovered. Used to
+     * reset node highlight and hide configuration controls.
+     */
     readonly arcgisLayoutNodeUnHighlight: TargetedEvent<this, MouseEvent>;
 }

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.16/esri/copyright.txt for details.
-v0.16.2 */
+See https://js.arcgis.com/0.18/esri/copyright.txt for details.
+v0.18.0 */
 class C extends p {
   constructor() {
     super(...arguments), this.debug = !1, this.isEditMode = !1, this.arcgisLayoutNodeHighlight = n(), this.arcgisLayoutNodeUnHighlight = n();
@@ -59,7 +59,6 @@ class C extends p {
         try {
           return h({ tagName: t.tag, classes: this._getChildClasses(t).join(" "), styles: t.styles, options: {
             isEditMode: this.isEditMode,
-            // onKeyDown: this.isEditMode ? this._handleNodeKeyDown : undefined,
             onMouseLeave: this.isEditMode ? this._handleMouseLeaveNode : void 0,
             onMouseEnter: this.isEditMode ? this._handleMouseEnterNode : void 0
           }, props: {

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

@@ -1,11 +1,17 @@
 /// <reference types="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { HTMLConfigurableLayoutNodeElement, ILayoutNode, IProcessLayoutOptions, Layout, ILayout } from '@esri/hub-common';
-import { ILayoutNodeRepositionEventDetail } from '../arcgis-layout-node-controls/customElement.js';
+import { HTMLConfigurableLayoutNodeElement, ILayoutNode, IProcessLayoutOptions, Layout, ILayout, ILayoutPublishEventDetail } from '@esri/hub-common';
 import { getLayoutNodeConfig } from '../layouts/utils/getLayoutNodeConfig';
 import { ArcgisLayoutNodeEditor } from '../arcgis-layout-node-editor/customElement.js';
 import { ILayoutNodeAddEventDetail } from '../arcgis-layout-node-highlight/customElement.js';
+import { ILayoutNodeRepositionEventDetail } from '@esri/hub-common/dist/types/layouts/layout-event-types';
 
+/**
+ * @internal
+ * Main container component for rendering and managing
+ * an ILayout and its nodes. Orchestrates layout
+ * composition, editing, and interaction logic.
+ */
 export declare class ArcgisLayoutContainer extends LitElement {
     /** The layout to render */
     layout: Layout;
@@ -18,18 +24,21 @@ export declare class ArcgisLayoutContainer extends LitElement {
      */
     isEditMode: boolean;
     /**
-     * Whether the layout is currently being
-     * published.
+     * Whether the layout is currently being published.
+     * We use this to disable and show a loading state
+     * on the "Publish" button in the edit toolbar.
      *
      * @default false
      */
     isPublishing: boolean;
     /** Options for processing the layout */
     options: IProcessLayoutOptions;
+    /** Event emitted when the layout is edited */
     readonly arcgisHubLayoutChanged: TargetedEvent<this, void>;
+    /** Event emitted when the layout editor is exited */
     readonly arcgisHubLayoutEditorExit: TargetedEvent<this, void>;
     /** Event emitted when the layout is published */
-    readonly arcgisHubLayoutPublished: TargetedEvent<this, import('@esri/hub-common').ILayoutV2>;
+    readonly arcgisHubLayoutPublished: TargetedEvent<this, ILayoutPublishEventDetail>;
     /** Event emitted for telemetry */
     readonly hubTelemetry: TargetedEvent<this, Record<string, unknown>>;
 }