@esri/hub-web-components 0.37.2 → 0.37.3

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

@@ -1,15 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/0.37/LICENSE.txt */
-import { c as i } from "../../chunks/runtime.js";
-import { css as e, html as s } from "lit";
-import { LitElement as o } from "@arcgis/lumina";
+import { c as e } from "../../chunks/runtime.js";
+import { css as o, html as c } from "lit";
+import { LitElement as r } from "@arcgis/lumina";
 import { useContextConsumer as a } from "@arcgis/lumina/context";
-import { focusElement as l } from "@arcgis/toolkit/dom";
-import { createRef as r, ref as n } from "lit/directives/ref.js";
-import { l as c } from "../../chunks/layoutContext.js";
-const d = e`calcite-navigation{border-block-start:1px solid var(--calcite-navigation-border-color, var(--calcite-color-border-3));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);[slot=content-end]{margin-inline-end:1rem}[slot=content-end]{display:flex}[slot=content-end]{gap:.75rem}}`;
-class u extends o {
+import { focusElement as i } from "@arcgis/toolkit/dom";
+import { createRef as s, ref as l } from "lit/directives/ref.js";
+import { l as n } from "../../chunks/layoutContext.js";
+const d = o`:host{font-family:Avenir Next;--calcite-color-background: #f7f7f7;--calcite-color-background-none: rgba(255, 255, 255, 0);--calcite-color-border-1: #d4d4d4;--calcite-color-border-2: #dedede;--calcite-color-border-3: #ebebeb;--calcite-color-border-ghost: rgba(0, 0, 0, .3);--calcite-color-border-input: #949494;--calcite-color-border-white: #ffffff;--calcite-color-brand: #007ac2;--calcite-color-brand-hover: #00619b;--calcite-color-brand-press: #004874;--calcite-color-brand-underline: rgba(0, 97, 155, .4);--calcite-color-focus: #007ac2;--calcite-color-foreground-1: #ffffff;--calcite-color-foreground-2: #f2f2f2;--calcite-color-foreground-3: #ebebeb;--calcite-color-foreground-current: #d6efff;--calcite-color-inverse: #363636;--calcite-color-inverse-hover: #2b2b2b;--calcite-color-inverse-press: #212121;--calcite-color-status-danger: #d83020;--calcite-color-status-danger-hover: #a82b1e;--calcite-color-status-danger-press: #7c1d13;--calcite-color-status-info: #00619b;--calcite-color-status-info-hover: #004874;--calcite-color-status-info-press: #00304d;--calcite-color-status-success: #288835;--calcite-color-status-success-hover: #1a6324;--calcite-color-status-success-press: #0d3f14;--calcite-color-status-warning: #da7c0b;--calcite-color-status-warning-hover: #c26b00;--calcite-color-status-warning-press: #9a5b10;--calcite-color-surface-1: #f7f7f7;--calcite-color-surface-2: #ffffff;--calcite-color-surface-3: #f2f2f2;--calcite-color-surface-4: #ebebeb;--calcite-color-surface-highlight: #d6efff;--calcite-color-text-1: #141414;--calcite-color-text-2: #4a4a4a;--calcite-color-text-3: #6b6b6b;--calcite-color-text-highlight: #004874;--calcite-color-text-inverse: #ffffff;--calcite-color-text-link: #00619b;--calcite-color-transparent: rgba(0, 0, 0, 0);--calcite-color-transparent-hover: rgba(0, 0, 0, .04);--calcite-color-transparent-inverse-hover: rgba(255, 255, 255, .12);--calcite-color-transparent-inverse-press: rgba(255, 255, 255, .16);--calcite-color-transparent-press: rgba(0, 0, 0, .08);--calcite-color-transparent-scrim: rgba(255, 255, 255, .85);--calcite-color-transparent-tint: rgba(255, 255, 255, .8) }calcite-navigation{border-block-start:1px solid var(--calcite-navigation-border-color, var(--calcite-color-border-3));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);[slot=content-end]{margin-inline-end:1rem}[slot=content-end]{display:flex}[slot=content-end]{gap:.75rem}}`;
+class b extends r {
   constructor() {
-    super(...arguments), this.#t = a({ context: c }), this._exitButtonRef = r(), this.isLayoutDirty = !1, this.isLayoutValid = !0, this.isPublishing = !1;
+    super(...arguments), this.#t = a({ context: n }), this._exitButtonRef = s(), this.isLayoutDirty = !1, this.isLayoutValid = !0, this.isPublishing = !1;
   }
   static {
     this.properties = { exitEditMode: 0, publishLayout: 0, resetLayout: 0, isLayoutDirty: 5, isLayoutValid: 5, isPublishing: 5 };
@@ -29,14 +29,14 @@ class u extends o {
     return this.isLayoutDirty || (t = this._messages.toolbar.noChanges), this.isLayoutValid || (t = this._messages.toolbar.invalidLayout), t;
   }
   loaded() {
-    l(this._exitButtonRef.value);
+    i(this._exitButtonRef.value);
   }
   render() {
     const t = this._messages.toolbar.exit;
-    return s`<calcite-navigation><calcite-action .label=${t} @click=${this.exitEditMode} scale=l slot=content-start .text=${t} text-enabled ${n(this._exitButtonRef)}></calcite-action><div slot=content-end><arcgis-ref-tooltip .isSlottedElDisabled=${this._isPublishDisabled} .text=${this._disabledPublishTooltip}><calcite-button .disabled=${this._isPublishDisabled} .loading=${this.isPublishing} @click=${this.publishLayout} round>${this._messages.toolbar.publish}</calcite-button></arcgis-ref-tooltip><calcite-dropdown offset-distance=5><calcite-button appearance=transparent icon-start=ellipsis .label=${this._messages.toolbar.moreOptions} round scale=m slot=trigger></calcite-button><calcite-dropdown-group selection-mode=none><calcite-dropdown-item .label=${this._messages.toolbar.resetLabel} @click=${this.resetLayout}>${this._messages.toolbar.resetLabel}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></div></calcite-navigation>`;
+    return c`<calcite-navigation><calcite-action .label=${t} @click=${this.exitEditMode} scale=l slot=content-start .text=${t} text-enabled ${l(this._exitButtonRef)}></calcite-action><div slot=content-end><arcgis-ref-tooltip .isSlottedElDisabled=${this._isPublishDisabled} .text=${this._disabledPublishTooltip}><calcite-button .disabled=${this._isPublishDisabled} .loading=${this.isPublishing} @click=${this.publishLayout} round>${this._messages.toolbar.publish}</calcite-button></arcgis-ref-tooltip><calcite-dropdown offset-distance=5><calcite-button appearance=transparent icon-start=ellipsis .label=${this._messages.toolbar.moreOptions} round scale=m slot=trigger></calcite-button><calcite-dropdown-group selection-mode=none><calcite-dropdown-item .label=${this._messages.toolbar.resetLabel} @click=${this.resetLayout}>${this._messages.toolbar.resetLabel}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></div></calcite-navigation>`;
   }
 }
-i("arcgis-layout-editor-toolbar", u);
+e("arcgis-layout-editor-toolbar", b);
 export {
-  u as ArcgisLayoutEditorToolbar
+  b as ArcgisLayoutEditorToolbar
 };

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

@@ -1,17 +1,17 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/0.37/LICENSE.txt */
-import { c } from "../../chunks/runtime.js";
-import { css as u, html as h } from "lit";
-import { LitElement as p, createEvent as i, noShadowRoot as g } from "@arcgis/lumina";
-import { useContextConsumer as y } from "@arcgis/lumina/context";
-import { getWithDefault as o, getProp as s } from "@esri/hub-common";
-import { i as f } from "../../chunks/isNodeVisible.js";
-import { dictionary as a } from "@esri/telemetry-dictionary-hub";
-import { f as r } from "../../chunks/findColumnAndNodeIndex.js";
-import { l as m } from "../../chunks/layoutContext.js";
-const b = u`@layer{layout-node-controls{position:absolute}layout-node-controls .delete-popover-content{padding:0 1rem 1rem;margin:0}}`;
-class N extends p {
+import { c as d } from "../../chunks/runtime.js";
+import { css as u, html as f } from "lit";
+import { LitElement as h, createEvent as i, noShadowRoot as p } from "@arcgis/lumina";
+import { useContextConsumer as g } from "@arcgis/lumina/context";
+import { getWithDefault as o, getProp as a } from "@esri/hub-common";
+import { i as b } from "../../chunks/isNodeVisible.js";
+import { dictionary as s } from "@esri/telemetry-dictionary-hub";
+import { f as n } from "../../chunks/findColumnAndNodeIndex.js";
+import { l as y } from "../../chunks/layoutContext.js";
+const m = u`@layer{layout-node-controls{position:absolute;font-family:Avenir Next;--calcite-color-background: #f7f7f7;--calcite-color-background-none: rgba(255, 255, 255, 0);--calcite-color-border-1: #d4d4d4;--calcite-color-border-2: #dedede;--calcite-color-border-3: #ebebeb;--calcite-color-border-ghost: rgba(0, 0, 0, .3);--calcite-color-border-input: #949494;--calcite-color-border-white: #ffffff;--calcite-color-brand: #007ac2;--calcite-color-brand-hover: #00619b;--calcite-color-brand-press: #004874;--calcite-color-brand-underline: rgba(0, 97, 155, .4);--calcite-color-focus: #007ac2;--calcite-color-foreground-1: #ffffff;--calcite-color-foreground-2: #f2f2f2;--calcite-color-foreground-3: #ebebeb;--calcite-color-foreground-current: #d6efff;--calcite-color-inverse: #363636;--calcite-color-inverse-hover: #2b2b2b;--calcite-color-inverse-press: #212121;--calcite-color-status-danger: #d83020;--calcite-color-status-danger-hover: #a82b1e;--calcite-color-status-danger-press: #7c1d13;--calcite-color-status-info: #00619b;--calcite-color-status-info-hover: #004874;--calcite-color-status-info-press: #00304d;--calcite-color-status-success: #288835;--calcite-color-status-success-hover: #1a6324;--calcite-color-status-success-press: #0d3f14;--calcite-color-status-warning: #da7c0b;--calcite-color-status-warning-hover: #c26b00;--calcite-color-status-warning-press: #9a5b10;--calcite-color-surface-1: #f7f7f7;--calcite-color-surface-2: #ffffff;--calcite-color-surface-3: #f2f2f2;--calcite-color-surface-4: #ebebeb;--calcite-color-surface-highlight: #d6efff;--calcite-color-text-1: #141414;--calcite-color-text-2: #4a4a4a;--calcite-color-text-3: #6b6b6b;--calcite-color-text-highlight: #004874;--calcite-color-text-inverse: #ffffff;--calcite-color-text-link: #00619b;--calcite-color-transparent: rgba(0, 0, 0, 0);--calcite-color-transparent-hover: rgba(0, 0, 0, .04);--calcite-color-transparent-inverse-hover: rgba(255, 255, 255, .12);--calcite-color-transparent-inverse-press: rgba(255, 255, 255, .16);--calcite-color-transparent-press: rgba(0, 0, 0, .08);--calcite-color-transparent-scrim: rgba(255, 255, 255, .85);--calcite-color-transparent-tint: rgba(255, 255, 255, .8)}layout-node-controls .delete-popover-content{padding:0 1rem 1rem;margin:0}}`;
+class v extends h {
   constructor() {
-    super(), this.#e = y({ context: m, subscribe: !0 }), this.isEditMode = !1, this.isLayoutValid = !0, this.arcgisLayoutDeactivateNode = i(), this.arcgisLayoutDeleteNode = i(), this.arcgisLayoutNodeEditorOpen = i(), this.arcgisLayoutNodeReposition = i(), this.arcgisLayoutNodeVisibilityChange = i(), this.hubTelemetry = i(), this.listen("calcitePopoverOpen", (e) => {
+    super(), this.#e = g({ context: y, subscribe: !0 }), this.isEditMode = !1, this.isLayoutValid = !0, this.arcgisLayoutDeactivateNode = i(), this.arcgisLayoutDeleteNode = i(), this.arcgisLayoutNodeEditorOpen = i(), this.arcgisLayoutNodeReposition = i(), this.arcgisLayoutNodeVisibilityChange = i(), this.hubTelemetry = i(), this.listen("calcitePopoverOpen", (e) => {
       e.stopPropagation();
     }), this.listen("calcitePopoverClose", (e) => {
       e.stopPropagation(), this.arcgisLayoutDeactivateNode.emit({
@@ -23,24 +23,24 @@ class N extends p {
     this.properties = { isEditMode: 5, isLayoutValid: 5, node: 0, activatedNode: 0, layoutElement: 0, messages: 0, layoutNodeConfig: 0 };
   }
   static {
-    this.styles = b;
+    this.styles = m;
   }
   static {
-    this.shadowRootOptions = g;
+    this.shadowRootOptions = p;
   }
   #e;
   get #t() {
     const e = this.layoutNodeConfig ? this.layoutNodeConfig.disableMove : !1;
     let t = !1;
-    return this.node && this.layout && (t = !!r(this.node, this.layout)?.isFirstInColumn), !e && !t;
+    return this.node && this.layout && (t = !!n(this.node, this.layout)?.isFirstInColumn), !e && !t;
   }
   get #o() {
     const e = this.layoutNodeConfig ? this.layoutNodeConfig.disableMove : !1;
     let t = !1;
-    return this.node && this.layout && (t = !!r(this.node, this.layout)?.isLastInColumn), !e && !t;
+    return this.node && this.layout && (t = !!n(this.node, this.layout)?.isLastInColumn), !e && !t;
   }
   get _isNodeVisible() {
-    return f(this.node);
+    return b(this.node);
   }
   get layoutNodeEditorRef() {
     return this.#e.value.layoutNodeEditorRef;
@@ -62,7 +62,7 @@ class N extends p {
   }
   _onOpenEditorButtonClick() {
     this.arcgisLayoutNodeEditorOpen.emit({ node: this.node, element: this.layoutElement }), this.hubTelemetry.emit({
-      ...a.category.interaction.action.open.label.sidePanel,
+      ...s.category.interaction.action.open.label.sidePanel,
       details: this.layoutNodeConfig.name
     });
   }
@@ -74,7 +74,7 @@ class N extends p {
     });
     const e = this._isNodeVisible ? "disable" : "enable";
     this.hubTelemetry.emit({
-      ...a.category.interaction.action[e].label.visibility,
+      ...s.category.interaction.action[e].label.visibility,
       details: this.layoutNodeConfig.name
     });
   }
@@ -86,7 +86,7 @@ class N extends p {
   }
   _onDeleteButtonClick() {
     this.hubTelemetry.emit({
-      ...a.category.interaction.action.open.label.popover,
+      ...s.category.interaction.action.open.label.popover,
       details: `Delete ${this.layoutNodeConfig.name}`
     });
   }
@@ -94,7 +94,7 @@ class N extends p {
     this.arcgisLayoutDeleteNode.emit({
       id: this.node.id
     }), this.hubTelemetry.emit({
-      ...a.category.content.action.delete.label.layoutNode,
+      ...s.category.content.action.delete.label.layoutNode,
       details: this.layoutNodeConfig.name
     });
   }
@@ -103,13 +103,13 @@ class N extends p {
     const t = this.layoutNodeConfig;
     if (this.isEditMode && this.node && t && this.layoutElement) {
       const l = this.messages.layoutNodeControls.a11yLabel || "";
-      let n = "overlay";
-      this.node.tag === "arcgis-nav-card" && (n = this.layoutElement.querySelector("calcite-tab-nav"));
-      const d = this.layoutNodeEditorRef ? {
+      let c = "overlay";
+      this.node.tag === "arcgis-nav-card" && (c = this.layoutElement.querySelector("calcite-tab-nav"));
+      const r = this.layoutNodeEditorRef ? {
         initialFocus: this.layoutNodeEditorRef,
         extraContainers: [this.layoutNodeEditorRef]
       } : void 0;
-      e = h`<calcite-popover .focusTrapOptions=${d} offset-distance=1 offset-skidding=-4 .label=${l} .open=${this.node.id === this.activatedNode?.id} overlay-positioning=fixed placement=top-start pointer-disabled .referenceElement=${n} top-layer-disabled trigger-disabled><calcite-action-bar expand-disabled floating layout=horizontal overflow-actions-disabled overlay-positioning=absolute><calcite-action-group><calcite-action .text=${o(t, "i18n.label", this.messages.configurableNodes.default.label)} text-enabled></calcite-action></calcite-action-group><calcite-action-group><calcite-action .disabled=${t.disableAdjustVisibility} .icon=${this._isNodeVisible ? "view-visible" : "view-hide"} @click=${this._onToggleVisibilityClick} .text=${this._isNodeVisible ? o(t, "i18n.hideLabel", this.messages.configurableNodes.default.hide) : o(t, "i18n.showLabel", this.messages.configurableNodes.default.show)}></calcite-action><arcgis-ref-tooltip .text=${this.moveUpTooltipText}><calcite-action .disabled=${!this.#t} icon=arrow-up @click=${this._onMoveUpButtonClick} .text=${o(t, "i18n.repositionUpLabel", this.messages.configurableNodes.default.up)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.moveDownTooltipText}><calcite-action .disabled=${!this.#o} icon=arrow-down @click=${this._onMoveDownButtonClick} .text=${o(t, "i18n.repositionDownLabel", this.messages.configurableNodes.default.down)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.node.readOnly ? "Metadata must be updated in the workspace" : ""}><calcite-action .disabled=${this.node.readOnly || t.disableEdit || !this.isLayoutValid} icon=pencil @click=${this._onOpenEditorButtonClick} .text=${o(t, "i18n.edit", this.messages.configurableNodes.default.edit)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.deleteTooltipText}><calcite-action .disabled=${this.node.readOnly || t.disableDelete} icon=trash id=delete-button @click=${this._onDeleteButtonClick} .text=${o(t, "i18n.delete", this.messages.configurableNodes.default.delete)}></calcite-action></arcgis-ref-tooltip><calcite-popover .focusTrapOptions=${d} .heading=${s(this.messages, "layoutNodeControls.deletePopover.heading")} .label=${s(this.messages, "layoutNodeControls.deletePopover.heading")} offset-distance=2 overlay-positioning=fixed placement=bottom-start pointer-disabled reference-element=delete-button><div class="delete-popover-content"><p>${s(this.messages, "layoutNodeControls.deletePopover.body")}</p><calcite-button alignment=center appearance=outline-fill kind=danger @click=${this._onDeleteConfirmButtonClick} round width=full>${s(this.messages, "layoutNodeControls.deletePopover.button")}</calcite-button></div></calcite-popover></calcite-action-group></calcite-action-bar></calcite-popover>`;
+      e = f`<calcite-popover .focusTrapOptions=${r} offset-distance=1 offset-skidding=-4 .label=${l} .open=${this.node.id === this.activatedNode?.id} overlay-positioning=fixed placement=top-start pointer-disabled .referenceElement=${c} top-layer-disabled trigger-disabled><calcite-action-bar expand-disabled floating layout=horizontal overflow-actions-disabled overlay-positioning=absolute><calcite-action-group><calcite-action .text=${o(t, "i18n.label", this.messages.configurableNodes.default.label)} text-enabled></calcite-action></calcite-action-group><calcite-action-group><calcite-action .disabled=${t.disableAdjustVisibility} .icon=${this._isNodeVisible ? "view-visible" : "view-hide"} @click=${this._onToggleVisibilityClick} .text=${this._isNodeVisible ? o(t, "i18n.hideLabel", this.messages.configurableNodes.default.hide) : o(t, "i18n.showLabel", this.messages.configurableNodes.default.show)}></calcite-action><arcgis-ref-tooltip .text=${this.moveUpTooltipText}><calcite-action .disabled=${!this.#t} icon=arrow-up @click=${this._onMoveUpButtonClick} .text=${o(t, "i18n.repositionUpLabel", this.messages.configurableNodes.default.up)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.moveDownTooltipText}><calcite-action .disabled=${!this.#o} icon=arrow-down @click=${this._onMoveDownButtonClick} .text=${o(t, "i18n.repositionDownLabel", this.messages.configurableNodes.default.down)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.node.readOnly ? "Metadata must be updated in the workspace" : ""}><calcite-action .disabled=${this.node.readOnly || t.disableEdit || !this.isLayoutValid} icon=pencil @click=${this._onOpenEditorButtonClick} .text=${o(t, "i18n.edit", this.messages.configurableNodes.default.edit)}></calcite-action></arcgis-ref-tooltip><arcgis-ref-tooltip .text=${this.deleteTooltipText}><calcite-action .disabled=${this.node.readOnly || t.disableDelete} icon=trash id=delete-button @click=${this._onDeleteButtonClick} .text=${o(t, "i18n.delete", this.messages.configurableNodes.default.delete)}></calcite-action></arcgis-ref-tooltip><calcite-popover .focusTrapOptions=${r} .heading=${a(this.messages, "layoutNodeControls.deletePopover.heading")} .label=${a(this.messages, "layoutNodeControls.deletePopover.heading")} offset-distance=2 overlay-positioning=fixed placement=bottom-start pointer-disabled reference-element=delete-button><div class="delete-popover-content"><p>${a(this.messages, "layoutNodeControls.deletePopover.body")}</p><calcite-button alignment=center appearance=outline-fill kind=danger @click=${this._onDeleteConfirmButtonClick} round width=full>${a(this.messages, "layoutNodeControls.deletePopover.button")}</calcite-button></div></calcite-popover></calcite-action-group></calcite-action-bar></calcite-popover>`;
     }
     return e;
   }
@@ -117,7 +117,7 @@ class N extends p {
     return this.renderControls();
   }
 }
-c("arcgis-layout-node-controls", N);
+d("arcgis-layout-node-controls", v);
 export {
-  N as ArcgisLayoutNodeControls
+  v as ArcgisLayoutNodeControls
 };

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

@@ -1,23 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/0.37/LICENSE.txt */
 import { c as d } from "../../chunks/runtime.js";
-import { LitElement as h, createEvent as s, nothing as r, safeClassMap as c } from "@arcgis/lumina";
+import { LitElement as h, createEvent as c, nothing as r, safeClassMap as l } from "@arcgis/lumina";
 import { useContextConsumer as u } from "@arcgis/lumina/context";
-import { css as p, html as i } from "lit";
-import { cloneObject as f, getWithDefault as n } from "@esri/hub-common";
+import { css as f, html as o } from "lit";
+import { cloneObject as p, getWithDefault as n } from "@esri/hub-common";
 import { l as v } from "../../chunks/layoutContext.js";
-import { g, a as m, i as b } from "../../chunks/interpolate-translations.js";
+import { g as b, a as g, i as m } from "../../chunks/interpolate-translations.js";
 import { g as y } from "../../chunks/state.js";
-import { dictionary as N } from "@esri/telemetry-dictionary-hub";
-import { slotChangeGetAssignedElements as x } from "@arcgis/toolkit/dom";
+import { dictionary as x } from "@esri/telemetry-dictionary-hub";
+import { slotChangeGetAssignedElements as N } from "@arcgis/toolkit/dom";
 import { i as C } from "../../chunks/isNodeVisible.js";
-const $ = p`#card-label{position:fixed;position-anchor:--highlight-anchor;inset-block-end:calc(anchor(top) + 3px);inset-inline-start:calc(anchor(left) - 3px);background-color:#fff;border:solid 1px var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius);font-size:var(--calcite-font-size--2);line-height:var(--calcite-font-line-height-fixed-sm);font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);box-shadow:0 0 16px #00000029}#aria-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#overlay{position:absolute;position-anchor:--highlight-anchor;position-area:center;width:anchor-size(width);height:anchor-size(height);display:flex;justify-content:center;align-items:center}#overlay.hidden{background-color:#fff6;outline:1.5px dashed var(--calcite-color-border-1);calcite-chip{opacity:1}}#add-button{position:fixed;position-anchor:--highlight-anchor;justify-self:anchor-center;inset-block-start:calc(anchor(bottom) - 15px);z-index:2}.slot-container{display:flex;flex:1;min-width:0;anchor-name:--highlight-anchor}:host{--calcite-popover-border-color: #dedede;--calcite-popover-corner-radius: 4px;#card-label,calcite-button{opacity:0}display:flex}::slotted(*){flex:1;min-width:0}#overlay:focus-visible{outline:none}:host([is-edit-mode]):has(.is-focused){#card-label{opacity:1}}:host([is-edit-mode]:not([activated],[has-nav-card]):hover),:host([is-edit-mode]:not([activated],[has-nav-card]):focus){--calcite-internal-color-focus: var(--calcite-color-brand);cursor:pointer;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-width:var(--calcite-border-width-sm);#card-label,calcite-button{opacity:1}}:host([is-edit-mode][activated]:not([has-nav-card])){--calcite-internal-color-focus: var(--calcite-color-brand-hover);cursor:pointer;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-width:var(--calcite-border-width-md)}.popover-content{max-height:19.3rem;overflow-y:auto;border-radius:var(--calcite-popover-corner-radius)}calcite-list-item{--calcite-list-border-color: transparent}`;
-function _(l = {}, e) {
-  const t = g(l);
-  return Object.values(t).filter((o) => !o.hideAdd);
+const $ = f`#card-label{position:fixed;position-anchor:--highlight-anchor;inset-block-end:calc(anchor(top) + 3px);inset-inline-start:calc(anchor(left) - 3px);background-color:#fff;border:solid 1px var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius);font-size:var(--calcite-font-size--2);line-height:var(--calcite-font-line-height-fixed-sm);font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);box-shadow:0 0 16px #00000029}#card-label,#overlay,#add-button,calcite-popover{font-family:Avenir Next;--calcite-color-background: #f7f7f7;--calcite-color-background-none: rgba(255, 255, 255, 0);--calcite-color-border-1: #d4d4d4;--calcite-color-border-2: #dedede;--calcite-color-border-3: #ebebeb;--calcite-color-border-ghost: rgba(0, 0, 0, .3);--calcite-color-border-input: #949494;--calcite-color-border-white: #ffffff;--calcite-color-brand: #007ac2;--calcite-color-brand-hover: #00619b;--calcite-color-brand-press: #004874;--calcite-color-brand-underline: rgba(0, 97, 155, .4);--calcite-color-focus: #007ac2;--calcite-color-foreground-1: #ffffff;--calcite-color-foreground-2: #f2f2f2;--calcite-color-foreground-3: #ebebeb;--calcite-color-foreground-current: #d6efff;--calcite-color-inverse: #363636;--calcite-color-inverse-hover: #2b2b2b;--calcite-color-inverse-press: #212121;--calcite-color-status-danger: #d83020;--calcite-color-status-danger-hover: #a82b1e;--calcite-color-status-danger-press: #7c1d13;--calcite-color-status-info: #00619b;--calcite-color-status-info-hover: #004874;--calcite-color-status-info-press: #00304d;--calcite-color-status-success: #288835;--calcite-color-status-success-hover: #1a6324;--calcite-color-status-success-press: #0d3f14;--calcite-color-status-warning: #da7c0b;--calcite-color-status-warning-hover: #c26b00;--calcite-color-status-warning-press: #9a5b10;--calcite-color-surface-1: #f7f7f7;--calcite-color-surface-2: #ffffff;--calcite-color-surface-3: #f2f2f2;--calcite-color-surface-4: #ebebeb;--calcite-color-surface-highlight: #d6efff;--calcite-color-text-1: #141414;--calcite-color-text-2: #4a4a4a;--calcite-color-text-3: #6b6b6b;--calcite-color-text-highlight: #004874;--calcite-color-text-inverse: #ffffff;--calcite-color-text-link: #00619b;--calcite-color-transparent: rgba(0, 0, 0, 0);--calcite-color-transparent-hover: rgba(0, 0, 0, .04);--calcite-color-transparent-inverse-hover: rgba(255, 255, 255, .12);--calcite-color-transparent-inverse-press: rgba(255, 255, 255, .16);--calcite-color-transparent-press: rgba(0, 0, 0, .08);--calcite-color-transparent-scrim: rgba(255, 255, 255, .85);--calcite-color-transparent-tint: rgba(255, 255, 255, .8)}#aria-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#overlay{position:absolute;position-anchor:--highlight-anchor;position-area:center;width:anchor-size(width);height:anchor-size(height);display:flex;justify-content:center;align-items:center}#overlay.hidden{background-color:#fff6;outline:1.5px dashed var(--calcite-color-border-1);calcite-chip{opacity:1}}#add-button{position:fixed;position-anchor:--highlight-anchor;justify-self:anchor-center;inset-block-start:calc(anchor(bottom) - 15px);z-index:2}.slot-container{display:flex;flex:1;min-width:0;anchor-name:--highlight-anchor}:host{--calcite-popover-border-color: #dedede;--calcite-popover-corner-radius: 4px;#card-label,calcite-button{opacity:0}display:flex}::slotted(*){flex:1;min-width:0}#overlay:focus-visible{outline:none}:host([is-edit-mode]):has(.is-focused){#card-label{opacity:1}}:host([is-edit-mode]:not([activated],[has-nav-card]):hover),:host([is-edit-mode]:not([activated],[has-nav-card]):focus){#overlay{--calcite-internal-color-focus: var(--calcite-color-brand)}#overlay{cursor:pointer}#overlay{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}#overlay{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))))}#overlay{outline-width:var(--calcite-border-width-sm)}#card-label,calcite-button{opacity:1}}:host([is-edit-mode][activated]:not([has-nav-card])){#overlay{--calcite-internal-color-focus: var(--calcite-color-brand-hover)}#overlay{cursor:pointer}#overlay{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}#overlay{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))))}#overlay{outline-width:var(--calcite-border-width-md)}}.popover-content{max-height:19.3rem;overflow-y:auto;border-radius:var(--calcite-popover-corner-radius)}calcite-list-item{--calcite-list-border-color: transparent}`;
+function w(s = {}, e) {
+  const t = b(s);
+  return Object.values(t).filter((a) => !a.hideAdd);
 }
-class w extends h {
+class _ extends h {
   constructor() {
-    super(), this.#e = u({ context: v }), this.isPopoverOpen = !1, this.isFocused = !1, this.isEditMode = !1, this.arcgisLayoutActivateNode = s(), this.arcgisLayoutAddNode = s(), this.hubTelemetry = s(), this.listen("calcitePopoverBeforeOpen", this.loadConfig), this.listen("calcitePopoverOpen", (e) => {
+    super(), this.#e = u({ context: v }), this.isPopoverOpen = !1, this.isFocused = !1, this.isEditMode = !1, this.arcgisLayoutActivateNode = c(), this.arcgisLayoutAddNode = c(), this.hubTelemetry = c(), this.listen("calcitePopoverBeforeOpen", this.loadConfig), this.listen("calcitePopoverOpen", (e) => {
       this.isPopoverOpen = !0;
     }), this.listen("calcitePopoverClose", (e) => {
       this.isPopoverOpen = !1;
@@ -36,8 +36,8 @@ class w extends h {
   get _layoutNodeConfig() {
     if (!this.layoutElement || !this.node)
       return;
-    let e = m(this.layoutElement.tagName.toLowerCase(), this.#e.value, this._context);
-    return e && (e = b(this._messages, e)), f(e);
+    let e = g(this.layoutElement.tagName.toLowerCase(), this.#e.value, this._context);
+    return e && (e = m(this._messages, e)), p(e);
   }
   get ariaCardDescription() {
     let e = "";
@@ -58,13 +58,13 @@ class w extends h {
     (e.has("activatedNode") || e.has("node")) && (this.node?.id === this.activatedNode?.id ? this.el.setAttribute("activated", "true") : this.el.removeAttribute("activated")), e.has("node") && (this.node?.tag === "arcgis-nav-card" ? this.el.setAttribute("has-nav-card", "true") : this.el.removeAttribute("has-nav-card"));
   }
   _handleSlotChange(e) {
-    this.layoutElement = x(e)[0];
+    this.layoutElement = N(e)[0];
   }
   _handlePopoverOpen() {
-    this.hubTelemetry.emit(N.category.interaction.action.open.label.dialog.details.addLayoutNode);
+    this.hubTelemetry.emit(x.category.interaction.action.open.label.dialog.details.addLayoutNode);
   }
   loadConfig() {
-    this.config || (this.config = _(this.#e.value, this._context));
+    this.config || (this.config = w(this.#e.value, this._context));
   }
   _handleNodeFocus(e) {
     this.isFocused = e.detail;
@@ -78,14 +78,14 @@ class w extends h {
     (e.key === "Enter" || e.key === " ") && this._handleNodeClick(e);
   }
   async _handleListItemSelect(e) {
-    const t = e.target.dataset.tag, o = this.config?.find((a) => a.tag === t);
-    if (this.node && o) {
-      const a = {
+    const t = e.target.dataset.tag, a = this.config?.find((i) => i.tag === t);
+    if (this.node && a) {
+      const i = {
         adjacentNode: this.node,
         position: "after",
-        config: o
+        config: a
       };
-      this.arcgisLayoutAddNode.emit(a);
+      this.arcgisLayoutAddNode.emit(i);
     }
     this.isPopoverOpen = !1;
   }
@@ -93,38 +93,38 @@ class w extends h {
     let e;
     if (this.isEditMode && this.node) {
       const t = n(this._layoutNodeConfig ?? {}, "i18n.label", this._messages.configurableNodes.default.label);
-      e = i`<span id=card-label aria-hidden=true>${t}</span>`;
+      e = o`<span id=card-label aria-hidden=true>${t}</span>`;
     }
     return e;
   }
   renderOverlay() {
     let e;
     if (this.isEditMode && this.node && this.node.tag !== "arcgis-nav-card") {
-      const t = this._messages.layoutNodeHidden, o = n(this._layoutNodeConfig ?? {}, "i18n.ariaLabel", this._messages.configurableNodes.default.ariaLabel);
-      e = i`<div aria-describedby=aria-description aria-label=${o ?? r} id=overlay class=${c({ hidden: !this.isNodeVisible })} @click=${this._handleNodeClick} @keydown=${this._handleNodeKeyDown} role=button tabindex=0><span id=aria-description>${this.ariaCardDescription}</span>${this.isNodeVisible ? null : i`<calcite-chip appearance=solid icon=view-hide .label=${t}>${t}</calcite-chip>`}</div>`;
+      const t = this._messages.layoutNodeHidden, a = n(this._layoutNodeConfig ?? {}, "i18n.ariaLabel", this._messages.configurableNodes.default.ariaLabel);
+      e = o`<div aria-describedby=aria-description aria-label=${a ?? r} id=overlay class=${l({ hidden: !this.isNodeVisible })} @click=${this._handleNodeClick} @keydown=${this._handleNodeKeyDown} role=button tabindex=0><span id=aria-description>${this.ariaCardDescription}</span>${this.isNodeVisible ? null : o`<calcite-chip appearance=solid icon=view-hide .label=${t}>${t}</calcite-chip>`}</div>`;
     }
     return e;
   }
   renderNodeControls() {
     let e;
-    return this.isEditMode && this.node && (e = i`<arcgis-layout-node-controls .activatedNode=${this.activatedNode} .isEditMode=${this.isEditMode} .isLayoutValid=${this.#e.value.isLayoutValid} .layout=${this.#e.value.layout} .layoutNodeConfig=${this._layoutNodeConfig} .messages=${this._messages} .node=${this.node} .layoutElement=${this.layoutElement} style="position: absolute;"></arcgis-layout-node-controls>`), e;
+    return this.isEditMode && this.node && (e = o`<arcgis-layout-node-controls .activatedNode=${this.activatedNode} .isEditMode=${this.isEditMode} .isLayoutValid=${this.#e.value.isLayoutValid} .layout=${this.#e.value.layout} .layoutNodeConfig=${this._layoutNodeConfig} .messages=${this._messages} .node=${this.node} .layoutElement=${this.layoutElement} style="position: absolute;"></arcgis-layout-node-controls>`), e;
   }
   renderAddButton() {
     let e;
-    return this.isEditMode && this.node && this.node.tag !== "arcgis-nav-card" && (e = i`<calcite-button icon-start=plus id=add-button .label=${this._messages.addButtonLabel} round></calcite-button>`), e;
+    return this.isEditMode && this.node && this.node.tag !== "arcgis-nav-card" && (e = o`<calcite-button icon-start=plus id=add-button .label=${this._messages.addButtonLabel} round></calcite-button>`), e;
   }
   renderAddPopover() {
     let e;
-    return this.isEditMode && this.node && this.node.tag !== "arcgis-nav-card" && (e = i`<calcite-popover auto-close .heading=${this._messages.addElementPopoverHeading} .label=${this._messages.addElementPopoverLabel} @calcitePopoverOpen=${this._handlePopoverOpen} .open=${this.isPopoverOpen} reference-element=add-button top-layer-disabled><div class="popover-content"><calcite-list .label=${this._messages.addElementListLabel}>${this.config?.map((t) => i`<calcite-list-item data-tag=${t.tag ?? r} .disabled=${t.disableAdd} icon-start=${t.icon ?? r} .label=${t.i18n.label} @calciteListItemSelect=${this._handleListItemSelect}></calcite-list-item>`)}</calcite-list></div></calcite-popover>`), e;
+    return this.isEditMode && this.node && this.node.tag !== "arcgis-nav-card" && (e = o`<calcite-popover auto-close .heading=${this._messages.addElementPopoverHeading} .label=${this._messages.addElementPopoverLabel} @calcitePopoverOpen=${this._handlePopoverOpen} .open=${this.isPopoverOpen} reference-element=add-button top-layer-disabled><div class="popover-content"><calcite-list .label=${this._messages.addElementListLabel}>${this.config?.map((t) => o`<calcite-list-item data-tag=${t.tag ?? r} .disabled=${t.disableAdd} icon-start=${t.icon ?? r} .label=${t.i18n.label} @calciteListItemSelect=${this._handleListItemSelect}></calcite-list-item>`)}</calcite-list></div></calcite-popover>`), e;
   }
   render() {
-    return i`${this.renderLabel()}<div class=${c({
+    return o`${this.renderLabel()}<div class=${l({
       "slot-container": !0,
       "is-focused": this.isFocused
     })}><slot @slotchange=${this._handleSlotChange}></slot></div>${this.renderOverlay()}${this.renderAddButton()}${this.renderAddPopover()}${this.renderNodeControls()}`;
   }
 }
-d("arcgis-layout-node-wrapper", w);
+d("arcgis-layout-node-wrapper", _);
 export {
-  w as ArcgisLayoutNodeWrapper
+  _ as ArcgisLayoutNodeWrapper
 };