@esri/hub-web-components 0.5.0 → 0.7.0

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

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { IColumn, ILayoutNode, LayoutUtils } from '../layouts/types';
+import { IColumn, ILayoutNode, LayoutUtils } from '@esri/hub-common';
 
 /** @private */
 export declare class ArcgisLayoutColumn extends LitElement {

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

@@ -8,8 +8,8 @@ import { ArcgisLayoutNode as m } from "../layouts/components/layout-node/customE
 import { Logger as a } from "@esri/hub-common";
 import { spreadProps as w } from "@open-wc/lit-helpers";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.5/esri/copyright.txt for details.
-v0.5.0 */
+See https://js.arcgis.com/0.7/esri/copyright.txt for details.
+v0.7.0 */
 class N extends c {
   constructor() {
     super(...arguments), this.debug = !1, this.isEditMode = !1, this.arcgisLayoutNodeDeactivate = u(), this.arcgisLayoutNodeActivate = u();

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

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ILayoutNode, IProcessLayoutOptions, HTMLConfigurableLayoutNodeElement, Layout, ILayout } from '../layouts/types';
+import { HTMLConfigurableLayoutNodeElement, ILayoutNode, IProcessLayoutOptions, Layout, ILayout } from '@esri/hub-common';
 import { getLayoutNodeConfig } from '../layouts/utils/getLayoutNodeConfig';
 import { ArcgisLayoutNodeEditor } from '../arcgis-layout-node-editor/customElement.js';
 

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

@@ -1,67 +1,76 @@
-import { c as C } from "../../chunks/runtime.js";
+import { c as $ } from "../../chunks/runtime.js";
 import { html as u } from "lit-html";
-import { LitElement as S, noShadowRoot as w } from "@arcgis/lumina";
-import { createRef as _, ref as x } from "lit/directives/ref.js";
-import { css as k } from "@lit/reactive-element/css-tag.js";
-import { cloneObject as l, deepFindById as m, getProp as M, Logger as c } from "@esri/hub-common";
-import { g as A, p as T } from "../../chunks/processLayout.js";
-import { c as O, b as P, i as I, a as R } from "../../chunks/typeGuards.js";
-import { g as U, i as V } from "../../chunks/interpolate-translations.js";
-import { u as j } from "../../chunks/useT9n.js";
-import { migrateSchema as F } from "@esri/hub-components";
+import { LitElement as v, noShadowRoot as L } from "@arcgis/lumina";
+import { createRef as _, ref as b } from "lit/directives/ref.js";
+import { css as C } from "@lit/reactive-element/css-tag.js";
+import { layoutNodeTags as m, cloneObject as h, deepFindById as E, getProp as S, Logger as d } from "@esri/hub-common";
+import { g as w, p as A } from "../../chunks/processLayout.js";
+import { c as k, b as g, i as f, a as p } from "../../chunks/typeGuards.js";
+import { g as x, i as T } from "../../chunks/interpolate-translations.js";
+import { u as M } 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.5/esri/copyright.txt for details.
-v0.5.0 */
-const z = k`@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-navigation{--calcite-navigation-background-color: #fef9db;[slot=content-end]{margin-right:1rem}}calcite-panel>*{margin:1rem}}}`, q = [
-  "arcgis-layout-section",
-  "arcgis-layout-row",
-  "arcgis-layout-column",
-  "calcite-button",
-  "calcite-chip",
-  "calcite-avatar",
-  "arcgis-text-card",
-  "arcgis-hub-gallery-card",
-  "arcgis-hub-image",
-  "arcgis-hub-embed-card",
-  "arcgis-nav-card",
-  "arcgis-hub-timeline",
-  "arcgis-hub-entity-metadata",
-  "arcgis-hub-catalog",
-  "div"
-];
-function D(i, t) {
+See https://js.arcgis.com/0.7/esri/copyright.txt for details.
+v0.7.0 */
+const I = C`@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-navigation{--calcite-navigation-background-color: #fef9db;[slot=content-end]{margin-right:1rem}}calcite-panel>*{margin:1rem}}}`;
+function P(i, t) {
   const e = ["order", "offset", "width"], s = [];
-  return e.forEach((a) => {
-    let o;
-    P(i) && (o = i.sectionProps?.[a]), I(i) && (o = i.rowProps?.[a]), R(i) && (o = i.columnProps?.[a]), typeof o == "number" ? (o < 0 || o > 12) && s.push(`Node "${i.id}": ${t} > ${a} out of range (0-12): ${o}`) : typeof o == "object" && Object.entries(o).forEach(([n, r]) => {
-      typeof r == "number" && (r < 0 || r > 12) && s.push(`Node "${i.id}": ${t} > ${a}.${n} out of range (0-12): ${r}`);
+  return e.forEach((o) => {
+    let a;
+    g(i) && (a = i.sectionProps?.[o]), f(i) && (a = i.rowProps?.[o]), p(i) && (a = i.columnProps?.[o]), typeof a == "number" ? (a < 0 || a > 12) && s.push(`Node "${i.id}": ${t} > ${o} out of range (0-12): ${a}`) : typeof a == "object" && Object.entries(a).forEach(([r, n]) => {
+      typeof n == "number" && (n < 0 || n > 12) && s.push(`Node "${i.id}": ${t} > ${o}.${r} out of range (0-12): ${n}`);
     });
   }), s;
 }
-function y(i, t, e, s, a = !0) {
+function R(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)), i.tag && !s.includes(i.tag) && o.push(`Node "${i.id}": ${t} > has invalid tag: ${i.tag}`), o.push(...D(i, t)), a && (!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(...P(i, t)), (g(i) || f(i) || p(i)) && (!i.children || !Array.isArray(i.children) || i.children.length === 0) && o.push(`Node "${i.id}": ${t} > missing or empty children array.`), o;
 }
-function B(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, a) => {
-    O(s) && t.push(`Section[${a}] is a reference and cannot be a direct child.`);
-    const o = s, n = `Section[${a}]`;
-    t.push(...y(o, n, e, ["arcgis-layout-section"])), (o.children ?? []).forEach((r, d) => {
-      const h = `${n}.Row[${d}]`;
-      t.push(...y(r, h, e, ["arcgis-layout-row"])), (r.children ?? []).forEach((g, N) => {
-        const f = `${h}.Column[${N}]`;
-        t.push(...y(g, f, e, ["arcgis-layout-column"])), (g.children ?? []).forEach(($, b) => {
-          const L = `${f}.Child[${b}]`, v = q.filter(
-            (p) => p !== "arcgis-layout-column" && p !== "arcgis-layout-section"
-          );
-          t.push(...y($, L, e, v, !1));
-        });
+function y({ node: i, nodePath: t, idSet: e, validTags: s, errors: o }) {
+  if (i.tag === "arcgis-nav-card") {
+    const a = i.properties;
+    a && typeof a == "object" && Array.isArray(a.sections) && a.sections.forEach((n, c) => {
+      const l = `${t}.sections[${c}]`;
+      y({
+        node: n,
+        nodePath: l,
+        idSet: e,
+        validTags: ["arcgis-layout-section"],
+        errors: o
       });
     });
-  }), t) : (t.push("Layout must be defined."), t);
+  }
+  o.push(...R(i, t, e, s)), Array.isArray(i.children) && i.children.forEach((a, r) => {
+    let n = `${t}.Child[${r}]`, c = Array.from(m);
+    g(i) ? (c = ["arcgis-layout-row"], n = `${t}.Row[${r}]`) : f(i) ? (c = ["arcgis-layout-column"], n = `${t}.Column[${r}]`) : p(i) && (c = Array.from(m).filter(
+      (l) => l !== "arcgis-layout-column" && l !== "arcgis-layout-section"
+    )), y({
+      node: a,
+      nodePath: n,
+      idSet: e,
+      validTags: c,
+      errors: o
+    });
+  });
+}
+function U(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 (k(s)) {
+      t.push(`Section[${o}] is a reference and cannot be a direct child.`);
+      return;
+    }
+    const a = s, r = `Section[${o}]`;
+    y({
+      node: a,
+      nodePath: r,
+      idSet: e,
+      validTags: ["arcgis-layout-section"],
+      errors: t
+    });
+  }), console.log("idSet:", e), t) : (t.push("Layout must be defined."), t);
 }
-async function G(i) {
+async function V(i) {
   switch (i) {
     case "arcgis-text-card":
       return (await import("../../chunks/migrateTextCard.js")).migrateTextCard;
@@ -70,28 +79,28 @@ async function G(i) {
       return ((t) => t);
   }
 }
-function H(i) {
-  const t = l(i);
+function j(i) {
+  const t = h(i);
   return t.schemaVersion = 2, t;
 }
-const Y = {
-  2: H
+const F = {
+  2: j
 };
-async function J(i) {
-  const t = F(i, Y), e = await Promise.all(
-    t.sections.map(async (s) => await E(s))
+async function z(i) {
+  const t = O(i, F), e = await Promise.all(
+    t.sections.map(async (s) => await N(s))
   );
   return t.sections = e, t;
 }
-async function E(i) {
-  const e = (await G(i.tag))(i);
+async function N(i) {
+  const e = (await V(i.tag))(i);
   return Array.isArray(e.children) && (e.children = await Promise.all(
-    e.children.map(async (s) => await E(s))
+    e.children.map(async (s) => await N(s))
   )), e;
 }
-class K extends S {
+class q extends v {
   constructor() {
-    super(), this._messages = j(), this._nodeControlsEl = _(), this._initShell = () => {
+    super(), this._messages = M(), this._nodeControlsEl = _(), this._initShell = () => {
       const t = this.el;
       t.style.setProperty("--offsetTop", `${t.offsetTop}px`);
     }, this._layoutNodeEditor = _(), this._layoutErrors = [], this._historyStack = [], this._historyIdx = -1, this.debug = !1, this.isEditMode = !1, this.options = {}, 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);
@@ -100,13 +109,13 @@ class K extends S {
     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 = w;
+    this.shadowRootOptions = L;
   }
   static {
-    this.styles = z;
+    this.styles = I;
   }
   get _context() {
-    return A();
+    return w();
   }
   get _canUndo() {
     return this._historyIdx > 0;
@@ -121,30 +130,30 @@ class K extends S {
     (t.has("layout") || t.has("options")) && this._init();
   }
   async _init() {
-    const t = await J(this.layout);
-    this._layout = l(t), this._processedLayout = await this._validateAndProcess(this._layout, this.options), this._historyStack = [this._processedLayout], this._historyIdx = 0;
+    const t = await z(this.layout);
+    this._layout = h(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: a } = t.detail, o = l(this._layout), n = m(o, s);
-    if (n) {
-      const r = e.valuesProp, d = M(e, "editor.valuesOutCallback") || ((h) => h);
-      n.properties && r ? n.properties[r] = d(a) : n.properties = d(a), 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;
+    const { layoutNodeConfig: e, id: s, values: o } = t.detail, a = h(this._layout), r = E(a, s);
+    if (r) {
+      const n = e.valuesProp, c = S(e, "editor.valuesOutCallback") || ((l) => l);
+      r.properties && n ? r.properties[n] = c(o) : r.properties = c(o), this._layout = a, this._processedLayout = await this._validateAndProcess(a, 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 = B(t);
-    return this._layoutErrors = s, s.length > 0 && !this.debug && c.error("Layout validation errors:", s), await T(t, e, this._context);
+    const s = U(t);
+    return this._layoutErrors = s, s.length > 0 && !this.debug && d.error("Layout validation errors:", s), await A(t, e, this._context);
   }
   _handleNodeMouseEnter(t) {
-    t.stopPropagation(), c.debug("MOUSE OVER EVENT >>>", t);
+    t.stopPropagation(), d.debug("MOUSE OVER EVENT >>>", t);
     const e = t.detail, s = e.dataset.nodeId || "";
     if (s) {
-      const a = m(this._processedLayout, s);
-      a ? this._currentNode !== a && this._currentElement !== e && (this._currentNode = a, this._currentElement = e) : c.warn(`No node found for target with id ${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}`);
     }
   }
   _handleNodeMouseLeave(t) {
-    t.stopPropagation(), c.debug("MOUSE OUT EVENT >>>", 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);
   }
@@ -154,10 +163,10 @@ class K extends S {
   _handleLayoutNodeEditorOpen() {
     if (!this._currentElement || !this._currentNode)
       return;
-    let t = U(this._currentElement, this._currentNode);
-    t && (t = V(this._messages, t)), this._layoutNodeEditorConfig = {
-      layoutNodeConfig: l(t),
-      layoutNode: l(this._currentNode)
+    let t = x(this._currentElement, this._currentNode);
+    t && (t = T(this._messages, t)), this._layoutNodeEditorConfig = {
+      layoutNodeConfig: h(t),
+      layoutNode: h(this._currentNode)
     };
   }
   _undoLastAction() {
@@ -167,7 +176,7 @@ class K extends S {
     this._canRedo && (this._historyIdx++, this._processedLayout = this._historyStack[this._historyIdx]);
   }
   async _handleLayoutSave() {
-    c.log("HANDLE LAYOUT SAVE >>>", this.layout);
+    d.log("HANDLE LAYOUT SAVE >>>", this.layout);
   }
   renderEditToolbar() {
     let t;
@@ -175,7 +184,7 @@ class K extends S {
   }
   renderNodeControls() {
     let t;
-    return this.isEditMode && this._currentElement && this._currentNode && (t = u`<arcgis-layout-node-controls .isEditMode=${this.isEditMode} .messages=${this._messages} .node=${this._currentNode} @mouseout=${this._handleNodeControlsMouseOut} .referenceElement=${this._currentElement} style="position: absolute;" ${x(this._nodeControlsEl)}></arcgis-layout-node-controls>`), t;
+    return this.isEditMode && this._currentElement && this._currentNode && (t = u`<arcgis-layout-node-controls .isEditMode=${this.isEditMode} .messages=${this._messages} .node=${this._currentNode} @mouseout=${this._handleNodeControlsMouseOut} .referenceElement=${this._currentElement} style="position: absolute;" ${b(this._nodeControlsEl)}></arcgis-layout-node-controls>`), t;
   }
   renderEditor() {
     if (this.isEditMode) {
@@ -189,7 +198,7 @@ class K extends S {
     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>`;
   }
 }
-C("arcgis-layout-container", K);
+$("arcgis-layout-container", q);
 export {
-  K as ArcgisLayoutContainer
+  q as ArcgisLayoutContainer
 };

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 '../layouts/types';
+import { HTMLConfigurableLayoutNodeElement, LayoutNode } from '@esri/hub-common';
 import { ArcgisLayoutContainer } from '../arcgis-layout-container/customElement.js';
 
 /** @private */

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

@@ -5,8 +5,8 @@ import { css as l } from "@lit/reactive-element/css-tag.js";
 import { cloneObject as c, getWithDefault as t, getProp as o } from "@esri/hub-common";
 import { g as d, i as u } from "../../chunks/interpolate-translations.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.5/esri/copyright.txt for details.
-v0.5.0 */
+See https://js.arcgis.com/0.7/esri/copyright.txt for details.
+v0.7.0 */
 const p = l`:host{position:absolute}`;
 class f extends s {
   constructor() {

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

@@ -1,7 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { IConfigurationValues } from '@esri/hub-common';
-import { ILayoutNodeChangeEventDetail, ILayoutNodeConfig, LayoutNode } from '../layouts/types';
+import { IConfigurationValues, ILayoutNodeChangeEventDetail, ILayoutNodeConfig, LayoutNode } from '@esri/hub-common';
 import { PropertyValues } from 'lit';
 
 interface IEditorValues {

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

@@ -3,8 +3,8 @@ import { LitElement as u, createEvent as l, noShadowRoot as h } from "@arcgis/lu
 import { getProp as s, cloneObject as d, mergeObjects as c } from "@esri/hub-common";
 import { html as g } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.5/esri/copyright.txt for details.
-v0.5.0 */
+See https://js.arcgis.com/0.7/esri/copyright.txt for details.
+v0.7.0 */
 class m extends u {
   constructor() {
     super(...arguments), this._values = { value: {} }, this.arcgisLayoutNodeChange = l();

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

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { ILayoutNode, IRow, LayoutUtils } from '../layouts/types';
+import { ILayoutNode, IRow, LayoutUtils } from '@esri/hub-common';
 
 /** @private */
 export declare class ArcgisLayoutRow extends LitElement {

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

@@ -7,8 +7,8 @@ import { Logger as a } from "@esri/hub-common";
 import { spreadProps as g } from "@open-wc/lit-helpers";
 import { a as y } from "../../chunks/typeGuards.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.5/esri/copyright.txt for details.
-v0.5.0 */
+See https://js.arcgis.com/0.7/esri/copyright.txt for details.
+v0.7.0 */
 class $ extends m {
   constructor() {
     super(...arguments), this.debug = !1, this.isEditMode = !1;

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

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { ILayoutNode, ISection, LayoutUtils } from '../layouts/types';
+import { ILayoutNode, ISection, LayoutUtils } from '@esri/hub-common';
 
 /** @private */
 export declare class ArcgisLayoutSection extends LitElement {

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

@@ -7,8 +7,8 @@ import { g as m } from "../../chunks/getResponsiveClasses.js";
 import { Logger as n } from "@esri/hub-common";
 import { spreadProps as w } from "@open-wc/lit-helpers";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.5/esri/copyright.txt for details.
-v0.5.0 */
+See https://js.arcgis.com/0.7/esri/copyright.txt for details.
+v0.7.0 */
 class y extends l {
   constructor() {
     super(...arguments), this.debug = !1, this.isEditMode = !1;

package/dist/components/arcgis-nav-card/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ISection, ITranslationMap } from '../layouts/types';
+import { ISection, ITranslationMap } from '@esri/hub-common';
 
 /**
  * The nav card is intended to render various

package/dist/components/arcgis-nav-card/customElement.js

@@ -4,8 +4,8 @@ import { LitElement as h, noShadowRoot as b } from "@arcgis/lumina";
 import { u as m } from "../../chunks/useT9n.js";
 import { getProp as l } from "@esri/hub-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.5/esri/copyright.txt for details.
-v0.5.0 */
+See https://js.arcgis.com/0.7/esri/copyright.txt for details.
+v0.7.0 */
 function u(i, s, t, e) {
   {
     let a = i;

package/dist/components/arcgis-text-card/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { IConfigurableLayoutNode, ILayoutNodeConfig } from '../layouts/types';
+import { IConfigurableLayoutNode, ILayoutNodeConfig } from '@esri/hub-common';
 
 /**
  * A text card that can be added to an ILayout or leveraged

package/dist/components/arcgis-text-card/customElement.js

@@ -6,8 +6,8 @@ import { sanitizeHtml as r } from "@esri/hub-components";
 import { 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.5/esri/copyright.txt for details.
-v0.5.0 */
+See https://js.arcgis.com/0.7/esri/copyright.txt for details.
+v0.7.0 */
 const d = o`:host>div>h1:first-child,:host>div>h2:first-child,:host>div>h3:first-child,:host>div>h4:first-child,:host>div>h5:first-child,:host>div>h6:first-child,:host>div>p:first-child{margin-top:0}`;
 class h extends s {
   constructor() {

package/dist/components/arcgis-text-card/utils/migrateTextCard.d.ts

@@ -1,13 +1,5 @@
 import { MigratableSchemaTransformMap } from '@esri/hub-components';
-import { ILayoutNode } from '../../layouts/types';
-/**
- * This file defines the schema and migration logic for the
- * Text Card component. As new schema versions are introduced,
- * update the transform map and migration functions accordingly.
- *
- * NOTE: for now, we only have one schema version (V1), and this
- * file mainly serves as a template for future migrations.
- */
+import { ILayoutNode } from '@esri/hub-common';
 /** A union type of all supported text card schemas */
 export type TextCardSchema = ITextCardSchemaV1;
 /** The latest supported text card schema  */

package/dist/components/layouts/components/layout-node/customElement.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="../../index.d.ts" />
 import { JsxNode } from '@arcgis/lumina';
-import { LayoutNodeTag } from '../../types';
+import { LayoutNodeTag } from '@esri/hub-common';
+import { ArcgisLayoutSection } from '../../../arcgis-layout-section/customElement.js';
+import { ArcgisLayoutColumn } from '../../../arcgis-layout-column/customElement.js';
 interface ArcgisLayoutNodeProps {
-    tagName: Exclude<LayoutNodeTag, "arcgis-layout-column" | "arcgis-layout-section">;
+    tagName: Exclude<LayoutNodeTag, [ArcgisLayoutSection, ArcgisLayoutColumn]>;
     classes?: string;
     styles?: Record<string, string>;
     props: Record<string, unknown>;

package/dist/components/layouts/components/layout-node/customElement.js

@@ -3,8 +3,8 @@ import { safeStyleMap as c, deferLoad as s } from "@arcgis/lumina";
 import { spread as $, spreadProps as i } from "@open-wc/lit-helpers";
 import { getProp as y } from "@esri/hub-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.5/esri/copyright.txt for details.
-v0.5.0 */
+See https://js.arcgis.com/0.7/esri/copyright.txt for details.
+v0.7.0 */
 function x({ tagName: n, props: u, classes: g, styles: a, children: o, options: d }) {
   const l = u.onKeyDown, b = u.onMouseLeave, m = u.onMouseEnter, v = y(u, "node.id"), e = {
     ...u,

package/dist/components/layouts/utils/getLayoutNodeConfig.d.ts

@@ -1,4 +1,4 @@
-import { ILayoutNodeConfig, LayoutNode } from '../types';
+import { ILayoutNodeConfig, LayoutNode } from '@esri/hub-common';
 /**
  * Returns the configuration for a layout node. If
  * the node's component has a static `layoutNodeConfig`

package/dist/components/layouts/utils/getResponsiveClasses.d.ts

@@ -1,4 +1,4 @@
-import { ColumnWidth, ResponsiveValue, ISection, IRow, IColumn } from '../types';
+import { ColumnWidth, ResponsiveValue, ISection, IRow, IColumn } from '@esri/hub-common';
 export declare function getResponsiveClasses<T>(propName: string, value: ResponsiveValue<T> | undefined, valueMapper?: (val: T) => string): string[];
 export declare function getSectionClasses(section: ISection): string[];
 export declare function getRowClasses(row: IRow): string[];

package/dist/components/layouts/utils/lockLayout.d.ts

@@ -1,4 +1,4 @@
-import { ILayout } from '../types';
+import { ILayout } from '@esri/hub-common';
 /**
  * Utility that walks through the layout and lock all nodes
  * by setting readOnly to true.

package/dist/components/layouts/utils/migrations/getLayoutNodeMigrationFn.d.ts

@@ -1,5 +1,5 @@
 import { IMigratableSchema } from '@esri/hub-components';
-import { LayoutNodeTag } from '../../types';
+import { LayoutNodeTag } from '@esri/hub-common';
 type NodeMigrationFn = (schema: IMigratableSchema) => IMigratableSchema;
 /**
  * Dynamically imports and returns the migration function

package/dist/components/layouts/utils/migrations/migrateLayout.d.ts

@@ -1,6 +1,5 @@
 import { MigratableSchemaTransformMap } from '@esri/hub-components';
-import { Layout, ILayout } from '../../types';
-import { ILayoutV1, ILayoutV2 } from './types';
+import { Layout, ILayout, ILayoutV1, ILayoutV2 } from '@esri/hub-common';
 /**
  * An interface representing a map of supported layout
  * schema migrations where the key is the schema version

package/dist/components/layouts/utils/processLayout.d.ts

@@ -1,3 +1,2 @@
-import { IArcGISContext } from '@esri/hub-common';
-import { IProcessLayoutOptions } from '../types';
-export declare const processLayout: (layout: import('./migrations/types').ILayoutV2, options: IProcessLayoutOptions, context: IArcGISContext) => Promise<Promise<import('./migrations/types').ILayoutV2>>;
+import { IArcGISContext, IProcessLayoutOptions } from '@esri/hub-common';
+export declare const processLayout: (layout: import('@esri/hub-common').ILayoutV2, options: IProcessLayoutOptions, context: IArcGISContext) => Promise<Promise<import('@esri/hub-common').ILayoutV2>>;

package/dist/components/layouts/utils/typeGuards.d.ts

@@ -1,4 +1,4 @@
-import { IColumn, IRow, ISection, LayoutNode, Ref, SectionOrRef } from '../types';
+import { IColumn, IRow, ISection, LayoutNode, Ref, SectionOrRef } from '@esri/hub-common';
 /**
  * Type guard to check if a node is a section.
  * @param node

package/dist/components/layouts/utils/validateLayout.d.ts

@@ -1,4 +1,4 @@
-import { ILayout } from '../types';
+import { ILayout } from '@esri/hub-common';
 /**
  * Validates a layout tree for required structure, types,
  * and correct nesting. Returns an array of error messages,