@esri/hub-web-components 0.14.0 → 0.16.0

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

@@ -1,37 +1,60 @@
-import { c as r } from "../../chunks/runtime.js";
-import { html as s } from "lit-html";
-import { LitElement as c, createEvent as i } from "@arcgis/lumina";
-import { css as d } from "@lit/reactive-element/css-tag.js";
-import { cloneObject as u, getWithDefault as t, isNil as h, getProp as o } from "@esri/hub-common";
-import { g, i as f } from "../../chunks/interpolate-translations.js";
-import { i as m } from "../../chunks/isNodeVisible.js";
-import { dictionary as a } from "@esri/telemetry-dictionary-hub";
+import { c } from "../../chunks/runtime.js";
+import { html as a } from "lit-html";
+import { LitElement as d, useContextConsumer as u, createEvent as s } from "@arcgis/lumina";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+import { cloneObject as p, getWithDefault as o, isNil as f, getProp as i } from "@esri/hub-common";
+import { l as g, g as y, i as m } from "../../chunks/interpolate-translations.js";
+import { i as b } from "../../chunks/isNodeVisible.js";
+import { dictionary as l } from "@esri/telemetry-dictionary-hub";
+import { f as r } from "../../chunks/findColumnAndNodeIndex.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
-const p = d`:host{position:absolute}`;
-class y extends c {
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
+const N = h`:host{position:absolute}`;
+class C extends d {
   constructor() {
-    super(...arguments), this.isEditMode = !1, this.isLayoutValid = !0, this.hubTelemetry = i(), this.arcgisLayoutNodeEditorOpen = i(), this.arcgisLayoutNodeVisibilityChange = i();
+    super(...arguments), this.#t = u({ context: g, subscribe: !0 }), this.isEditMode = !1, this.isLayoutValid = !0, this.hubTelemetry = s(), this.arcgisLayoutNodeEditorOpen = s(), this.arcgisLayoutNodeVisibilityChange = s(), this.arcgisLayoutNodeReposition = s();
   }
   static {
     this.properties = { isEditMode: 5, isLayoutValid: 5, node: 0, referenceElement: 0, messages: 0, layoutNodeEditorRef: 0 };
   }
   static {
-    this.styles = p;
+    this.styles = N;
   }
   get _layoutNodeConfig() {
     if (!this.referenceElement || !this.node)
       return;
-    let e = g(this.referenceElement, this.node);
-    return e && (e = f(this.messages, e)), u(e);
+    let t = y(this.referenceElement, this.node);
+    return t && (t = m(this.messages, t)), p(t);
+  }
+  #t;
+  get layout() {
+    return this.#t.value.layout;
+  }
+  get #e() {
+    const t = this._layoutNodeConfig ? this._layoutNodeConfig.canMove : !1;
+    let e = !1;
+    return this.node && this.layout && (e = !!r(this.node, this.layout)?.isFirstInColumn), !!t && !e;
+  }
+  get moveUpTooltipText() {
+    let t = "";
+    return this.#e || (t = this.messages.layoutNodeControls.repositionUpDisabledTooltip), t;
+  }
+  get #o() {
+    const t = this._layoutNodeConfig ? this._layoutNodeConfig.canMove : !1;
+    let e = !1;
+    return this.node && this.layout && (e = !!r(this.node, this.layout)?.isLastInColumn), !!t && !e;
+  }
+  get moveDownTooltipText() {
+    let t = "";
+    return this.#o || (t = this.messages.layoutNodeControls.repositionDownDisabledTooltip), t;
   }
   get _isNodeVisible() {
-    return m(this.node);
+    return b(this.node);
   }
   _onOpenEditorButtonClick() {
     this.arcgisLayoutNodeEditorOpen.emit(), this.hubTelemetry.emit({
-      ...a.category.interaction.action.open.label.sidePanel,
+      ...l.category.interaction.action.open.label.sidePanel,
       details: this._layoutNodeConfig.name
     });
   }
@@ -41,26 +64,32 @@ class y extends c {
       valid: !0,
       layoutNodeConfig: this._layoutNodeConfig
     });
-    const e = this._isNodeVisible ? "disable" : "enable";
+    const t = this._isNodeVisible ? "disable" : "enable";
     this.hubTelemetry.emit({
-      ...a.category.interaction.action[e].label.visibility,
+      ...l.category.interaction.action[t].label.visibility,
       details: this._layoutNodeConfig.name
     });
   }
+  _onMoveUpButtonClick() {
+    this.arcgisLayoutNodeReposition.emit({ node: this.node, direction: "up" });
+  }
+  _onMoveDownButtonClick() {
+    this.arcgisLayoutNodeReposition.emit({ node: this.node, direction: "down" });
+  }
   renderControls() {
-    const e = this._layoutNodeConfig;
-    if (!e || !this.referenceElement)
+    const t = this._layoutNodeConfig;
+    if (!t || !this.referenceElement)
       return null;
-    const l = this.messages.layoutNodeControls.a11yLabel || "", n = this.layoutNodeEditorRef ? {
+    const e = this.messages.layoutNodeControls.a11yLabel || "", n = this.layoutNodeEditorRef ? {
       extraContainers: [this.layoutNodeEditorRef]
     } : void 0;
-    return s`<calcite-popover auto-close .focusTrapOptions=${n} offset-distance=0 .label=${l} overlay-positioning=fixed placement=top-start pointer-disabled .referenceElement=${this.referenceElement}><calcite-action-bar expand-disabled layout=horizontal overflow-actions-disabled overlay-positioning=absolute><calcite-action-group><calcite-action .text=${t(e, "i18n.label", this.messages.layoutNodeControls.configurableNodes.default.label)} text-enabled></calcite-action></calcite-action-group><calcite-action-group><calcite-action .disabled=${h(e.canAdjustVisibility) ? !1 : !e.canAdjustVisibility} .icon=${this._isNodeVisible ? "view-visible" : "view-hide"} @click=${this._onToggleVisibilityClick} .text=${this._isNodeVisible ? t(e, "i18n.hideLabel", o(this.messages, "layoutNodeControls.configurableNodes.hide.up")) : t(e, "i18n.showLabel", o(this.messages, "layoutNodeControls.configurableNodes.show.up"))}></calcite-action>${e.editor && s`<arcgis-ref-tooltip .text=${this.node?.readOnly ? "Metadata must be updated in the workspace" : ""}><calcite-action .disabled=${this.node?.readOnly || !e.canEdit || !this.isLayoutValid} icon=pencil @click=${this._onOpenEditorButtonClick} .text=${t(e, "i18n.edit", o(this.messages, "layoutNodeControls.configurableNodes.default.edit"))}></calcite-action></arcgis-ref-tooltip>` || ""}</calcite-action-group></calcite-action-bar></calcite-popover>`;
+    return a`<calcite-popover auto-close .focusTrapOptions=${n} offset-distance=0 .label=${e} overlay-positioning=fixed placement=top-start pointer-disabled .referenceElement=${this.referenceElement}><calcite-action-bar expand-disabled layout=horizontal overflow-actions-disabled overlay-positioning=absolute><calcite-action-group><calcite-action .text=${o(t, "i18n.label", this.messages.layoutNodeControls.configurableNodes.default.label)} text-enabled></calcite-action></calcite-action-group><calcite-action-group><calcite-action .disabled=${f(t.canAdjustVisibility) ? !1 : !t.canAdjustVisibility} .icon=${this._isNodeVisible ? "view-visible" : "view-hide"} @click=${this._onToggleVisibilityClick} .text=${this._isNodeVisible ? o(t, "i18n.hideLabel", i(this.messages, "layoutNodeControls.configurableNodes.hide.up")) : o(t, "i18n.showLabel", i(this.messages, "layoutNodeControls.configurableNodes.show.up"))}></calcite-action><arcgis-ref-tooltip .text=${this.moveUpTooltipText}><calcite-action .disabled=${!this.#e} icon=arrow-up @click=${this._onMoveUpButtonClick} .text=${o(t, "i18n.repositionUpLabel", i(this.messages, "layoutNodeControls.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", i(this.messages, "layoutNodeControls.configurableNodes.default.down"))}></calcite-action></arcgis-ref-tooltip>${t.editor && a`<arcgis-ref-tooltip .text=${this.node?.readOnly ? "Metadata must be updated in the workspace" : ""}><calcite-action .disabled=${this.node?.readOnly || !t.canEdit || !this.isLayoutValid} icon=pencil @click=${this._onOpenEditorButtonClick} .text=${o(t, "i18n.edit", i(this.messages, "layoutNodeControls.configurableNodes.default.edit"))}></calcite-action></arcgis-ref-tooltip>` || ""}</calcite-action-group></calcite-action-bar></calcite-popover>`;
   }
   render() {
     return this.isEditMode && this.node && this.referenceElement && this.renderControls() || "";
   }
 }
-r("arcgis-layout-node-controls", y);
+c("arcgis-layout-node-controls", C);
 export {
-  y as ArcgisLayoutNodeControls
+  C as ArcgisLayoutNodeControls
 };

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

@@ -6,8 +6,8 @@ import { html as a } from "lit";
 import { css as f } from "@lit/reactive-element/css-tag.js";
 import { ArcgisLayoutNodeEditorDynamicTag as C } from "./layout-node-editor-dynamic-tag/customElement.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const p = f`@layer{arcgis-configuration-editor:focus{--focus-color: var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:solid 2px var(--focus-color)}}`;
 class m extends n {
   constructor() {

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

@@ -1,8 +1,8 @@
 import { html as t } from "lit-html";
 import { spreadProps as d, spreadEvents as o } from "@open-wc/lit-helpers";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 function g({ tagName: c, props: r }) {
   const n = r.onInputChangeEvent || void 0, a = {
     ...r

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

@@ -3,14 +3,13 @@ import { LitElement as m, useContextConsumer as b, createEvent as n, noShadowRoo
 import { css as y } from "@lit/reactive-element/css-tag.js";
 import { checkPermission as v, getProp as d, cloneObject as N, getWithDefault as x } from "@esri/hub-common";
 import { html as a } from "lit";
-import { l as C } from "../../chunks/messagesContext.js";
-import { g as P, i as _ } from "../../chunks/interpolate-translations.js";
+import { l as C, g as P, i as _ } from "../../chunks/interpolate-translations.js";
 import { m as $, i as L } from "../../chunks/memoizeAsync.js";
 import { dictionary as c } from "@esri/telemetry-dictionary-hub";
 import { g as E } from "../../chunks/state.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const O = y`@layer{arcgis-layout-node-highlight{--button-height: 30px;--label-height: 30px;opacity:0;position:absolute;calcite-label{position:fixed;position-anchor:var(--anchor-element-name);inset-block:calc(anchor(top) - var(--label-height)) calc(anchor(top) + 2px);background-color:#fff;padding:2px 5px;border:solid 2px var(--calcite-ui-brand);border-bottom:none}calcite-button{position:fixed;position-anchor:var(--anchor-element-name);justify-self:anchor-center;inset-block-start:calc(anchor(bottom) - var(--button-height) / 2)}.popover-content{max-height:19.3rem;overflow-y:auto}calcite-list-item{--calcite-list-border-color: transparent}}.current-node+arcgis-layout-node-highlight{opacity:1}}`, s = c.category.interaction.action.select.label.layoutNode, I = [
   {
     tag: "arcgis-text-card",
@@ -52,7 +51,6 @@ const O = y`@layer{arcgis-layout-node-highlight{--button-height: 30px;--label-he
     tag: "arcgis-hub-gallery-card",
     label: "{{layoutNodeControls.configurableNodes.gallery.label:translate}}",
     icon: "gallery",
-    disabled: !0,
     defaults: {
       // NOTE: i don't know if this is what we want - just trying to find something workable for now
       showEmptyState: !0,
@@ -127,7 +125,7 @@ class B extends m {
   }
   #e;
   get _messages() {
-    return this.#e.value;
+    return this.#e.value.messages;
   }
   get referenceElement() {
     return this.el.previousElementSibling;

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

@@ -4,8 +4,8 @@ import { LitElement as s } from "@arcgis/lumina";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 import { u as n } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const a = r`:host{display:flex;justify-content:center;align-items:center;position:fixed;position-area:center;width:anchor-size(width);height:anchor-size(height);anchor-name:--overlay;pointer-events:none;outline:1.5px dashed var(--calcite-color-border-1)}.overlay{opacity:.6;background-color:#ffffffa6;width:100%;height:100%}.overlay-content{position:fixed}`;
 class c extends s {
   constructor() {

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

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

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

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

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

@@ -6,8 +6,8 @@ import { getProp as r } from "@esri/hub-common";
 import { i as p } from "../../chunks/isNodeVisible.js";
 import { b as f } from "../../chunks/getResponsiveClasses.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 function v(i, e, t, s) {
   {
     let a = i;

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.14/esri/copyright.txt for details.
-v0.14.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const n = 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 d extends s {
   constructor() {

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

@@ -4,8 +4,8 @@ import { spread as $, spreadProps as g, spreadEvents as b } from "@open-wc/lit-h
 import { getProp as y } from "@esri/hub-common";
 import { i as v } from "../../../../chunks/isNodeVisible.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 function N({ tagName: k, props: u, classes: w, styles: a, children: o, options: n }) {
   const m = n.onMouseLeave, h = n.onMouseEnter, l = y(u, "node.id"), c = {
     ...u,

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

@@ -2,6 +2,8 @@ import { ILayout, IColumn, LayoutNode } from '@esri/hub-common';
 export interface ColumnNodeLocation {
     column: IColumn;
     index: number;
+    isFirstInColumn: boolean;
+    isLastInColumn: boolean;
 }
 /**
  * Recursively traverses the layout to find the IColumn containing the given LayoutNode,

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

@@ -0,0 +1,9 @@
+import { ArcgisLayoutContainer } from '../../arcgis-layout-container/customElement.js';
+import { ILayout } from '@esri/hub-common';
+export type LayoutContext = {
+    messages: ArcgisLayoutContainer["_messages"];
+    layout: ILayout | undefined;
+};
+export declare const layoutContext: {
+    __context__: LayoutContext;
+};

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

@@ -0,0 +1,11 @@
+import { ILayout, LayoutNode } from '@esri/hub-common';
+/**
+ * Moves a leaf LayoutNode up within its column, or to the previous column if at index 0.
+ * Returns the new layout with the node moved, or the original (cloned) layout if not moved.
+ */
+export declare function moveNodeUp(targetNode: LayoutNode, layout: ILayout): ILayout;
+/**
+ * Moves a leaf LayoutNode down within its column, or to the next column if at last index.
+ * Returns the new layout with the node moved, or the original (cloned) layout if not moved.
+ */
+export declare function moveNodeDown(targetNode: LayoutNode, layout: ILayout): ILayout;

package/dist/docs/api.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-12-19T18:30:03",
+  "timestamp": "2026-01-06T20:35:07",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "4.33.24",
@@ -2406,6 +2406,14 @@
               "default": "false",
               "fieldName": "isEditMode"
             }
+          ],
+          "events": [
+            {
+              "name": "arcgisHubLayoutRendered",
+              "type": {
+                "text": "void"
+              }
+            }
           ]
         }
       ],

package/dist/docs/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-12-19T18:30:03",
+  "timestamp": "2026-01-06T20:35:07",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "4.33.24",
@@ -2181,7 +2181,22 @@
           "docsTags": []
         }
       ],
-      "events": [],
+      "events": [
+        {
+          "event": "arcgisHubLayoutRendered",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "styles": [],
       "slots": [],
       "parts": [],

package/dist/docs/vscode.html-custom-data.json

@@ -238,7 +238,7 @@
     },
     {
       "name": "arcgis-layout",
-      "description": "A web component for rendering an ILayout\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getCardEl(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>`",
+      "description": "A web component for rendering an ILayout\n--\n\n### Events\n- **arcgisHubLayoutRendered**\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getCardEl(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>`",
       "attributes": [
         {
           "name": "debug",

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/hub-web-components",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -599,7 +599,7 @@
         },
         {
           "name": "arcgis-layout",
-          "description": "A web component for rendering an ILayout\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getCardEl(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>`",
+          "description": "A web component for rendering an ILayout\n--\n\n### Events\n- **arcgisHubLayoutRendered**\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getCardEl(nodeId: string): Promise<HTMLConfigurableLayoutNodeElement | undefined>`",
           "attributes": [
             {
               "name": "debug",
@@ -618,7 +618,12 @@
               }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "arcgisHubLayoutRendered",
+              "type": "void"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -647,7 +652,12 @@
                 "type": "IProcessLayoutOptions"
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "arcgisHubLayoutRendered",
+                "type": "void"
+              }
+            ]
           }
         },
         {

package/dist/embed-config.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const s = {
   production: {
     compassApiUrl: "https://hub.arcgis.com/api/assistants/v1",

package/dist/index.d.ts

@@ -27,6 +27,11 @@ export interface ArcgisChatUiCustomEvent<T> extends CustomEvent<T> {
   target: HTMLArcgisChatUiElement;
   currentTarget: HTMLArcgisChatUiElement;
 }
+export interface ArcgisLayoutCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: HTMLArcgisLayoutElement;
+  currentTarget: HTMLArcgisLayoutElement;
+}
 export interface ArcgisLayoutContainerCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: HTMLArcgisLayoutContainerElement;
@@ -93,8 +98,17 @@ declare global {
   interface HTMLArcgisLayoutNodeOverlayElement extends ArcgisLayoutNodeOverlay {
 
   }
-  interface HTMLArcgisLayoutElement extends ArcgisLayout {
+  interface HTMLArcgisLayoutElementEventMap {
+    "arcgisHubLayoutRendered": ArcgisLayout["arcgisHubLayoutRendered"]["detail"];
+  }
 
+  interface HTMLArcgisLayoutElement extends ArcgisLayout {
+    addEventListener<K extends keyof HTMLArcgisLayoutElementEventMap>(type: K, listener: (this: HTMLArcgisLayoutElement, ev: ArcgisLayoutCustomEvent<HTMLArcgisLayoutElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLArcgisLayoutElementEventMap>(type: K, listener: (this: HTMLArcgisLayoutElement, ev: ArcgisLayoutCustomEvent<HTMLArcgisLayoutElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
   }
   interface HTMLArcgisLayoutContainerElementEventMap {
     "arcgisHubLayoutChanged": ArcgisLayoutContainer["arcgisHubLayoutChanged"]["detail"];

package/dist/index.js

@@ -1,7 +1,7 @@
 import { g as e, s as a } from "./chunks/runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 export {
   e as getAssetPath,
   a as setAssetPath

package/dist/loader.js

@@ -1,8 +1,8 @@
 import { r as t } from "./chunks/runtime.js";
 import { makeDefineCustomElements as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
+See https://js.arcgis.com/0.16/esri/copyright.txt for details.
+v0.16.0 */
 const a = i(t, {
   "arcgis-chat-shell": [() => import("./components/arcgis-chat-shell/customElement.js"), "aboutContent,aboutVisible,chatComponent:,featureTable:,map:,mapEnabled,mapVisible"],
   "arcgis-chat-ui": [() => import("./components/arcgis-chat-ui/customElement.js"), "authentication:,botDescription,botTitle,conversationId,defaultSuggestions:,devFeatureMessage:,domain,getFinderResponse:,hasOrgAiAccess,inputText,isAuthenticated,portalUrl;submitUserMessage"],

package/dist/types/lumina.d.ts

@@ -40,6 +40,7 @@ interface LuminaArcgisLayoutNodeOverlay extends Partial<Pick<ArcgisLayoutNodeOve
 }
 
 interface LuminaArcgisLayout extends Partial<Pick<ArcgisLayout, 'debug' | 'highlightedNode' | 'isEditMode' | 'layout' | 'options'>>, h.JSX.HTMLAttributes<HTMLArcgisLayoutElement> {
+  onarcgisHubLayoutRendered?: EventHandler<HTMLArcgisLayoutElement["arcgisHubLayoutRendered"]>;
 }
 
 interface LuminaArcgisLayoutContainer extends Partial<Pick<ArcgisLayoutContainer, 'debug' | 'isEditMode' | 'isPublishing' | 'layout' | 'options'>>, h.JSX.HTMLAttributes<HTMLArcgisLayoutContainerElement> {

package/dist/types/preact.d.ts

@@ -41,6 +41,7 @@ interface PreactArcgisLayoutNodeOverlay extends Partial<Pick<ArcgisLayoutNodeOve
 }
 
 interface PreactArcgisLayout extends Partial<Pick<ArcgisLayout, 'debug' | 'highlightedNode' | 'isEditMode' | 'layout' | 'options'>>, PreactJsx.HTMLAttributes<HTMLArcgisLayoutElement> {
+  onarcgisHubLayoutRendered?: EventHandler<HTMLArcgisLayoutElement["arcgisHubLayoutRendered"]>;
 }
 
 interface PreactArcgisLayoutContainer extends Partial<Pick<ArcgisLayoutContainer, 'debug' | 'isEditMode' | 'isPublishing' | 'layout' | 'options'>>, PreactJsx.HTMLAttributes<HTMLArcgisLayoutContainerElement> {

package/dist/types/react.d.ts

@@ -41,6 +41,7 @@ interface ReactArcgisLayoutNodeOverlay extends Partial<Pick<ArcgisLayoutNodeOver
 }
 
 interface ReactArcgisLayout extends Partial<Pick<ArcgisLayout, 'debug' | 'highlightedNode' | 'isEditMode' | 'layout' | 'options'>>, HTMLProps<HTMLArcgisLayoutElement> {
+  onarcgisHubLayoutRendered?: EventHandler<HTMLArcgisLayoutElement["arcgisHubLayoutRendered"]>;
 }
 
 interface ReactArcgisLayoutContainer extends Partial<Pick<ArcgisLayoutContainer, 'debug' | 'isEditMode' | 'isPublishing' | 'layout' | 'options'>>, HTMLProps<HTMLArcgisLayoutContainerElement> {

package/dist/types/stencil.d.ts

@@ -41,6 +41,7 @@ interface StencilArcgisLayoutNodeOverlay extends Partial<Pick<ArcgisLayoutNodeOv
 }
 
 interface StencilArcgisLayout extends Partial<Pick<ArcgisLayout, 'debug' | 'highlightedNode' | 'isEditMode' | 'layout' | 'options'>>, StencilJsx.HTMLAttributes<HTMLArcgisLayoutElement> {
+  onArcgisHubLayoutRendered?: EventHandler<HTMLArcgisLayoutElement["arcgisHubLayoutRendered"]>;
 }
 
 interface StencilArcgisLayoutContainer extends Partial<Pick<ArcgisLayoutContainer, 'debug' | 'isEditMode' | 'isPublishing' | 'layout' | 'options'>>, StencilJsx.HTMLAttributes<HTMLArcgisLayoutContainerElement> {

package/dist/util/querySelectorAllDeep.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Recursively finds all elements matching a selector, traversing multiple levels of shadow DOM.
+ * @param root The root node to start searching from (Document, ShadowRoot, or Element)
+ * @param selector The CSS selector to search for
+ * @returns An array of matching elements
+ */
+export declare function querySelectorAllDeep<T extends Element = Element>(root: Node, selector: string): T[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/hub-web-components",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "description": "A collection of web components to build web experiences with ArcGIS Hub.",
   "publishConfig": {
     "access": "public",
@@ -32,7 +32,7 @@
     "@arcgis/toolkit": "^4.34.7",
     "@esri/arcgis-rest-portal": "^4.4.1",
     "@esri/arcgis-rest-request": "^4.2.3",
-    "@esri/hub-common": "^22.0.0",
+    "@esri/hub-common": "^22.1.0",
     "@esri/telemetry-dictionary-hub": "^4.24.0",
     "@open-wc/lit-helpers": "^0.7.0",
     "@stoplight/json-ref-resolver": "^3.1.6",
@@ -78,7 +78,7 @@
   "peerDependencies": {
     "@arcgis/core": "~4.33.0",
     "@esri/calcite-components": "^3.3.3",
-    "@esri/hub-components": "^5.398.3"
+    "@esri/hub-components": "^5.410.0"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/2EMUYB46.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
-import"./DEW2D5CV.js";var e={chart:"Gr\xE1fico",barChart:"Gr\xE1fico de barras",lineChart:"Gr\xE1fico de l\xEDneas",pieChart:"Gr\xE1fico circular",histogram:"Histograma",scatterplot:"Gr\xE1fico de dispersi\xF3n",boxPlot:"Diagrama de caja"},a={mean:"Valor medio",median:"Mediana",sum:"Suma",discretePercentile:"Percentil discreto",minimum:"M\xEDnimo",maximum:"M\xE1ximo",variance:"Varianza",count:"Recuento",aggregation:"${ statistics } de ${ fieldName }",noAggregation:"Sin agregaci\xF3n"},i="Gr\xE1fico",t="Recuento de series",r="Eje X",s="No disponible",o={start:"Alinear con el primer punto de datos",end:"Alinear con el \xFAltimo punto de datos"},n={chartType:e,statistics:a,defaultTitle:i,countSeries:t,xAxis:r,notAvailable:s,timeAggregationTypes:o};export{e as chartType,t as countSeries,n as default,i as defaultTitle,s as notAvailable,a as statistics,o as timeAggregationTypes,r as xAxis};

package/dist/cdn/2FRQPAIF.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.14/esri/copyright.txt for details.
-v0.14.0 */
-import{a as U}from"./RSTOZJTQ.js";import{a as S}from"./V5ZS3GPR.js";import b from"./UTOG6UFW.js";import a from"./SMCKWHST.js";import"./CGC7ZFUO.js";import"./ETNJP6JW.js";import{a as _}from"./EE5KFIXO.js";import"./S6FX4Y66.js";import"./NYTDURXV.js";import"./XL3XRYYO.js";import"./ZT7PHFNP.js";import"./XHEPHPVD.js";import{a as A}from"./Q6YLKY6I.js";import{b as y,c as C,j as h}from"./FJVKKEBZ.js";import"./W64UKRMC.js";import"./FUS4KKJX.js";import"./JMGU3PCY.js";import"./LMPBEG52.js";import"./SAWHKMWI.js";import"./KBXUTRLP.js";import"./CANEHLPX.js";import{b as L}from"./5SUYPRQN.js";import"./BNRFTMDK.js";import"./QK7I3BDH.js";import"./4NU32JMW.js";import"./N4WLSG7K.js";import"./JRBBXZDT.js";import"./RTILVF7W.js";import"./WNII2VXT.js";import"./X3IDBVQW.js";import"./UV7H2JBY.js";import"./D35GHCJR.js";import"./WRLWEVDV.js";import"./SSQH3I27.js";import{c as I}from"./RGVZGLFD.js";import"./XZGD7WS7.js";import"./U3RAFBHH.js";import"./OXGKPWDF.js";import"./V2OZJV73.js";import"./DZCA6XBI.js";import"./2J7GTJ2E.js";import"./E6GVT5WG.js";import"./QCRNM7GE.js";import"./CWXDZS27.js";import"./H7XDAWR5.js";import"./XE2MHMGP.js";import"./VXDMVCCJ.js";import"./S7UP3GKL.js";import"./2MT5WYKL.js";import"./XQ6UBWE2.js";import"./ZXJP7YFR.js";import"./EZBDPVJY.js";import"./QXJAY3HB.js";import"./XL4EJ4NM.js";import"./UGQOGT7H.js";import"./3KJIPZRN.js";import"./W2ZY75PT.js";import"./ZRNYHEAF.js";import"./ZYNSIBMX.js";import"./LZFL7LMG.js";import"./A34TCWDB.js";import"./M4O5LBR3.js";import"./HC5O4BG6.js";import"./ZFCPEWC2.js";import"./IQWMLAHD.js";import{a as T}from"./JVMDGCA7.js";import{c as u,j as B}from"./SXJ6ABPZ.js";import"./OGR2QBAM.js";import"./6DS73DPP.js";import"./ZRH3KQVC.js";import{a as c}from"./PH2AF24X.js";import"./GLGLK2BP.js";import"./DCWS2YAF.js";import{a as P,b as r,c as d,d as m,e as l,h as w,i as p}from"./DME34EF6.js";import"./LFSFY6YA.js";import"./CQ6VQZRW.js";import"./TWEWTISP.js";import"./CHVQIHBB.js";import"./USNPHMQK.js";import"./4P4Z5QOA.js";import{a as f}from"./C6RWQJLX.js";import"./V5Q5RP2K.js";import"./IR7AXCX2.js";import{a as g}from"./TWDQEFYD.js";import{g as x,h as n}from"./P5SVBSZU.js";import{a as k}from"./WQZLFGXO.js";import"./2GBVQAIU.js";import"./DEW2D5CV.js";export default $arcgis.t(([,,{a:H,b:z,c:M,d:E}])=>{var G=(t,e,i,o,a)=>{let s;switch(t.type){case"Group":s=z;break;default:s=H;break}return s(t,e,i,o,a)},R=`:host{display:block;height:100%}:host([corners="round"]) calcite-card{--calcite-card-corner-radius:10px;border-radius:var(--calcite-card-corner-radius)}:host([shadow="low"]) calcite-card{--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([shadow="medium"]) calcite-card{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([shadow="heavy"]) calcite-card{--tw-shadow:0 12px 32px -2px rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 12px 32px -2px var(--tw-shadow-color), 0 4px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}h1,h2,h3,h4,h5,h6{font-family:var(--hub-heading-family, inherit);font-weight:var(--calcite-font-weight-bold)}[slot="title"]{display:flex;justify-content:space-between;gap:0.5rem}.content-type{margin-bottom:0.5rem;display:flex;align-items:center;gap:0.25rem;font-weight:var(--calcite-font-weight-bold)}.title>*{font-family:var(--hub-heading-family, inherit);width:100%;font-size:var(--calcite-font-size-2);line-height:1.5rem;font-weight:var(--calcite-font-weight-medium);overflow-wrap:anywhere}.title a{color:var(--calcite-color-text-link);-webkit-text-decoration-line:var(--hub-text-decoration, underline);text-decoration-line:var(--hub-text-decoration, underline)}:host([clickable]) .title a::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.owner{margin-top:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.snippet{margin-left:0px;margin-right:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:2.5rem;padding-bottom:0.14rem;overflow-wrap:anywhere;color:var(--hub-gallery-body-text, var(--calcite-color-text-1))}dl[slot='footer-start'],dl.metadata{margin:0px;display:grid;width:100%;gap:0.25rem;font-size:var(--calcite-font-size--1);line-height:normal;grid-template-columns:repeat(auto-fill, minmax(max(200px, (100% - (2 - 1) * 0.25rem) / 2), 1fr));color:var(--hub-gallery-body-text, var(--calcite-color-text-1))}dl.metadata{font-size:var(--calcite-font-size-0);line-height:1.25rem}dl.metadata>div>dt::after{content:':'}dl.metadata>div>dd{display:table-row;font-weight:var(--calcite-font-weight-bold)}calcite-popover dl>div,dl[slot='footer-start']>div{display:flex;gap:0.25rem;overflow:hidden;white-space:nowrap}calcite-popover dt::after,dl[slot='footer-start'] dt::after{content:':'}calcite-popover dd,dl[slot='footer-start'] dd{margin:0px;overflow:hidden;text-overflow:ellipsis;font-weight:var(--calcite-font-weight-bold)}.chips{margin-left:auto;display:flex;gap:0.25rem}.popover-container{position:relative}.chips calcite-chip.chip-color-blue{color:var(--calcite-color-foreground-1);background-color:var(--calcite-color-brand)}.chips calcite-chip.chip-color-red{color:var(--calcite-color-foreground-1);background-color:var(--calcite-color-status-danger)}.chips calcite-chip.chip-color-yellow{color:var(--calcite-color-foreground-1);background-color:var(--calcite-color-status-warning)}.chips calcite-chip.chip-color-green{color:var(--calcite-color-foreground-1);background-color:var(--calcite-color-status-success)}.chips calcite-chip.chip-color-gray{color:var(--calcite-color-text-1);background-color:var(--calcite-color-border-3)}calcite-popover .popover-content{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem;padding:0.5rem;width:max-content;max-width:14.5rem;}calcite-popover .popover-content:lang(el){font-size:var(--calcite-font-size--3)}calcite-popover dl{margin:0.5rem;display:flex;flex-direction:column;gap:0.25rem}#popover-toggle{vertical-align:middle}*[slot="thumbnail"]{display:block;height:100%;width:100%}.avatar-container,.icon-container{display:grid;height:100%;width:100%;align-content:center;justify-content:center;color:var(--calcite-color-brand)}.avatar-container calcite-avatar{height:6rem;width:6rem}.icon-container calcite-icon{height:4rem;width:4rem}:host([selectable]) [slot="title"]{margin-right:1.5rem}:host([layout='card']) calcite-card{height:100%;width:100%}:host([layout='card']) .avatar-container,:host([layout='card']) .icon-container{padding-top:0.5rem;padding-bottom:0.5rem}:host([layout='card']) .title{height:3rem}:host([layout='card']) .title>*{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}:host([layout='card']) .owner{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:2.5rem;overflow-wrap:break-word;word-break:normal}:host([layout="card"]) [slot="footer-end"]{width:100%}:host([layout="card"]) calcite-card{height:100%}:host([layout='row']) .title>*{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 769px){:host([layout='row']) .title>*{display:inline}:host([layout='row']) .title>*{overflow:visible}:host([layout='row']) .title>*{-webkit-line-clamp:unset}}:host([layout='row']) .owner{word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([layout="row"]) .snippet{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}:host([layout="row"]) [slot="footer-end"]{margin-left:auto}`,O=R,F=class{constructor(t){p(this,t),this.arcgisHubCardSelect=l(this,"arcgisHubCardSelect",7),this.arcgisHubCardTitleLinkClick=l(this,"arcgisHubCardTitleLinkClick",7),this.arcgisHubCardAction=l(this,"arcgisHubCardAction",7),this.sanitizer=new A({whiteList:{},stripIgnoreTag:!0,stripIgnoreTagBody:["script"]}),this.model=void 0,this.layout="row",this.loading=void 0,this.showThumbnail=void 0,this.imageType=h.thumbnail,this.lazy=!1,this.newTab=void 0,this.selectable=void 0,this.selected=!1,this.itemTitle=void 0,this.source=void 0,this.summary=void 0,this.thumbnailUrl=void 0,this.family=void 0,this.additionalInfo=void 0,this.actionLinks=void 0,this.cardActionLinks=[],this.badges=void 0,this.type=void 0,this.identifier=void 0,this.corners=y.square,this.titleTag="div",this.cardBodyVariant="summary",this.showAdditionalInfo=!0,this.showAllAdditionalInfo=!1,this.shadow=void 0,this.showBadges=!0,this.showType=!0,this.showOwner=!0,this.primaryActionsToRender=1,this.clickable=!1,T(this,"onTitleLinkClick"),this.internalId=x("ahc")}get _target(){return this.newTab?"_blank":"_self"}get contentTypeIcon(){return _(this.model.type)}get primaryInfos(){let t=[];if(this.showAdditionalInfo){let e=0,i=this.model.additionalInfo||[];return this.layout==="row"?(e=this.hasPrimaryAction?2:4,this.showAllAdditionalInfo&&(e=i.length)):this.layout==="card"&&this.cardBodyVariant==="additionalInfo"&&(e=2),i.slice(0,e)}return t}get secondaryInfos(){let t=[];if(this.showAdditionalInfo){let e=this.primaryInfos.length,i=4-this.secondaryActions.length+e;t=(this.model.additionalInfo||[]).slice(e,i)}return t}get hasPopoverContent(){return!!(this.secondaryActions.length||this.secondaryInfos.length)}get hasPrimaryAction(){return!!this.primaryActions.length}get primaryActions(){return(this.model.actionLinks||[]).slice(0,this.primaryActionsToRender).filter(e=>e.action||e.href)}get secondaryActions(){return(this.model.actionLinks||[]).slice(this.primaryActionsToRender,3).filter(e=>e.action||e.href)}get isClickable(){var t;return this.clickable&&!!(!((t=this.model)===null||t===void 0)&&t.titleUrl)}get _context(){return u()}async componentWillLoad(){this.intl=await c.loadIntlForComponent(this.element)}async componentWillRender(){if(!this.model){let t={additionalInfo:[],actionLinks:[]};["summary","source","thumbnailUrl","family","type"].forEach(e=>{t=n(e,this[e],t)}),t=n("id",this.identifier,t),t=n("title",this.itemTitle,t),this.additionalInfo&&(t.additionalInfo=this.additionalInfo.split("|").map(e=>({i18nKey:e.split(":")[0],value:e.split(":")[1]}))),this.actionLinks&&(console.info("Action links are deprecated - use cardActionLinks instead"),t.actionLinks=this.actionLinks.split("|").map(e=>{let i=e.split(":"),o={action:i[0]};return o=n("icon",i[1],o),o=n("label",i[2],o),o})),this.cardActionLinks&&(t.actionLinks=this.cardActionLinks),this.badges&&(t.badges=this.badges.split("|").map(e=>{let i=e.split(":"),o={color:i[0]};return o=n("icon",i[1],o),o=n("label",i[2],o),o})),this.model=t}}handleCardSelectEvent(){this.arcgisHubCardSelect.emit(this.model)}get _thumbnailUrl(){let{model:t}=this,e;if(t.thumbnailUrl){e=t.thumbnailUrl;let i=k(this._context,"session.token");i&&t.access!=="public"&&(e=$(e,"token",i)),e=$(e,"w","400")}return e}get _fallbackUrl(){let{model:t}=this,e=t.type==="Group",i=t.type==="Event",o;return e?o="./assets/groups-fallback.png":i?o=L():o="./assets/content-fallback.png",P(o)}get _messageOverrides(){return{select:`${this.intl.t("select")} ${this.intl.t(f(this.model,"family","other"))} ${this.model.title}`}}renderThumbnail(t){let e;if(this.showThumbnail&&!this.loading)if(t.type==="User"||t.type==="channel"||t.type==="Event Attendee")e=this.renderAvatar(t);else{let i=this.getThumbnailClassName(t);this.imageType===h.thumbnail?e=r("arcgis-hub-image",{alt:"",class:i,fallback:this._fallbackUrl,lazy:this.lazy,src:this._thumbnailUrl}):e=r("div",{class:"icon-container"},r("calcite-icon",{icon:this.contentTypeIcon,scale:"l"}))}return this.isClickable?r("a",{href:t.titleUrl,slot:"thumbnail",target:this._target},e):r("div",{slot:"thumbnail"},e)}getThumbnailClassName(t){let e="content-thumbnail";return t.type==="Group"&&(e="group-thumbnail"),t.type==="Image"&&(e="image-thumbnail"),e}renderAvatar(t){return r("div",{class:"avatar-container"},r("calcite-avatar",{"aria-hidden":"true",class:{"full-size-avatar":this.layout==="row","initials-avatar":this.layout==="row"&&!t.thumbnailUrl},fullName:S(t),scale:"l",thumbnail:t.thumbnailUrl,username:t.source}))}renderCardTitle(t){let{titleUrl:e,title:i}=t;if(i){let o=this.titleTag;return e?r(o,{class:"title",slot:"title"},r("a",{href:e,onClick:this.onTitleLinkClick,target:this._target},t.title)):r(o,{class:"title",slot:"title"},r("span",null,i))}}onTitleLinkClick(t){this.arcgisHubCardTitleLinkClick.emit({model:this.model,event:t})}renderMetadata(){if(this.layout==="card"&&this.cardBodyVariant==="additionalInfo")return r("dl",{class:"metadata"},this.renderAdditionalInfo(this.primaryInfos))}renderSummary(t){if(this.cardBodyVariant==="summary"&&t.summary)return r("div",{class:"snippet"},this.sanitizer.sanitize(t.summary))}renderFooter(){let t=[];this.primaryInfos.length&&!(this.layout==="card"&&this.cardBodyVariant==="additionalInfo")&&t.push(r("dl",{slot:"footer-start"},this.renderAdditionalInfo(this.primaryInfos)));let e=this.element.querySelector('[slot="actions"]');return(this.primaryActions.length||e)&&t.push(r("div",{slot:"footer-end"},r("slot",{name:"actions"}),this.renderActions(this.primaryActions,"solid"))),t}renderAdditionalInfo(t){return t.map(e=>{let i=e.i18nKey?this.intl.t(e.i18nKey):e.label;return r("div",{"data-test":e.i18nKey||e.label,key:i},r("dt",null,i),r("dd",null,e.value))})}renderPopoverAdditionalInfo(){if(this.secondaryInfos.length)return r("dl",null,this.renderAdditionalInfo(this.secondaryInfos))}actionHandler(t,e){g.debug("arcgisHubCardAction",[t,e]),this.arcgisHubCardAction.emit({action:t,model:e})}renderActions(t,e="outline"){return t.map((i,o)=>{let a=i.label;!a&&i.i18nKey&&(a=this.intl.t(i.i18nKey));let s=i.ariaLabel||a;s.includes(this.model.title)||(s=`${s}: ${this.model.title}`);let b=this.actionHandler.bind(this,i.action,this.model),v=r("calcite-button",{appearance:i.buttonStyle||e,color:"blue",disabled:i.disabled,href:i.href,iconStart:i.icon,key:o,label:s,onClick:i.action?b:this.onTitleLinkClick,target:this._target,width:"full"},i.showLabel&&a);return i.tooltip?r("arcgis-ref-tooltip",{isSlottedElDisabled:i.disabled,key:a,overlayPositioning:"fixed",placement:"top",text:i.tooltip},v):v})}renderHeader(t){let e=this.showType&&!["Group","User"].includes(this.model.type);if(e||this.showBadges||this.hasPopoverContent){let i=this.intl.t(t.family||"other");return t.type==="Feature Service"&&(i=this.intl.t("dataset")),r("div",{slot:"title"},e&&r("div",{class:"content-type"},r(w,null,r("calcite-icon",{icon:this.contentTypeIcon}),r("span",null,i))),this.showBadges&&this.renderChips(t),this.hasPopoverContent&&this.renderPopover())}}getChipLabel(t){return(t.i18nKey?this.intl.t(t.i18nKey):t.label)||null}getTooltipLabel(t){var e,i;return!((e=t.tooltip)===null||e===void 0)&&e.i18nKey?this.intl.t(t.tooltip.i18nKey):(i=t.tooltip)===null||i===void 0?void 0:i.label}getBadgeColor(t){return t.color?`chip-color-${t.color}`:null}renderChips(t){let e=f(t,"badges",[]).map((i,o)=>{let a=this.getChipLabel(i),s=this.getTooltipLabel(i),b=this.getBadgeColor(i);return r("arcgis-ref-tooltip",{key:o,overlayPositioning:"fixed",placement:"top",text:s},r("calcite-chip",{class:b,icon:i.icon,label:`${this.intl.t("role")} ${a}`,scale:"s",value:a},!i.hideLabel&&a))});return r("div",{class:"chips"},e)}renderPopover(){return r("div",{class:"popover-container"},r("calcite-button",{appearance:"transparent","icon-start":"ellipsis",id:"popover-toggle",kind:"neutral",label:`${this.intl.t("cardPopoverButton")} ${this.model.title}`,round:!0,scale:"m"}),r("calcite-popover",{"auto-close":!0,overlayPositioning:"fixed",placement:"bottom-end",referenceElement:"popover-toggle"},r("div",{class:"popover-content"},this.renderPopoverAdditionalInfo(),this.renderActions(this.secondaryActions))))}renderSourceSlot(t){if(this.showOwner)return t.type!=="Group"?r("div",{class:"owner",slot:"subtitle"},t.source):r("arcgis-hub-group-member-summary",{identifier:t.id,slot:"subtitle"})}renderLayout(t,e=!1){let i=this.layout==="card"?"block-start":"inline-start";return this.showThumbnail||(i="block-start"),r(d,null,r("calcite-card",{dir:this.intl.direction,label:this.intl.t("resultCard",{resultTitle:t.title}),loading:e,messageOverrides:this._messageOverrides,selectable:this.selectable,selected:this.selected,thumbnailPosition:i},this.renderThumbnail(t),this.renderHeader(t),this.renderCardTitle(t),this.renderSourceSlot(t),this.renderMetadata(),this.renderSummary(t),this.renderFooter()))}render(){return this.model?this.renderLayout(this.model,this.loading):"No data."}static get assetsDirs(){return["assets","locales"]}get element(){return m(this)}};function $(t,e,i){let o=t.includes("?")?"&":"?";return`${t}${o}${e}=${i}`}F.style=O;var K=":host{display:block}",V=K,D=class{constructor(t){p(this,t),this.arcgisHubCardTitleLinkClick=l(this,"arcgisHubCardTitleLinkClick",7),this.hubTelemetry=l(this,"hubTelemetry",7),this.actionLinks=void 0,this.baseUrl=void 0,this.cardBodyVariant="summary",this.clickable=void 0,this.corners=y.square,this.imageType=h.thumbnail,this.layout="row",this.lazy=!1,this.linkTarget=void 0,this.newTab=!1,this.selectable=!1,this.selected=!1,this.searchResult=void 0,this.entity=void 0,this.shadow=C.none,this.showAdditionalInfo=!0,this.showAllAdditionalInfo=!1,this.showBadges=!0,this.showOwner=!0,this.showThumbnail=!0,this.showType=!0,this.titleTag=void 0,this.disableTelemetry=!1,this.callback=void 0,this.primaryActionsToRender=1,this.isLoading=!1}sendCardTitleClickTelemetry(t){let{model:e}=t.detail,i=E(this.linkTarget,e);!this.disableTelemetry&&i&&this.hubTelemetry.emit(i)}get _model(){let t={actionLinks:this.actionLinks,baseUrl:this.baseUrl,locale:this.intl.formatLocale,target:this.linkTarget},e=M;this.entity&&(e=G);let i=this.searchResult||this.entity,o=e(i,this.layout,this.context,this.intl,t);if(this.callback)try{o=this.callback(o,this.layout,this.context,i)}catch(a){g.error(`arcgis-hub-entity-card:callback error: ${a}`)}return o}get _cardBodyVariant(){return this._model.family==="event"?"additionalInfo":"summary"}get context(){return u()}async componentWillLoad(){this.intl=await c.loadIntlForComponent(this.element)}render(){return r(d,{key:"166b4bb60c61e46e8377c9467492ada22c9e53d7","data-element":"entity-card"},r("arcgis-hub-card",{key:"1a2695a962b6ee17e59799a72f4798d44da30bf6",cardBodyVariant:this._cardBodyVariant,clickable:this.clickable,corners:this.corners,imageType:this.imageType,layout:this.layout,lazy:this.lazy,loading:this.isLoading,model:this._model,newTab:this.newTab,primaryActionsToRender:this.primaryActionsToRender,selectable:this.selectable,selected:this.selected,shadow:this.shadow,showAdditionalInfo:this.showAdditionalInfo,showAllAdditionalInfo:this.showAllAdditionalInfo,showBadges:this.showBadges,showOwner:this.showOwner,showThumbnail:this.showThumbnail,showType:this.showType,titleTag:this.titleTag}))}static get assetsDirs(){return["locales"]}get element(){return m(this)}};D.style=V;var N=":host{display:block}.members-container.loading{position:relative}.members-container.loading:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0}@keyframes shimmer{0%{background-size:200% 100%;background-position:100% 0}100%{background-size:200% 100%;background-position:-100% 0}}.members-container.loading:after{animation:shimmer 2s cubic-bezier(0.4, 0, 0.2, 0.8) infinite;background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);background-color:var(--calcite-color-foreground-3)}.members-container.loading{height:1.5rem}.members-container{display:flex;align-items:center;gap:0.25rem;font-weight:var(--calcite-font-weight-medium)}.members-inner{display:flex}.members-inner calcite-avatar{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}.members-inner calcite-avatar:nth-child(n+2){margin-left:-10px}.members-count{font-size:var(--calcite-font-size-0);line-height:1.25rem}",W=N,q=class{constructor(t){p(this,t),this._context=u(),this.identifier=void 0,this.membershipSummary=void 0,this.limit=3,this.memberType=void 0,this.hasMembersError=!1}connectedCallback(){B(this)}disconnectedCallback(){this.disconnectContext()}async componentWillLoad(){this.intl=await c.loadIntlForComponent(this.element),this.membershipSummary||this.fetchMembers()}async fetchMembers(){try{let t=this._context;if(this.hasMembersError=!1,t&&(!(this===null||this===void 0)&&this.identifier)){let e={num:this.limit,sortField:"memberType",memberType:this.memberType};t?.session?e.authentication=t.session:e.portal=t.sharingApiUrl;let i=await I(this.identifier,e);this.membershipSummary={total:i.total,users:i.users}}}catch(t){this.hasMembersError=!0,console.error("Error fetching group members:",t.message)}}getMemberCount(t){let e=this.memberType==="admin"?"managers":"members";return t===0?this.intl.t(`${e}.noMember`):t===1?this.intl.t(`${e}.oneMember`):this.intl.t(`${e}.members`,{count:t})}renderMembers(t){let e=this._context;if(!this.hasMembersError){let i=" ";return t&&(i=r(w,null,r("div",{class:"members-inner"},t.users.map(o=>r(U,{context:e,key:o.username,scale:"s",user:o}))),r("span",{class:"members-count"},this.getMemberCount(t.total)))),r("div",{class:{"members-container":!0,loading:!t},slot:"subtitle"},i)}}render(){return r(d,{key:"34b2dbb7b0edd4220a456f7cc2c126ab585e4a8c"},this.renderMembers(this.membershipSummary))}static get assetsDirs(){return["locales"]}get element(){return m(this)}static get watchers(){return{identifier:["fetchMembers"],_context:["fetchMembers"]}}};q.style=W;return{arcgis_hub_card:F,arcgis_hub_entity_card:D,arcgis_hub_group_member_summary:q}},"config",a,b)