@esri/hub-web-components 0.16.1 → 0.17.0

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

@@ -0,0 +1,750 @@
+import { c as C } from "../../chunks/runtime.js";
+import { LitElement as O, createEvent as h, noShadowRoot as k } from "@arcgis/lumina";
+import { getProp as a, getWithDefault as A, MetricVisibility as y, getTypeFromEntity as v, Logger as c, cloneObject as L, updateHubEntity as P, capitalize as S } from "@esri/hub-common";
+import { u as H } from "../../chunks/useT9n.js";
+import { isTargetEntityScopeConfigured as n, showNotice as p } from "@esri/hub-components";
+import { g as R } from "../../chunks/state.js";
+import { constants as m, dictionary as b } from "@esri/telemetry-dictionary-hub";
+import { html as w } from "lit";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.17/esri/copyright.txt for details.
+v0.17.0 */
+const $ = async (t, e) => {
+  const i = !!t.summary, s = !!t.description, r = !!a(t, "view.embeds[0]"), f = !!a(t, "view.featuredImageUrl"), _ = i || s || r || f;
+  let d = "";
+  e?.isAuthenticated && (d = `?token=${e.session.token}`);
+  const E = `${a(t, "view.featuredImageUrl")}${d}`, u = A(t, "view.metricDisplays", []), T = u.filter((o) => o.visibility === y.featured), x = u.filter((o) => o.visibility !== y.hidden);
+  let g = [];
+  g = a(t, "typeKeywords");
+  const l = g.filter(
+    (o) => o.startsWith("ref|initiative")
+  );
+  return {
+    schemaVersion: 2,
+    history: [],
+    sections: [
+      {
+        id: "hero-section",
+        tag: "arcgis-layout-section",
+        readOnly: !0,
+        properties: {},
+        children: [
+          {
+            id: "hero-row",
+            tag: "arcgis-layout-row",
+            readOnly: !0,
+            properties: {},
+            children: [
+              {
+                id: "hero-col",
+                tag: "arcgis-layout-column",
+                readOnly: !0,
+                properties: {},
+                children: [
+                  {
+                    id: "hero",
+                    tag: "arcgis-hub-entity-hero",
+                    properties: {
+                      entity: "{{entity}}"
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: "main-section",
+        tag: "arcgis-layout-section",
+        readOnly: !0,
+        properties: {},
+        children: [
+          {
+            id: "main-row",
+            tag: "arcgis-layout-row",
+            readOnly: !0,
+            properties: {},
+            children: [
+              {
+                id: "main-col",
+                tag: "arcgis-layout-column",
+                readOnly: !0,
+                properties: {},
+                children: [
+                  {
+                    id: "tab-nav",
+                    tag: "arcgis-nav-card",
+                    properties: {
+                      sections: [
+                        {
+                          label: "{{tabs.overview:translate}}",
+                          visibility: {
+                            kind: "static",
+                            isHidden: !1
+                          },
+                          id: "overview-tab",
+                          tag: "arcgis-layout-section",
+                          properties: {},
+                          children: [
+                            {
+                              id: "overview-row",
+                              tag: "arcgis-layout-row",
+                              properties: {},
+                              children: [
+                                {
+                                  id: "overview-main-col",
+                                  tag: "arcgis-layout-column",
+                                  columnProps: { width: { xs: 12, md: 8 } },
+                                  properties: {},
+                                  children: [
+                                    _ && {
+                                      id: "about-header",
+                                      tag: "arcgis-text-card",
+                                      properties: {
+                                        html: "<h2>{{about:translate}}</h2>"
+                                      }
+                                    },
+                                    {
+                                      id: "about-summary",
+                                      tag: "arcgis-text-card",
+                                      readOnly: !0,
+                                      properties: {
+                                        html: "<p>{{entity.summary:optional:2}}</p>"
+                                      }
+                                    },
+                                    a(t, "view.embeds[0]") && {
+                                      id: "about-embed",
+                                      tag: "arcgis-hub-embed-card",
+                                      properties: {
+                                        embed: a(t, "view.embeds[0]")
+                                      }
+                                    },
+                                    {
+                                      id: "about-description",
+                                      tag: "arcgis-text-card",
+                                      readOnly: !0,
+                                      properties: {
+                                        html: "<p>{{entity.description:optional:2}}</p>"
+                                      }
+                                    },
+                                    a(t, "view.featuredImageUrl") && {
+                                      id: "about-featured-image",
+                                      tag: "arcgis-hub-image",
+                                      properties: {
+                                        src: E,
+                                        alt: a(t, "view.featuredImageAltText") || ""
+                                      }
+                                    },
+                                    T.length > 0 && {
+                                      id: "metrics-header",
+                                      tag: "arcgis-text-card",
+                                      properties: {
+                                        html: "<h2>{{metrics:translate}}</h2>"
+                                      }
+                                    },
+                                    {
+                                      id: "featured-metrics-grid",
+                                      tag: "arcgis-hub-entity-metrics-card",
+                                      properties: {
+                                        entity: "{{entity}}"
+                                      }
+                                    },
+                                    a(t, "view.featuredContentIds.length") > 0 && {
+                                      id: "featured-content-header",
+                                      tag: "arcgis-text-card",
+                                      properties: {
+                                        html: "<h2>{{featuredContent:translate}}</h2>"
+                                      }
+                                    },
+                                    a(t, "view.featuredContentIds.length") > 0 && {
+                                      id: "featured-content-gallery",
+                                      tag: "arcgis-hub-gallery-card",
+                                      properties: {
+                                        showEmptyState: !0,
+                                        cardConfig: {
+                                          cardId: "cedhzwzpx",
+                                          schemaVersion: 8,
+                                          targetEntity: "item",
+                                          source: "all",
+                                          shouldLimitResults: !0,
+                                          limit: 4,
+                                          appearance: {
+                                            layout: "grid",
+                                            layouts: []
+                                          },
+                                          query: {
+                                            targetEntity: "item",
+                                            filters: [
+                                              {
+                                                predicates: [
+                                                  {
+                                                    id: a(t, "view.featuredContentIds")
+                                                  }
+                                                ]
+                                              }
+                                            ]
+                                          }
+                                        }
+                                      }
+                                    }
+                                  ].filter(Boolean)
+                                },
+                                {
+                                  id: "overview-sidebar-col",
+                                  tag: "arcgis-layout-column",
+                                  columnProps: { width: { xs: 12, md: 4 } },
+                                  properties: {},
+                                  children: [
+                                    {
+                                      id: "status-header",
+                                      tag: "arcgis-text-card",
+                                      properties: {
+                                        html: "<h2>{{status.project:translate}}</h2>"
+                                      }
+                                    },
+                                    {
+                                      id: "status-chip",
+                                      tag: "arcgis-hub-entity-status-card",
+                                      properties: {
+                                        entity: "{{entity}}"
+                                      }
+                                    },
+                                    {
+                                      id: "status-timeline",
+                                      tag: "arcgis-hub-timeline",
+                                      properties: {
+                                        canCollapse: "{{entity.view.timeline.canCollapse:optional}}",
+                                        stages: "{{entity.view.timeline.stages:optional}}"
+                                      }
+                                    },
+                                    {
+                                      id: "details-header",
+                                      tag: "arcgis-text-card",
+                                      properties: {
+                                        html: "<h2>{{details:translate}}</h2>"
+                                      }
+                                    },
+                                    {
+                                      id: "details-metadata",
+                                      tag: "arcgis-hub-entity-metadata",
+                                      properties: {
+                                        entity: "{{entity}}"
+                                      }
+                                    },
+                                    l.length > 0 && {
+                                      id: "associated-initiatives-header",
+                                      tag: "arcgis-text-card",
+                                      properties: {
+                                        html: "<h2>{{associatedInitiatives:translate}}</h2>"
+                                      }
+                                    },
+                                    l.length > 0 && {
+                                      id: "associated-initiatives-gallery",
+                                      tag: "arcgis-hub-entity-associations-card",
+                                      properties: {
+                                        entity: "{{entity}}",
+                                        associationType: "initiative"
+                                      }
+                                    }
+                                  ].filter(Boolean)
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        n("item", t.catalog) && {
+                          label: "{{tabs.content:translate}}",
+                          visibility: {
+                            kind: "static",
+                            isHidden: !1
+                          },
+                          id: "content-tab",
+                          tag: "arcgis-layout-section",
+                          properties: {},
+                          children: [
+                            {
+                              id: "content-row",
+                              tag: "arcgis-layout-row",
+                              properties: {},
+                              children: [
+                                {
+                                  id: "content-col",
+                                  tag: "arcgis-layout-column",
+                                  properties: {},
+                                  children: [
+                                    {
+                                      id: "content-catalog",
+                                      tag: "arcgis-hub-catalog",
+                                      properties: {
+                                        catalogs: ["{{entity.catalog}}"],
+                                        // TODO: leverage item well-known facets when finalized and
+                                        // available. Reference consistent facet milestone and #14700
+                                        facets: ["location", "type", "tags", "categories", "modified", "access"],
+                                        layout: "grid",
+                                        layoutOptions: ["grid", "list", "table", "map", "compact"],
+                                        showAddContent: !0,
+                                        showLayoutSwitcher: !0,
+                                        showSearch: !0,
+                                        showThumbnail: !0,
+                                        path: "",
+                                        linkTarget: "siteRelative",
+                                        targetEntity: "item",
+                                        showAllCollectionFacet: !0
+                                      }
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        n("event", t.catalog) && {
+                          label: "{{tabs.events:translate}}",
+                          visibility: {
+                            kind: "static",
+                            isHidden: !1
+                          },
+                          id: "events-tab",
+                          tag: "arcgis-layout-section",
+                          properties: {},
+                          children: [
+                            {
+                              id: "events-row",
+                              tag: "arcgis-layout-row",
+                              properties: {},
+                              children: [
+                                {
+                                  id: "events-col",
+                                  tag: "arcgis-layout-column",
+                                  properties: {},
+                                  children: [
+                                    {
+                                      id: "events-catalog",
+                                      tag: "arcgis-hub-catalog",
+                                      properties: {
+                                        catalogs: ["{{entity.catalog}}"],
+                                        // TODO: leverage event well-known facets when finalized and
+                                        // available. Reference consistent facet milestone and #14702
+                                        facets: ["event-from", "event-access", "event-date"],
+                                        layout: "grid",
+                                        layoutOptions: ["grid", "list", "table", "map", "compact"],
+                                        showAddContent: !0,
+                                        showLayoutSwitcher: !0,
+                                        showSearch: !0,
+                                        showThumbnail: !0,
+                                        path: "",
+                                        linkTarget: "siteRelative",
+                                        targetEntity: "event",
+                                        showAllCollectionFacet: !0
+                                      }
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        x.length > 0 && {
+                          label: "{{tabs.metrics:translate}}",
+                          visibility: {
+                            kind: "static",
+                            isHidden: !1
+                          },
+                          id: "metrics-tab",
+                          tag: "arcgis-layout-section",
+                          properties: {},
+                          children: [
+                            {
+                              id: "metrics-tab-row",
+                              tag: "arcgis-layout-row",
+                              properties: {},
+                              children: [
+                                {
+                                  id: "metrics-tab-col",
+                                  tag: "arcgis-layout-column",
+                                  properties: {},
+                                  children: [
+                                    {
+                                      id: "metrics-gallery",
+                                      tag: "arcgis-hub-entity-metrics-view",
+                                      properties: {
+                                        entity: "{{entity}}"
+                                      }
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        l.length > 0 && {
+                          label: "{{tabs.initiatives:translate}}",
+                          visibility: {
+                            kind: "static",
+                            isHidden: !1
+                          },
+                          id: "initiatives-tab",
+                          tag: "arcgis-layout-section",
+                          properties: {},
+                          children: [
+                            {
+                              id: "initiatives-row",
+                              tag: "arcgis-layout-row",
+                              properties: {},
+                              children: [
+                                {
+                                  id: "initiatives-col",
+                                  tag: "arcgis-layout-column",
+                                  properties: {},
+                                  children: [
+                                    {
+                                      id: "initiatives-gallery",
+                                      tag: "arcgis-hub-project-initiatives-view",
+                                      properties: {
+                                        entity: "{{entity}}"
+                                      }
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ].filter(Boolean)
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  };
+}, I = async (t, e) => {
+  const i = !!t.summary, s = !!t.description;
+  return {
+    schemaVersion: 2,
+    history: [],
+    sections: [
+      {
+        id: "hero-section",
+        tag: "arcgis-layout-section",
+        readOnly: !0,
+        properties: {},
+        children: [
+          {
+            id: "hero-row",
+            tag: "arcgis-layout-row",
+            readOnly: !0,
+            properties: {},
+            children: [
+              {
+                id: "hero-col",
+                tag: "arcgis-layout-column",
+                readOnly: !0,
+                properties: {},
+                children: [
+                  {
+                    id: "hero",
+                    tag: "arcgis-hub-entity-hero",
+                    properties: {
+                      entity: "{{entity}}"
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: "main-section",
+        tag: "arcgis-layout-section",
+        readOnly: !0,
+        properties: {},
+        children: [
+          {
+            id: "main-row",
+            tag: "arcgis-layout-row",
+            readOnly: !0,
+            properties: {},
+            children: [
+              {
+                id: "main-col",
+                tag: "arcgis-layout-column",
+                readOnly: !0,
+                properties: {},
+                children: [
+                  {
+                    id: "tab-nav",
+                    tag: "arcgis-nav-card",
+                    properties: {
+                      sections: [
+                        {
+                          label: "{{tabs.overview:translate}}",
+                          visibility: {
+                            kind: "static",
+                            isHidden: !1
+                          },
+                          id: "overview-tab",
+                          tag: "arcgis-layout-section",
+                          properties: {},
+                          children: [
+                            {
+                              id: "overview-row",
+                              tag: "arcgis-layout-row",
+                              properties: {},
+                              children: [
+                                {
+                                  id: "overview-main-col",
+                                  tag: "arcgis-layout-column",
+                                  columnProps: { width: { xs: 12, md: 8 } },
+                                  properties: {},
+                                  children: [
+                                    (i || s) && {
+                                      id: "about-header",
+                                      tag: "arcgis-text-card",
+                                      properties: {
+                                        html: "<h2>{{about:translate}}</h2>"
+                                      }
+                                    },
+                                    {
+                                      id: "about-summary",
+                                      tag: "arcgis-text-card",
+                                      readOnly: !0,
+                                      properties: {
+                                        html: "<p>{{entity.summary:optional:2}}</p>"
+                                      }
+                                    },
+                                    {
+                                      id: "about-description",
+                                      tag: "arcgis-text-card",
+                                      readOnly: !0,
+                                      properties: {
+                                        html: "<p>{{entity.description:optional:2}}</p>"
+                                      }
+                                    }
+                                  ].filter(Boolean)
+                                },
+                                {
+                                  id: "overview-sidebar-col",
+                                  tag: "arcgis-layout-column",
+                                  columnProps: { width: { xs: 12, md: 4 } },
+                                  properties: {},
+                                  children: [
+                                    {
+                                      id: "details-header",
+                                      tag: "arcgis-text-card",
+                                      properties: {
+                                        html: "<h2>{{details:translate}}</h2>"
+                                      }
+                                    },
+                                    {
+                                      id: "details-metadata",
+                                      tag: "arcgis-hub-entity-metadata",
+                                      properties: {
+                                        entity: "{{entity}}"
+                                      }
+                                    }
+                                  ].filter(Boolean)
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        n("item", t.catalog) && {
+                          label: "{{tabs.content:translate}}",
+                          visibility: {
+                            kind: "static",
+                            isHidden: !1
+                          },
+                          id: "content-tab",
+                          tag: "arcgis-layout-section",
+                          properties: {},
+                          children: [
+                            {
+                              id: "content-row",
+                              tag: "arcgis-layout-row",
+                              properties: {},
+                              children: [
+                                {
+                                  id: "content-col",
+                                  tag: "arcgis-layout-column",
+                                  properties: {},
+                                  children: [
+                                    {
+                                      id: "content-catalog",
+                                      tag: "arcgis-hub-catalog",
+                                      properties: {
+                                        catalogs: ["{{entity.catalog}}"],
+                                        // TODO: leverage item well-known facets when finalized and
+                                        // available. Reference consistent facet milestone and #14700
+                                        facets: ["location", "type", "tags", "categories", "modified", "access"],
+                                        layout: "grid",
+                                        layoutOptions: ["grid", "list", "table", "map", "compact"],
+                                        showAddContent: !0,
+                                        showLayoutSwitcher: !0,
+                                        showSearch: !0,
+                                        showThumbnail: !0,
+                                        path: "",
+                                        linkTarget: "siteRelative",
+                                        targetEntity: "item",
+                                        showAllCollectionFacet: !0
+                                      }
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        n("event", t.catalog) && {
+                          label: "{{tabs.events:translate}}",
+                          visibility: {
+                            kind: "static",
+                            isHidden: !1
+                          },
+                          id: "events-tab",
+                          tag: "arcgis-layout-section",
+                          properties: {},
+                          children: [
+                            {
+                              id: "events-row",
+                              tag: "arcgis-layout-row",
+                              properties: {},
+                              children: [
+                                {
+                                  id: "events-col",
+                                  tag: "arcgis-layout-column",
+                                  properties: {},
+                                  children: [
+                                    {
+                                      id: "events-catalog",
+                                      tag: "arcgis-hub-catalog",
+                                      properties: {
+                                        catalogs: ["{{entity.catalog}}"],
+                                        // TODO: leverage event well-known facets when finalized and
+                                        // available. Reference consistent facet milestone and #14702
+                                        facets: ["event-from", "event-access", "event-date"],
+                                        layout: "grid",
+                                        layoutOptions: ["grid", "list", "table", "map", "compact"],
+                                        showAddContent: !0,
+                                        showLayoutSwitcher: !0,
+                                        showSearch: !0,
+                                        showThumbnail: !0,
+                                        path: "",
+                                        linkTarget: "siteRelative",
+                                        targetEntity: "event",
+                                        showAllCollectionFacet: !0
+                                      }
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ].filter(Boolean)
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  };
+}, V = async (t, e) => {
+  let i;
+  switch (v(t)) {
+    case "project":
+      i = await $(t, e);
+      break;
+    default:
+      i = await I(t);
+      break;
+  }
+  return i;
+};
+class D extends O {
+  constructor() {
+    super(...arguments), this._messages = H({ blocking: !0 }), this._isPublishing = !1, this.isEditMode = !1, this.arcgisHubEntityViewPublished = h(), this.hubTelemetry = h();
+  }
+  static {
+    this.properties = { _layout: 16, _isPublishing: 16, entity: 0, isEditMode: 5 };
+  }
+  static {
+    this.shadowRootOptions = k;
+  }
+  get _context() {
+    return R();
+  }
+  get _entityType() {
+    return this.entity && v(this.entity);
+  }
+  willUpdate(e) {
+    e.has("entity") && this._init().catch((i) => {
+      c.error("Error initializing ArcgisHubEntityViewLayout >>>", i);
+    });
+  }
+  async _init() {
+    let e;
+    this.entity && (e = a(this.entity, "layout"), e || (e = await V(this.entity, this._context)), this._layout = e);
+  }
+  async _handleLayoutPublished(e) {
+    const { layout: i, successCallback: s } = e.detail;
+    try {
+      this._isPublishing = !0;
+      const r = L(this.entity);
+      r.layout = i, await P(this._entityType, r, this._context), this._layout = i, s && await s(), c.info(`Successfully published layout for ${this._entityType} ${this.entity.id} >>>`, this._layout), p({
+        title: this._messages.publishSuccess,
+        message: "",
+        configuration: {
+          noticeType: "alert",
+          autoClose: !0,
+          autoCloseDuration: "fast",
+          icon: !0,
+          kind: "success",
+          label: this._messages.formAlert
+        }
+      }), this.hubTelemetry.emit({
+        ...b.category.content.action.update.label.layout.details.publish,
+        response: m.response.SUCCESS
+      }), this.arcgisHubEntityViewPublished.emit();
+    } catch (r) {
+      c.error(`Error publishing layout for ${this._entityType} ${this.entity.id} >>>`, r), p({
+        title: this._messages.publishError,
+        message: "",
+        configuration: {
+          noticeType: "alert",
+          autoClose: !1,
+          icon: !0,
+          kind: "danger",
+          label: this._messages.formAlert
+        }
+      }), this.hubTelemetry.emit({
+        ...b.category.content.action.update.label.layout.details.publish,
+        response: m.response.FAILURE
+      });
+    } finally {
+      this._isPublishing = !1;
+    }
+  }
+  render() {
+    return this._layout ? w`<calcite-alert auto-close auto-close-duration=slow icon=information label="internal layout alert" kind=info open><div slot=title>${S(this._entityType || "")} view rendered as layout</div><div slot=message>We are rendering ${this._entityType} views on dev/QA alpha orgs using the new layout system. This system is
+              still in active development, so you may notice some inconsistencies/issues. To render the default view,
+              attach ?pd=hub:feature:configurableViews to your URL. We are showing this notice to prevent unnecessary
+              logging of bugs. Rest assured, we will host a holistic testing event before any functionality is released
+              to customers.</div></calcite-alert><arcgis-layout-container .isEditMode=${this.isEditMode} .isPublishing=${this._isPublishing} .layout=${this._layout} @arcgisHubLayoutPublished=${this._handleLayoutPublished} .options=${{
+      entity: this.entity,
+      translations: this._messages
+    }}></arcgis-layout-container>` : w`<calcite-loader label=Loading></calcite-loader>`;
+  }
+}
+C("arcgis-hub-entity-view-layout", D);
+export {
+  D as ArcgisHubEntityViewLayout
+};