@esri/hub-web-components 0.27.0 → 0.28.1

package/dist/cdn/main.css

@@ -1 +1 @@
-:not([hydrated]):is(arcgis-chat-shell,arcgis-chat-ui,arcgis-hub-ai-assistant,arcgis-hub-entity-associations-card,arcgis-hub-entity-metrics-card,arcgis-hub-entity-status-card,arcgis-hub-entity-view-layout,arcgis-layout,arcgis-layout-container,arcgis-nav-card,arcgis-text-card){visibility:hidden}:root{--acme-components-text-color: #111}
+:not([hydrated]):is(arcgis-chat-shell,arcgis-chat-ui,arcgis-hub-ai-assistant,arcgis-hub-entity-view-layout,arcgis-hub-entity-associations-card,arcgis-hub-entity-metrics-card,arcgis-hub-entity-status-card,arcgis-nav-card,arcgis-text-card,arcgis-layout,arcgis-layout-container){visibility:hidden}:root{--acme-components-text-color: #111}

package/dist/chunks/findColumnAndNodeIndex.js

@@ -1,7 +1,7 @@
 import { i as l } from "./typeGuards.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.27/esri/copyright.txt for details.
-v0.27.0 */
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.1 */
 function f(r, c) {
   if (!(!c.sections || c.sections.length === 0)) {
     for (const s of c.sections)

package/dist/chunks/getResponsiveClasses.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.27/esri/copyright.txt for details.
-v0.27.0 */
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.1 */
 function o(n, s, e = String) {
   if (!s)
     return [];

package/dist/chunks/interpolate-translations.js

@@ -1,262 +1,372 @@
-import { Logger as c, interpolate as u, getProp as g } from "@esri/hub-common";
+import { Logger as b, interpolate as u, getProp as g } from "@esri/hub-common";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.27/esri/copyright.txt for details.
-v0.27.0 */
-const m = (s, r) => {
-  let l;
-  if ("layoutNodeConfig" in s)
-    l = s.layoutNodeConfig;
-  else
-    switch (r.tag) {
-      case "arcgis-hub-gallery-card":
-        l = {
-          name: "Gallery card",
-          tag: "arcgis-hub-gallery-card",
-          // TODO: make permissions-based?
-          disableEdit: !1,
-          // TODO: make permissions-based?
-          disableMove: !1,
-          // TODO: make permissions-based?
-          disableAdjustVisibility: !1,
-          // TODO: make permissions-based?
-          disableDelete: !1,
-          defaults: {},
-          i18n: {
-            label: "{{layoutNodeControls.configurableNodes.gallery.label:translate}}",
-            description: "{{layoutNodeControls.configurableNodes.gallery.description:translate}}",
-            editLabel: "{{layoutNodeControls.configurableNodes.gallery.edit:translate}}",
-            deleteLabel: "{{layoutNodeControls.configurableNodes.gallery.delete:translate}}",
-            repositionUpLabel: "{{layoutNodeControls.configurableNodes.gallery.up:translate}}",
-            repositionDownLabel: "{{layoutNodeControls.configurableNodes.gallery.down:translate}}"
-          },
-          editor: {
-            tag: "arcgis-hub-gallery-card-editor",
-            inputChangeEvent: "arcgisHubGalleryCardEditorChange",
-            valuesInCallback: (e) => e.cardConfig,
-            valuesOutCallback: (e) => ({ cardConfig: e })
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.1 */
+const p = (r = {}, d) => {
+  const { options: c, messages: e, assetPath: s } = r, { entity: n } = c;
+  return {
+    "arcgis-text-card": {
+      name: "Text card",
+      tag: "arcgis-text-card",
+      icon: "text",
+      i18n: {
+        ariaLabel: e.configurableNodes.text.ariaLabel,
+        label: e.configurableNodes.text.label,
+        description: e.configurableNodes.text.description,
+        editLabel: e.configurableNodes.text.edit,
+        deleteLabel: e.configurableNodes.text.delete,
+        repositionUpLabel: e.configurableNodes.text.up,
+        repositionDownLabel: e.configurableNodes.text.down
+      },
+      defaults: {
+        html: `<p>${e.configurableNodes.text.default}</p>`
+      },
+      editor: {
+        schema: {
+          type: "object",
+          required: ["html"],
+          properties: {
+            html: { type: "string", minLength: 1 }
           }
-        };
-        break;
-      case "arcgis-hub-image":
-        l = {
-          name: "Image card",
-          tag: "arcgis-hub-image",
-          // TODO: make permissions-based?
-          disableEdit: !1,
-          // TODO: make permissions-based?
-          disableMove: !1,
-          // TODO: make permissions-based?
-          disableAdjustVisibility: !1,
-          // TODO: make permissions-based?
-          disableDelete: !1,
-          defaults: {},
-          i18n: {
-            label: "{{layoutNodeControls.configurableNodes.image.label:translate}}",
-            description: "{{layoutNodeControls.configurableNodes.image.description:translate}}",
-            editLabel: "{{layoutNodeControls.configurableNodes.image.edit:translate}}",
-            deleteLabel: "{{layoutNodeControls.configurableNodes.image.delete:translate}}",
-            repositionUpLabel: "{{layoutNodeControls.configurableNodes.image.up:translate}}",
-            repositionDownLabel: "{{layoutNodeControls.configurableNodes.image.down:translate}}"
+        },
+        uiSchema: {
+          type: "Layout",
+          elements: [
+            {
+              type: "Control",
+              scope: "/properties/html",
+              options: {
+                control: "hub-field-input-rich-text",
+                messages: [
+                  {
+                    type: "ERROR",
+                    keyword: "required",
+                    icon: !0,
+                    label: e.configurableNodes.text.errors.required
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    },
+    "arcgis-hub-gallery-card": {
+      name: "Gallery card",
+      tag: "arcgis-hub-gallery-card",
+      icon: "gallery",
+      defaults: {
+        showEmptyState: !0,
+        cardConfig: {
+          schemaVersion: 9,
+          targetEntity: "item",
+          mode: "dynamic",
+          source: n ? "references" : "all",
+          entityIds: n ? [n.id] : [],
+          shouldLimitResults: !0,
+          limit: 8,
+          appearance: {
+            cardTitleTag: "h3",
+            corners: "square",
+            imageType: "thumbnail",
+            layout: "grid-filled",
+            shadow: "none",
+            showLinkButton: !1,
+            showThumbnail: "show"
           },
-          editor: {
-            schema: {
+          options: {
+            openInNewTab: !1
+          }
+        }
+      },
+      i18n: {
+        ariaLabel: e.configurableNodes.gallery.ariaLabel,
+        label: e.configurableNodes.gallery.label,
+        description: e.configurableNodes.gallery.description,
+        editLabel: e.configurableNodes.gallery.edit,
+        deleteLabel: e.configurableNodes.gallery.delete,
+        repositionUpLabel: e.configurableNodes.gallery.up,
+        repositionDownLabel: e.configurableNodes.gallery.down
+      },
+      editor: {
+        tag: "arcgis-hub-gallery-card-editor",
+        inputChangeEvent: "arcgisHubGalleryCardEditorChange",
+        valuesInCallback: (a) => a.cardConfig,
+        valuesOutCallback: (a) => ({ cardConfig: a })
+      }
+    },
+    "arcgis-hub-image": {
+      name: "Image card",
+      tag: "arcgis-hub-image",
+      icon: "image",
+      defaults: {
+        src: "",
+        fallback: `${s}images/image-card-placeholder.svg`
+      },
+      i18n: {
+        ariaLabel: e.configurableNodes.image.ariaLabel,
+        label: e.configurableNodes.image.label,
+        description: e.configurableNodes.image.description,
+        editLabel: e.configurableNodes.image.edit,
+        deleteLabel: e.configurableNodes.image.delete,
+        repositionUpLabel: e.configurableNodes.image.up,
+        repositionDownLabel: e.configurableNodes.image.down
+      },
+      editor: {
+        schema: {
+          type: "object",
+          required: ["alt"],
+          properties: {
+            image: {
               type: "object",
-              required: ["alt"],
+              required: ["source"],
               properties: {
-                image: {
+                base64: { type: "string" },
+                format: { type: "string" },
+                fileName: { type: "string" },
+                blob: {
                   type: "object",
-                  required: ["source"],
                   properties: {
-                    base64: { type: "string" },
-                    format: { type: "string" },
-                    fileName: { type: "string" },
-                    blob: {
-                      type: "object",
-                      properties: {
-                        type: { type: "string" },
-                        size: { type: "number" }
-                      }
-                    },
-                    source: { type: "string", enum: ["url", "upload"], default: "upload" },
-                    url: { type: "string" }
-                  },
-                  // i think this works!!!
-                  if: {
-                    properties: { source: { const: "url" } },
-                    required: ["source", "url"]
-                  },
-                  then: {
-                    properties: {
-                      url: { type: "string", format: "uri", minLength: 1 }
-                    }
-                  },
-                  else: {
-                    required: ["base64", "blob", "format", "fileName"]
-                  }
-                  // i think this works too!
-                  // oneOf: [
-                  //   {
-                  //     properties: {
-                  //       source: { const: "url" },
-                  //       url: { type: "string", format: "uri" },
-                  //     },
-                  //     required: ["url", "source"],
-                  //   },
-                  //   {
-                  //     properties: {
-                  //       source: { const: "upload" },
-                  //     },
-                  //     required: ["base64", "source"],
-                  //   },
-                  // ],
-                },
-                alt: { type: "string" }
-              }
-            },
-            uiSchema: {
-              type: "Layout",
-              elements: [
-                {
-                  labelKey: "layoutNodeControls.configurableNodes.image.editor.image",
-                  scope: "/properties/image",
-                  type: "Control",
-                  options: {
-                    control: "hub-field-input-image-picker",
-                    sources: ["upload", "url"],
-                    // maxWidth: 727,
-                    // maxHeight: 484,
-                    // aspectRatio: 1.5,
-                    imgSrc: r.properties?.src || "",
-                    messages: [
-                      {
-                        type: "ERROR",
-                        keyword: "if",
-                        icon: !0,
-                        label: "Image is required."
-                      }
-                    ]
+                    type: { type: "string" },
+                    size: { type: "number" }
                   }
                 },
-                {
-                  labelKey: "layoutNodeControls.configurableNodes.image.editor.altText",
-                  scope: "/properties/alt",
-                  type: "Control"
+                source: { type: "string", enum: ["url", "upload"], default: "upload" },
+                url: { type: "string" }
+              },
+              // i think this works!!!
+              if: {
+                properties: { source: { const: "url" } },
+                required: ["source", "url"]
+              },
+              then: {
+                properties: {
+                  url: { type: "string", format: "uri", minLength: 1 }
                 }
-              ]
-            },
-            valuesInCallback: (e) => {
-              const a = e.src;
-              return delete e.src, { ...e, image: { source: "url", url: a } };
+              },
+              else: {
+                required: ["base64", "blob", "format", "fileName"]
+              }
+              // i think this works too!
+              // oneOf: [
+              //   {
+              //     properties: {
+              //       source: { const: "url" },
+              //       url: { type: "string", format: "uri" },
+              //     },
+              //     required: ["url", "source"],
+              //   },
+              //   {
+              //     properties: {
+              //       source: { const: "upload" },
+              //     },
+              //     required: ["base64", "source"],
+              //   },
+              // ],
             },
-            valuesOutCallback: (e, a) => {
-              const t = e.image;
-              if (delete e.image, t?.source === "upload" && t.base64) {
-                const o = `${a?.nodeId}-image-card`, n = {
-                  [o]: {
-                    ...t,
-                    type: "image",
-                    value: t.base64
+            alt: { type: "string" }
+          }
+        },
+        uiSchema: {
+          type: "Layout",
+          elements: [
+            {
+              labelKey: e.configurableNodes.image.editor.image,
+              scope: "/properties/image",
+              type: "Control",
+              options: {
+                control: "hub-field-input-image-picker",
+                sources: ["upload", "url"],
+                messages: [
+                  {
+                    type: "ERROR",
+                    keyword: "if",
+                    icon: !0,
+                    label: e.configurableNodes.image.errors.required
                   }
-                };
-                return { ...e, src: `{{variables.${o}.value}}`, variables: n };
-              } else {
-                if (t?.source === "url")
-                  return { ...e, src: t.url };
-                if (t)
-                  return { ...e, src: "" };
+                ]
               }
-              return { ...e };
-            }
-          }
-        };
-        break;
-      case "arcgis-hub-embed-card":
-        l = {
-          name: "Embed card",
-          tag: "arcgis-hub-embed-card",
-          // TODO: make permissions-based?
-          disableEdit: !1,
-          // TODO: make permissions-based?
-          disableMove: !1,
-          // TODO: make permissions-based?
-          disableAdjustVisibility: !1,
-          // TODO: make permissions-based?
-          disableDelete: !1,
-          defaults: {},
-          i18n: {
-            label: "{{layoutNodeControls.configurableNodes.embed.label:translate}}",
-            description: "{{layoutNodeControls.configurableNodes.embed.description:translate}}",
-            editLabel: "{{layoutNodeControls.configurableNodes.embed.edit:translate}}",
-            deleteLabel: "{{layoutNodeControls.configurableNodes.embed.delete:translate}}",
-            repositionUpLabel: "{{layoutNodeControls.configurableNodes.embed.up:translate}}",
-            repositionDownLabel: "{{layoutNodeControls.configurableNodes.embed.down:translate}}"
-          },
-          editor: {
-            tag: "arcgis-hub-embed-card-editor",
-            inputChangeEvent: "arcgisHubEmbedCardEditorChange",
-            valuesInCallback: (e) => ({ embeds: [e?.embed] }),
-            valuesOutCallback: (e) => ({ embed: e.embeds[0] })
-          }
-        };
-        break;
-      case "arcgis-hub-timeline":
-        l = {
-          name: "Timeline card",
-          tag: "arcgis-hub-timeline",
-          // TODO: make permissions-based?
-          disableEdit: !1,
-          // TODO: make permissions-based?
-          disableMove: !1,
-          // TODO: make permissions-based?
-          disableAdjustVisibility: !1,
-          // TODO: make permissions-based?
-          disableDelete: !1,
-          defaults: {},
-          i18n: {
-            label: "{{layoutNodeControls.configurableNodes.timeline.label:translate}}",
-            description: "{{layoutNodeControls.configurableNodes.timeline.description:translate}}",
-            editLabel: "{{layoutNodeControls.configurableNodes.timeline.edit:translate}}",
-            deleteLabel: "{{layoutNodeControls.configurableNodes.timeline.delete:translate}}",
-            repositionUpLabel: "{{layoutNodeControls.configurableNodes.timeline.up:translate}}",
-            repositionDownLabel: "{{layoutNodeControls.configurableNodes.timeline.down:translate}}"
-          },
-          editor: {
-            tag: "arcgis-hub-timeline-editor",
-            inputChangeEvent: "arcgisHubTimelineEditorChange",
-            valuesInCallback: (e) => {
-              const a = e, t = a.timelineTitle || "";
-              return delete a.timelineTitle, {
-                title: t,
-                ...a
-              };
             },
-            valuesOutCallback: (e) => {
-              const a = e, { title: t, ...o } = a;
-              return {
-                ...o,
-                timelineTitle: t
-              };
+            {
+              labelKey: e.configurableNodes.image.editor.altText,
+              scope: "/properties/alt",
+              type: "Control"
             }
+          ]
+        },
+        valuesInCallback: (a) => {
+          const i = a.src;
+          return delete a.src, { ...a, image: { source: "url", url: i } };
+        },
+        valuesOutCallback: (a, i) => {
+          const t = a.image;
+          if (delete a.image, t?.source === "upload" && t.base64) {
+            const o = `${i?.nodeId}-image-card`, l = {
+              [o]: {
+                ...t,
+                type: "image",
+                value: t.base64
+              }
+            };
+            return { ...a, src: `{{variables.${o}.value}}`, variables: l };
+          } else {
+            if (t?.source === "url")
+              return { ...a, src: t.url };
+            if (t)
+              return { ...a, src: "" };
           }
-        };
-        break;
-      default:
-        c.info(`getLayoutCardConfig: ${r.tag} does not currently offer configuration`);
+          return { ...a };
+        }
+      }
+    },
+    "arcgis-hub-embed-card": {
+      name: "Embed card",
+      tag: "arcgis-hub-embed-card",
+      icon: "embedded-content",
+      defaults: {},
+      i18n: {
+        ariaLabel: e.configurableNodes.embed.ariaLabel,
+        label: e.configurableNodes.embed.label,
+        description: e.configurableNodes.embed.description,
+        editLabel: e.configurableNodes.embed.edit,
+        deleteLabel: e.configurableNodes.embed.delete,
+        repositionUpLabel: e.configurableNodes.embed.up,
+        repositionDownLabel: e.configurableNodes.embed.down
+      },
+      editor: {
+        tag: "arcgis-hub-embed-card-editor",
+        inputChangeEvent: "arcgisHubEmbedCardEditorChange",
+        valuesInCallback: (a) => ({ embeds: [a.embed] }),
+        valuesOutCallback: (a) => ({ embed: a.embeds[0] })
+      }
+    },
+    "arcgis-hub-timeline": {
+      name: "Timeline card",
+      tag: "arcgis-hub-timeline",
+      icon: "multi-timeline",
+      defaults: {},
+      // Note: temporarily hiding timeline from the add menu
+      // because Ben's upcoming work will expose it
+      hideAdd: !0,
+      i18n: {
+        ariaLabel: e.configurableNodes.timeline.ariaLabel,
+        label: e.configurableNodes.timeline.label,
+        description: e.configurableNodes.timeline.description,
+        editLabel: e.configurableNodes.timeline.edit,
+        deleteLabel: e.configurableNodes.timeline.delete,
+        repositionUpLabel: e.configurableNodes.timeline.up,
+        repositionDownLabel: e.configurableNodes.timeline.down
+      },
+      editor: {
+        tag: "arcgis-hub-timeline-editor",
+        inputChangeEvent: "arcgisHubTimelineEditorChange",
+        properties: {
+          showTitleAndDescription: !1
+        },
+        valuesInCallback: (a) => {
+          const i = a, t = i.timelineTitle || "";
+          return delete i.timelineTitle, {
+            title: t,
+            ...i
+          };
+        },
+        valuesOutCallback: (a) => {
+          const i = a, { title: t, ...o } = i;
+          return {
+            ...o,
+            timelineTitle: t
+          };
+        }
+      }
+    },
+    "arcgis-nav-card": {
+      tag: "arcgis-nav-card",
+      name: "Nav Card",
+      hideAdd: !0,
+      defaults: {},
+      i18n: {
+        ariaLabel: "Nav card",
+        label: "Nav card",
+        description: "A card for navigation",
+        editLabel: "Edit nav card",
+        deleteLabel: "Delete nav card",
+        repositionUpLabel: "Move nav card up",
+        repositionDownLabel: "Move nav card down"
+      }
+    },
+    // TODO: remove once associations are rendered
+    // via standard gallery card
+    "arcgis-hub-entity-associations-card": {
+      name: "Gallery card",
+      tag: "arcgis-hub-entity-associations-card",
+      hideAdd: !0,
+      disableEdit: !0,
+      i18n: {
+        ariaLabel: e.configurableNodes.gallery.ariaLabel,
+        label: e.configurableNodes.gallery.label,
+        description: e.configurableNodes.gallery.description,
+        editLabel: e.configurableNodes.gallery.edit,
+        deleteLabel: e.configurableNodes.gallery.delete,
+        repositionUpLabel: e.configurableNodes.gallery.up,
+        repositionDownLabel: e.configurableNodes.gallery.down
+      },
+      defaults: {}
+    },
+    // TODO: remove once entity metrics are rendered
+    // via standard metrics card
+    "arcgis-hub-entity-metrics-card": {
+      name: "Entity metrics card",
+      tag: "arcgis-hub-entity-metrics-card",
+      hideAdd: !0,
+      disableEdit: !0,
+      i18n: {
+        ariaLabel: e.configurableNodes.metrics.ariaLabel,
+        label: e.configurableNodes.metrics.label,
+        description: e.configurableNodes.metrics.description,
+        editLabel: e.configurableNodes.metrics.edit,
+        deleteLabel: e.configurableNodes.metrics.delete,
+        repositionUpLabel: e.configurableNodes.metrics.up,
+        repositionDownLabel: e.configurableNodes.metrics.down
+      },
+      defaults: {}
+    },
+    // TODO: remove once entity status is rendered
+    // via standard text card with variables
+    "arcgis-hub-entity-status-card": {
+      name: "Entity status card",
+      tag: "arcgis-hub-entity-status-card",
+      hideAdd: !0,
+      disableEdit: !0,
+      i18n: {
+        ariaLabel: e.configurableNodes.status.ariaLabel,
+        label: e.configurableNodes.status.label,
+        description: e.configurableNodes.status.description,
+        editLabel: e.configurableNodes.status.edit,
+        deleteLabel: e.configurableNodes.status.delete,
+        repositionUpLabel: e.configurableNodes.status.up,
+        repositionDownLabel: e.configurableNodes.status.down
+      },
+      defaults: {}
     }
-  return l;
+  };
+}, f = (r, d = {}, c) => {
+  let e;
+  const s = p(d);
+  return s[r] ? e = s[r] : b.info(`getLayoutCardConfig: ${r} does not currently offer configuration`), e;
 };
-function f(s, r) {
-  return u(r, {}, {
+function y(r, d) {
+  return u(d, {}, {
     translate(e) {
-      const [a, ...t] = e.split("|"), o = t.reduce((n, b) => {
-        const [d, i] = b.split("=");
-        return d && i && i !== "null" && i !== "undefined" && i !== "false" && (n[d] = decodeURIComponent(i)), n;
+      const [s, ...n] = e.split("|"), a = n.reduce((i, t) => {
+        const [o, l] = t.split("=");
+        return o && l && l !== "null" && l !== "undefined" && l !== "false" && (i[o] = decodeURIComponent(l)), i;
       }, {});
-      return u(g(s, a), o);
+      return u(g(r, s), a);
     }
   });
 }
 export {
-  m as g,
-  f as i
+  f as a,
+  p as g,
+  y as i
 };

package/dist/chunks/isNodeVisible.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.27/esri/copyright.txt for details.
-v0.27.0 */
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.1 */
 const t = (i) => {
   if (!i?.visibility)
     return !0;

package/dist/chunks/layoutContext.js

@@ -1,7 +1,7 @@
 import { createContext as t } from "@lit/context";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.27/esri/copyright.txt for details.
-v0.27.0 */
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.1 */
 const e = t("layout-context");
 export {
   e as l

package/dist/chunks/migrateTextCard.js

@@ -1,7 +1,7 @@
 import { migrateSchema as t } from "@esri/hub-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.27/esri/copyright.txt for details.
-v0.27.0 */
+See https://js.arcgis.com/0.28/esri/copyright.txt for details.
+v0.28.1 */
 const a = {
   // add future transforms here
 };