@arcgis/portal-components 5.2.0-next.13 → 5.2.0-next.130

package/dist/components/arcgis-portal-item-thumbnail/customElement.js

@@ -0,0 +1,309 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as P } from "../../chunks/runtime.js";
+import { LitElement as E, createEvent as F, safeClassMap as v, nothing as D } from "@arcgis/lumina";
+import { css as V, html as w } from "lit";
+import { i as O } from "../../chunks/functionalities.js";
+import { a as g, b as S, g as R } from "../../chunks/itemThumbnail.js";
+import { q as x, u as U } from "../../chunks/item2.js";
+import { g as A } from "../../chunks/portal.js";
+import { execute as B } from "@arcgis/core/rest/geoprocessor.js";
+function G(e) {
+  return e ? `${e.xmin},${e.ymin},${e.xmax},${e.ymax}` : "";
+}
+function $(e) {
+  return e && e.xmin >= -180 && e.xmax <= 180 && e.ymin >= -90 && e.ymax <= 90 && e.xmin <= e.xmax && e.ymin <= e.ymax ? [
+    [e.xmin, e.ymin],
+    [e.xmax, e.ymax]
+  ] : [
+    [-180, -90],
+    [180, 90]
+  ];
+}
+const d = document.createElement("div");
+d.style.height = "532px";
+d.style.left = "-10000px";
+d.style.position = "absolute";
+d.style.top = "-10000px";
+d.style.width = "800px";
+async function K({
+  item: e,
+  portal: t,
+  serviceInfo: r
+}) {
+  const i = e.thumbnailUrl, n = e.url ?? "", a = ["Map Service", "Feature Service", "Image Service"];
+  if (i)
+    return i;
+  if (!a.includes(e.type ?? ""))
+    return "";
+  if (e.type === "Map Service" || e.type === "Image Service" || n.includes("/MapServer")) {
+    const l = G(e.extent);
+    return l ? N({ serviceUrl: n, extent: l, size: "800,532", format: "image", serviceInfo: r }) : "";
+  }
+  return e.type === "Feature Service" ? await _(e, t) : "";
+}
+function N({
+  visibleLayers: e,
+  serviceUrl: t,
+  serviceInfo: r,
+  size: i,
+  extent: n,
+  bboxSR: a,
+  imageSR: l,
+  format: c
+}) {
+  if (!r)
+    return "";
+  let s = t, p = s.includes("/MapServer"), m = e;
+  const h = s.indexOf("/MapServer");
+  if (!m && p && h !== -1) {
+    const f = s.indexOf("?");
+    m = f > -1 ? s.substring(h + 11, f) : s.substring(h + 11), s = f > -1 ? s.substring(0, h + 10) + s.substring(f) : s.substring(0, h + 10);
+  }
+  p || (p = !!(r.capabilities?.toLowerCase().includes("map") || r.supportedImageFormatTypes));
+  const u = s.indexOf("?");
+  let o;
+  if (u === -1)
+    if (p)
+      o = `${s}/export?`;
+    else {
+      if ((r.currentVersion ?? 0) >= 10.1)
+        return `${s}/info/thumbnail`;
+      o = `${s}/exportImage?`;
+    }
+  else if (p)
+    o = `${s.substring(0, u)}/export${s.substring(u)}&`;
+  else {
+    if ((r.currentVersion ?? 0) >= 10.1)
+      return `${s.substring(0, u)}/info/thumbnail${s.substring(u)}`;
+    o = `${s.substring(0, u)}/exportImage${s.substring(u)}&`;
+  }
+  return o += `size=${i}&bbox=${n}`, a && (o += `&bboxSR=${a}`), l && (o += `&imageSR=${l}`), p ? (o += r.supportedImageFormatTypes?.includes("PNG32") ? `&format=png32&f=${c}` : `&format=png24&f=${c}`, m && (o += `&layers=show:${m}`)) : o += `&format=jpgpng&f=${c}&interpolation=RSP_NearestNeighbor&bandIds=null`, o;
+}
+async function _(e, t) {
+  if (!t || !e.id)
+    return "";
+  d.isConnected || document.body.append(d);
+  let r, i;
+  try {
+    const [
+      { default: n },
+      { default: a },
+      { default: l },
+      c,
+      { default: s },
+      { default: p },
+      { default: m },
+      { default: h }
+    ] = await Promise.all([
+      import("@arcgis/core/Basemap.js"),
+      import("@arcgis/core/layers/FeatureLayer.js"),
+      import("@arcgis/core/Map.js"),
+      import("@arcgis/core/rest/print.js"),
+      import("@arcgis/core/rest/support/PrintParameters.js"),
+      import("@arcgis/core/rest/support/PrintTemplate.js"),
+      import("@arcgis/core/smartMapping/heuristics/scaleRange.js"),
+      import("@arcgis/core/views/MapView.js")
+    ]), u = new a({ portalItem: { id: e.id, portal: t } }), o = t.defaultBasemap?.id ?? "", f = o.includes("basemap") ? "topo-vector" : new n({ portalItem: { id: o, portal: t } });
+    r = new l({ basemap: f }), i = new h({ map: r, container: d }), await i.when();
+    let y = 0, b = 0;
+    o.includes("basemap") || ({ minScale: y, maxScale: b } = await m({ layer: u, view: i }));
+    const T = await u.queryExtent();
+    if (!T.extent)
+      return "";
+    await i.goTo(T.extent), u.minScale = y, u.maxScale = b, r.add(u), i.scale = b, await new Promise((L) => setTimeout(L, 2e3));
+    const M = t.helperServices?.printTask?.url ?? "https://utility.arcgisonline.com/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task", I = new p({
+      format: "png32",
+      exportOptions: {
+        dpi: 96,
+        width: 800,
+        height: 532
+      },
+      layout: "map-only",
+      showLabels: !1,
+      attributionVisible: !1
+    });
+    return (await c.execute(M, new s({ view: i, template: I }))).url ?? "";
+  } catch {
+    return "";
+  } finally {
+    i?.destroy(), r?.destroy();
+  }
+}
+async function k({
+  webMap: e,
+  extent: t,
+  portal: r,
+  spatialReference: i
+}) {
+  const a = r?.helperServices?.printTask?.url;
+  if (!a)
+    return "";
+  const l = {
+    Web_Map_as_JSON: JSON.stringify({
+      ...e,
+      mapOptions: {
+        showAttribution: !1,
+        extent: {
+          xmin: t[0][0],
+          ymin: t[0][1],
+          xmax: t[1][0],
+          ymax: t[1][1],
+          spatialReference: { wkid: 4326 }
+        },
+        spatialReference: i
+      },
+      exportOptions: { dpi: 96, outputSize: [600, 400] },
+      layoutOptions: {}
+    }),
+    Format: "PNG32",
+    Layout_Template: "MAP_ONLY"
+  };
+  return (await B(a, l)).results?.find((s) => s.dataType === "data-file")?.value?.url ?? "";
+}
+async function C({
+  item: e,
+  portal: t
+}) {
+  const r = e.url || (t && e.id ? `${x(e.id, t)}/data` : "");
+  if (!r || !t?.defaultBasemap)
+    return "";
+  const i = new URL(r), n = new URL(t.restUrl).hostname, a = A(t);
+  a && i.hostname === n && i.searchParams.set("token", a);
+  const c = {
+    baseMap: { ...t.defaultBasemap.toJSON(), title: "basemap" },
+    operationalLayers: [
+      {
+        url: i.toString(),
+        id: `KML_${e.id}`,
+        opacity: 1,
+        title: e.title,
+        visibility: !0,
+        type: "KML"
+      }
+    ]
+  };
+  return await k({
+    webMap: c,
+    extent: $(e.extent),
+    portal: t,
+    spatialReference: { wkid: 4326 }
+  });
+}
+async function W({
+  item: e,
+  portal: t
+}) {
+  if (!t || !e.id)
+    return "";
+  const r = x(e.id, t), i = {
+    operationalLayers: [],
+    baseMap: {
+      baseMapLayers: [
+        {
+          id: e.id,
+          type: "VectorTileLayer",
+          layerType: "VectorTileLayer",
+          title: e.title,
+          styleUrl: `${r}/resources/styles/root.json`,
+          visibility: !0,
+          opacity: 1
+        }
+      ],
+      title: "Topographic"
+    },
+    spatialReference: { wkid: 102100, latestWkid: 3857 },
+    authoringApp: "WebMapViewer",
+    authoringAppVersion: "5.3",
+    version: "2.10"
+  };
+  return await k({
+    webMap: i,
+    extent: $(e.extent),
+    portal: t,
+    spatialReference: { wkid: 102100 }
+  });
+}
+async function j({
+  item: e,
+  portal: t,
+  serviceInfo: r
+}) {
+  const i = g(e), n = e.type ?? "";
+  let a;
+  try {
+    O(["Image Service", "Map Service", "Feature Service"], n) && (a = await K({ item: e, portal: t, serviceInfo: r }) || i), n === "Vector Tile Service" && (a = await W({ item: e, portal: t }) || i), n === "KML" && (a = await C({ item: e, portal: t }) || i);
+  } catch {
+    return { error: { code: "unhandledError" } };
+  }
+  return { result: a ?? i };
+}
+function q(e, t) {
+  if (!e)
+    return !1;
+  const r = e.includes("thumbnail/ago_downloaded."), i = e.includes("Utilities/PrintingTools");
+  return !e.includes("images/transparent.gif") && (t?.isPortal ? !i : !r);
+}
+function z(e, t) {
+  const r = !!t && U(e, t), i = e.type === "Dashboard";
+  return !S(e) && r && i;
+}
+function J(e, t, r) {
+  const i = S(e), n = q(i, t), a = ["Feature Service", "Vector Tile Service"].includes(e.type) && !n, l = e.type === "Feature Service" && e.typeKeywords?.includes("Location Tracking Service"), c = e.typeKeywords?.includes("Table");
+  if (e.type === "Image" || i && !a || l || c)
+    return !1;
+  const s = e.typeKeywords?.includes("Tiled Imagery"), p = e.type === "Image Service" && !s || e.type === "Map Service", m = !!r && U(e, r);
+  return m && p || m && e.type === "Feature Service" || e.type === "Vector Tile Service" || m && e.type === "KML";
+}
+const H = V`:host{display:block;height:100%;position:relative;width:100%}.outer{position:relative;width:100%;height:100%;aspect-ratio:3 / 2;min-height:0}.inner{position:absolute;inset:0;background-color:var(--calcite-color-background)}.inner--loading{animation:thumbnail-shimmer 1s linear infinite;background-image:linear-gradient(to right,var(--calcite-color-background) 0%,var(--calcite-color-foreground-2),var(--calcite-color-background) 40%,var(--calcite-color-background) 100%);background-repeat:no-repeat;background-size:800px 100%}.thumbnail{display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .3s linear}.thumbnail--loading{opacity:0}.fallback{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-3)}@keyframes thumbnail-shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}`;
+class Y extends E {
+  constructor() {
+    super(...arguments), this.generating = !1, this.imageError = !1, this.loading = !0, this.thumbnailUri = null, this.useDefaultThumbnail = !1, this.useProduction = !1, this.generate = !1, this.arcgisItemThumbnailGenerated = F();
+  }
+  static {
+    this.properties = { imageError: 16, loading: 16, thumbnailUri: 16, useDefaultThumbnail: 16, item: 0, user: 0, portal: 0, useProduction: 5, generate: 5, serviceInfo: 0, cacheString: 1 };
+  }
+  static {
+    this.styles = H;
+  }
+  async generateThumbnail(t = !1) {
+    const { item: r, portal: i } = this;
+    if (this.loading = !0, this.generating)
+      return this.thumbnailUri ?? "";
+    try {
+      this.generating = !0;
+      const n = t ? g(r) : await j({
+        item: r,
+        portal: i,
+        serviceInfo: this.serviceInfo
+      }), a = typeof n == "string" ? n : n.result ?? g(r);
+      return this.thumbnailUri = a, this.useDefaultThumbnail = !1, this.arcgisItemThumbnailGenerated.emit(a), this.generating = !1, a;
+    } catch {
+      return this.generating = !1, "";
+    }
+  }
+  willUpdate(t) {
+    (t.has("item") || t.has("portal") || t.has("user") || t.has("useProduction") || t.has("cacheString") || t.has("generate")) && this.updateThumbnail();
+  }
+  async updateThumbnail() {
+    const { item: t, portal: r, user: i } = this;
+    this.imageError = !1, this.useDefaultThumbnail = !1;
+    const n = this.generate && J(t, r, i), a = this.generate && z(t, i);
+    n && await this.generateThumbnail() || (this.thumbnailUri = a ? g(t) : R(r, t, !1, this.useProduction, this.cacheString), a && await this.generateThumbnail(!0));
+  }
+  render() {
+    const t = this.thumbnailUri;
+    return this.imageError ? null : w`<div class="outer"><div class=${v({ inner: !0, "inner--loading": this.loading })}>${t ? w`<img class=${v({ thumbnail: !0, "thumbnail--loading": this.loading })} src=${t ?? D} alt @load=${() => {
+      this.loading = !1;
+    }} @error=${() => {
+      if (!this.useDefaultThumbnail && this.item) {
+        this.loading = !0, this.useDefaultThumbnail = !0, this.thumbnailUri = g(this.item);
+        return;
+      }
+      this.imageError = !0, this.loading = !1;
+    }}>` : null}</div></div>`;
+  }
+}
+P("arcgis-portal-item-thumbnail", Y);
+export {
+  Y as ArcgisPortalItemThumbnail
+};

package/dist/components/arcgis-portal-item-thumbnail/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-portal-item-thumbnail/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-portal-item-type/customElement.d.ts

@@ -89,5 +89,5 @@ export abstract class ArcgisPortalItemType extends LitElement {
    * @default false
    */
   accessor showHosted: boolean | undefined;
-  accessor user: PortalUser | undefined;
+  accessor user: PortalUser | null | undefined;
 }