@arcgis/portal-components 4.33.24

package/dist/chunks/fieldAddDelete.js

@@ -0,0 +1,347 @@
+import * as I from "@arcgis/core/layers/support/fieldUtils.js";
+import Q from "@arcgis/core/layers/support/FeatureReductionBinning.js";
+import K from "@arcgis/core/layers/support/FeatureReductionCluster.js";
+import * as T from "@arcgis/core/renderers/support/jsonUtils.js";
+import v from "@arcgis/core/request.js";
+import * as L from "@arcgis/core/core/sql.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.24 */
+var b = /* @__PURE__ */ ((e) => (e.expression = "expression/", e.raster = "Raster.", e.relationship = "relationships/", e))(b || {});
+function x(e) {
+  return e != null;
+}
+function ge(e, t) {
+  const r = e.fieldName;
+  if (r.includes(b.expression)) {
+    const i = t.get(r);
+    return i?.title ? i.title : r;
+  } else
+    return e.label ? e.label : r;
+}
+function ve(e, t, r) {
+  let i = "";
+  if (/^raster.(?:item|service)pixelvalue/iu.test(e))
+    i = "number";
+  else if (t.has(e)) {
+    const s = t.get(e);
+    i = s.type ? s.type.toLowerCase() : "";
+  } else if (r.has(e)) {
+    const s = r.get(e);
+    i = s.returnType ? s.returnType.toLowerCase() : "";
+  } else
+    i = "number";
+  return i;
+}
+async function Le(e) {
+  return new Map(
+    (await _(e)).filter((t) => t.visible).map((t) => [t.name, t])
+  );
+}
+function Oe(e) {
+  const t = /* @__PURE__ */ new Map();
+  return e?.expressionInfos && e.expressionInfos.forEach((r) => {
+    const i = `${b.expression}${r.name}`;
+    t.set(i, r);
+  }), t;
+}
+async function _(e) {
+  return await new Promise((t, r) => {
+    switch (e.type) {
+      case "feature":
+      case "ogc-feature":
+      case "stream":
+        t(e.fields);
+        break;
+      case "sublayer": {
+        const i = e, s = i?.layer;
+        s?.portalItem && s.url.includes("https://demographics") && s.url.includes(".arcgis.com") ? s.portalItem?.fetchData().then((n) => {
+          if (n?.thematicGroup) {
+            const a = new Map(
+              i.fields.map((l) => [l.name, l])
+            ), u = n.thematicGroup.fieldNames, c = [];
+            u.forEach((l) => {
+              a.has(l) && c.push(a.get(l));
+            }), t(c);
+          } else
+            t(i.fields);
+        }).catch((n) => {
+          r(new Error(n));
+        }) : t(i.fields);
+        break;
+      }
+      case "imagery":
+      case "imagery-tile":
+      case "wcs":
+        t(e.rasterFields);
+        break;
+      default:
+        t("fields" in e ? e.fields ?? [] : []);
+    }
+  });
+}
+const H = (e) => e && !e.endsWith("/") ? `${e}/` : e;
+function O(e) {
+  return H(e.restUrl);
+}
+function P(e, t) {
+  return J(e, t) || z(e, t);
+}
+function J(e, t) {
+  return e.owner === t.username;
+}
+function z(e, t) {
+  const r = e.owner, i = e.itemControl === "admin", s = ["esri_livingatlas", "esri_demographics", "esri_boundaries"];
+  return e.portal?.isPortal && !J(e, t) && i && r?.includes("esri_") && // portal incorrectly returns "itemControl="admin" for esri owned items
+  !s.includes(r) ? !1 : i;
+}
+function X(e) {
+  return e.typeKeywords?.includes("Spatiotemporal");
+}
+function N(e) {
+  return e.typeKeywords?.includes("View Service");
+}
+function E(e) {
+  return e.typeKeywords?.includes("Hosted Service");
+}
+function V(e) {
+  return e.typeKeywords?.includes("Multi Services View");
+}
+function D(e) {
+  return e?.hasViews && !e.sourceSchemaChangesAllowed;
+}
+async function G(e) {
+  const t = e?.portalItem;
+  if (!t)
+    return await Promise.resolve(null);
+  const r = t.portal;
+  if (r?.user) {
+    const i = `${O(r)}community/users/${r.user.username}`;
+    return await v(i, {
+      query: {
+        f: "json",
+        token: t.portal.credential?.token
+      },
+      responseType: "json"
+    }).then(
+      async (s) => {
+        const n = s.data?.groups ?? [];
+        return await Promise.resolve(n);
+      },
+      async () => await Promise.reject(new Error("Failed to fetch user groups"))
+    );
+  }
+  return await Promise.resolve(null);
+}
+async function k(e) {
+  const t = e?.portalItem;
+  if (!t)
+    return await Promise.resolve(null);
+  const r = t.portal, i = `${O(r)}content/items/${t.id}/groups`;
+  return await v(i, {
+    query: {
+      f: "json",
+      token: t.portal.credential?.token
+    },
+    responseType: "json"
+  }).then(
+    async (s) => {
+      const n = s.data?.admin ?? [], a = s.data?.member ?? [], u = s.data?.other ?? [], c = [...n, ...a, ...u];
+      return await Promise.resolve(c);
+    },
+    async () => await Promise.reject(new Error("Failed to fetch item groups"))
+  );
+}
+async function j(e, t, { relationshipType: r, direction: i }) {
+  const s = `${O(t)}content/items/${e}/relatedItems`;
+  return await v(s, {
+    query: { f: "json", relationshipType: r, direction: i },
+    responseType: "json"
+  });
+}
+function A(e, t) {
+  return e?.some(
+    (r) => t?.some(
+      (i) => r.id === i.id && r.capabilities.includes("updateitemcontrol")
+    )
+  );
+}
+function o(e, t) {
+  return !e || !t ? !1 : e.toLocaleLowerCase() === t.toLocaleLowerCase();
+}
+async function be(e) {
+  const t = ["feature", "oriented-imagery"].includes(e.type), r = e?.portalItem, i = e.sourceJSON;
+  if (!t || !r)
+    return !1;
+  const s = r.portal;
+  if (!s?.user || N(r) || !E(r) || V(r) || D(i))
+    return !1;
+  const l = P(r, s.user), w = await G(e) ?? [], F = await k(e) ?? [], f = A(w, F);
+  if (!l && !f)
+    return !1;
+  const m = await j(r.id, s, {
+    relationshipType: "Service2Service"
+  });
+  return !(m?.data?.relatedItems && m.data.relatedItems.some(
+    (S) => ["WMTS", "Map Service", "Vector Tile Service"].includes(S.type)
+  ));
+}
+async function Re(e, t, r, i) {
+  if (!r)
+    return !1;
+  const s = ["feature", "oriented-imagery"].includes(t.type), n = i?.item ?? t.portalItem, a = t.sourceJSON;
+  if (!s || !n || !n.portal.user || !E(n) || N(n) || V(n) || D(a) || n.portal.isPortal && X(n) || ["oid", "global-id", "geometry"].includes(r.type))
+    return !1;
+  const m = t.sourceJSON.geometryProperties, y = m?.shapeLengthFieldName, S = m?.shapeAreaFieldName;
+  if (o(y, r.name) || o(S, r.name))
+    return !1;
+  const g = t.editFieldsInfo;
+  if (g && (o(g.creationDateField, r.name) || o(g.creatorField, r.name) || o(g.editDateField, r.name) || o(g.editorField, r.name)) || o(t.objectIdField, r.name) || o(t.displayField, r.name) || o(t.typeIdField, r.name) || o(t.subtypeField, r.name) || t.timeInfo && (o(t.timeInfo.startField, r.name) || o(t.timeInfo.endField, r.name) || o(t.timeInfo.trackIdField, r.name)))
+    return !1;
+  if (!i?.ignoreLayerRenderer && t.featureReduction) {
+    const d = /* @__PURE__ */ new Set();
+    if (await I.collectFeatureReductionFields(
+      d,
+      t,
+      t.featureReduction
+    ), Array.from(d).some(
+      (h) => o(h, r.name)
+    ))
+      return !1;
+  }
+  if (!i?.ignoreLayerRenderer && (await I.getRendererFields(t.renderer, t.fieldsIndex)).some((h) => o(h, r.name)))
+    return !1;
+  if (!i?.ignoreLayerLabelingInfo) {
+    const d = t.labelingInfo?.map(
+      (p) => p.labelExpressionInfo?.expression
+    );
+    if (d && ((await I.getExpressionFields(t, d)).some((q) => o(q, r.name)) || await U(t, r, "layer")))
+      return !1;
+  }
+  if (!i?.ignoreLayerDefinitionExpression && t.definitionExpression && (await L.parseWhereClause(t.definitionExpression, t.fieldsIndex)).fieldNames.some((h) => o(h, r.name)) || await Z(t, r, i) || await ee(t, r))
+    return !1;
+  if (await te(t, r))
+    return await Promise.resolve(!1);
+  if (await re(t, r))
+    return await Promise.resolve(!1);
+  if (Y(e, t, r) || t.relationships?.map((d) => d.keyField)?.some((d) => o(d, r.name)))
+    return !1;
+  const C = P(n, n.portal.user), $ = i?.userItemInfo?.userGroups ?? await G(t) ?? [], W = i?.userItemInfo?.itemGroups ?? await k(t) ?? [], B = A($, W);
+  if (!C && !B)
+    return !1;
+  const R = i?.userItemInfo?.relatedItems ?? await j(n.id, n.portal, {
+    relationshipType: "Service2Service"
+  });
+  return !(R?.data?.relatedItems && R.data.relatedItems.some(
+    (p) => ["WMTS", "Map Service", "Vector Tile Service"].includes(p.type)
+  ));
+}
+function Y(e, t, r) {
+  if (!e)
+    return !1;
+  const i = e.map?.applicationProperties?.viewing?.search;
+  if (i) {
+    const s = i.layers?.find((n) => n.id === t.id);
+    if (s) {
+      const n = s?.field?.name;
+      if (n)
+        return o(n, r.name);
+    }
+  }
+  return !1;
+}
+async function U(e, t, r) {
+  const i = r === "layer" ? e.labelingInfo?.filter((a) => x(a.where)) : e.sourceJSON?.drawingInfo?.labelingInfo?.filter((a) => x(a.where));
+  if (!i?.length)
+    return !1;
+  const s = [
+    ...await Promise.all(
+      i.map(
+        async (a) => await L.parseWhereClause(a.where, e.fieldsIndex)
+      )
+    )
+  ];
+  let n = !1;
+  for (let a = 0; a < s.length; a++) {
+    const u = s[a].fieldNames?.some((c) => o(c, t.name));
+    if (!n && u) {
+      n = !0;
+      break;
+    }
+  }
+  return await Promise.resolve(n);
+}
+async function Z(e, t, r) {
+  const i = e.portalItem;
+  if (!i)
+    return !1;
+  const s = `${O(i.portal)}content/items/${i.id}/data`, a = (r?.userItemInfo?.itemData ?? await v(s, {
+    query: { f: "json" },
+    responseType: "json"
+  }))?.data;
+  if (!a)
+    return !1;
+  if (a?.layers) {
+    const c = a.layers.find((f) => f.id === e.layerId), l = c?.layerDefinition?.drawingInfo?.renderer, w = c?.layerDefinition?.featureReduction, F = c?.layerDefinition?.definitionExpression;
+    if (!l && !w && !F)
+      return !1;
+    if (!r?.ignoreItemRenderer && l) {
+      const f = T.fromJSON(l);
+      if ((await I.getRendererFields(f, e.fieldsIndex)).some((S) => o(S, t.name)))
+        return !0;
+    }
+    if (!r?.ignoreItemFeatureReduction && w && await M(e, t, w) || F && (await L.parseWhereClause(F, e.fieldsIndex)).fieldNames.some((y) => o(y, t.name)))
+      return !0;
+  }
+  return !1;
+}
+async function ee(e, t) {
+  const r = e.sourceJSON, i = r?.drawingInfo?.renderer, s = r?.featureReduction;
+  if (!i && !s)
+    return !1;
+  if (i) {
+    const n = T.fromJSON(i);
+    if ((await I.getRendererFields(n, e.fieldsIndex)).some((c) => o(c, t.name)))
+      return !0;
+  }
+  return !!(s && await M(
+    e,
+    t,
+    s
+  ));
+}
+async function te(e, t) {
+  const i = e.sourceJSON?.drawingInfo?.labelingInfo;
+  if (!i)
+    return await Promise.resolve(!1);
+  const s = i?.map(
+    (n) => n.labelExpressionInfo?.expression
+  );
+  if (s) {
+    if ((await I.getExpressionFields(e, s)).some((c) => o(c, t.name)))
+      return await Promise.resolve(!0);
+    if (await U(e, t, "service"))
+      return await Promise.resolve(!0);
+  }
+  return await Promise.resolve(!1);
+}
+async function re(e, t) {
+  const i = e.sourceJSON?.definitionQuery;
+  return i ? (await L.parseWhereClause(i, e.fieldsIndex)).fieldNames.some((a) => o(a, t.name)) ? await Promise.resolve(!0) : await Promise.resolve(!1) : await Promise.resolve(!1);
+}
+async function M(e, t, r) {
+  const i = r.type === "binning" ? Q.fromJSON(r) : K.fromJSON(r), s = /* @__PURE__ */ new Set();
+  return await I.collectFeatureReductionFields(s, e, i), !!Array.from(s).some(
+    (a) => o(a, t.name)
+  );
+}
+export {
+  Re as a,
+  Oe as b,
+  be as c,
+  ge as d,
+  O as e,
+  ve as f,
+  Le as g,
+  x as i
+};

package/dist/chunks/loadClassificationData.js

@@ -0,0 +1,115 @@
+import d from "@arcgis/core/core/Accessor.js";
+import { property as n, subclass as p } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { a as m, v as u } from "./requests.js";
+import { Deferred as h } from "@arcgis/components-utils";
+import { makeAccessorController as C } from "@arcgis/lumina/controllers/accessor";
+import { Task as v } from "@lit/task";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.24 */
+var w = Object.defineProperty, g = Object.getOwnPropertyDescriptor, e = (i, a, s, t) => {
+  for (var r = t > 1 ? void 0 : t ? g(a, s) : a, l = i.length - 1, c; l >= 0; l--)
+    (c = i[l]) && (r = (t ? c(a, s, r) : c(r)) || r);
+  return t && r && w(a, s, r), r;
+};
+let o = class extends d {
+  constructor() {
+    super(...arguments), this.fetching = !1, this.status = "idle", this.error = void 0, this.portalUrl = void 0, this._itemClassificationValidationErrors = /* @__PURE__ */ new Map(), this.fetchingPromise = new h();
+  }
+  // #endregion
+  // #region Accessors
+  /**
+   * The primary attribute of the classification schema metadata.
+   */
+  get primaryAttribute() {
+    return this.portalClassificationSchema?.classificationMetadata.primaryAttribute;
+  }
+  // #endregion
+  // #region Methods
+  /**
+   * Sets the portal classification schema and updates the portal URL.
+   */
+  setPortalClassificationData({
+    portalUrl: i,
+    schema: a
+  }) {
+    this.portalUrl = i, this.portalClassificationSchema = a, this.status = "loaded", this.fetchingPromise.resolve(!0);
+  }
+  /**
+   * Sets the fetching state.
+   */
+  setFetching(i) {
+    this.fetching = i;
+  }
+  /**
+   * Loads and sets the classification schema from the portal.
+   */
+  async loadPortalClassificationData(i, { signal: a }) {
+    this.status = "loading";
+    const { result: s, error: t } = await m(i, a);
+    if (t) {
+      t.name === "AbortError" ? console.log("Request aborted.") : (this.error = t, this.status = "error", this.fetchingPromise.reject(t));
+      return;
+    } else
+      this.setPortalClassificationData({ schema: s, portalUrl: i });
+  }
+  async validateClassification(i, a, s, t) {
+    if (!a)
+      return "";
+    const r = i ? this._itemClassificationValidationErrors.get(i) : void 0;
+    if (r)
+      return await r;
+    const l = (async () => {
+      const { error: c } = await u(s, a, t ?? {});
+      return c ? c?.details.raw.messages.join(", ") : "";
+    })();
+    return i && this._itemClassificationValidationErrors.set(i, l), i ? await this._itemClassificationValidationErrors.get(i) : await l;
+  }
+  // #endregion
+};
+e([
+  n()
+], o.prototype, "portalClassificationSchema", 2);
+e([
+  n()
+], o.prototype, "fetching", 2);
+e([
+  n()
+], o.prototype, "status", 2);
+e([
+  n()
+], o.prototype, "error", 2);
+e([
+  n()
+], o.prototype, "portalUrl", 2);
+e([
+  n()
+], o.prototype, "_itemClassificationValidationErrors", 2);
+o = e([
+  p("custom.ClassificationModel")
+], o);
+let f;
+function P(i) {
+  return f ??= new o(i), f;
+}
+const A = C(P), S = (i) => new v(i, {
+  task: async ([a], { signal: s }) => {
+    if (!a)
+      throw new Error("Portal item is required to load classification data");
+    if (a.loaded || await a.load({ signal: s }), i.itemClassification = a.classification, i.classificationModel.status === "loading" && await i.classificationModel.fetchingPromise.promise, !i.portalItem?.portal.hasClassificationSchema) {
+      i.classificationModel.setPortalClassificationData({
+        portalUrl: a.portal.restUrl,
+        schema: void 0
+      });
+      return;
+    }
+    // Only fetch if the data has not been fetched
+    (i.classificationModel.status === "idle" || // or if the portal url changes
+    i.classificationModel.status === "loaded" && i.classificationModel.portalUrl !== a.portal.restUrl) && await i.classificationModel.loadPortalClassificationData(a.portal.restUrl, { signal: s });
+  },
+  args: () => [i.portalItem]
+});
+export {
+  S as c,
+  A as u
+};

package/dist/chunks/requests.js

@@ -0,0 +1,71 @@
+import n from "@arcgis/core/request.js";
+import { once as c } from "@arcgis/core/core/reactiveUtils.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.24 */
+async function f(s, t) {
+  const i = `${s}/portals/self/classification/classificationSchema`, e = {};
+  try {
+    const a = (await n(i, { query: { f: "json" }, signal: t })).data;
+    if (typeof a == "object" && a !== null && "classificationSchema" in a)
+      e.result = a.classificationSchema;
+    else
+      throw new Error("Invalid response format received from the classification schema endpoint");
+  } catch (r) {
+    e.error = r;
+  }
+  return e;
+}
+async function d(s, t, i) {
+  const e = `${s}/portals/self/classification/validateClassification`, r = { classificationValue: JSON.stringify(t), f: "json" }, a = {};
+  try {
+    const o = await n(e, { query: r, method: "post", signal: i.signal });
+    a.result = o.data;
+  } catch (o) {
+    console.error(o), a.error = o;
+  }
+  return a;
+}
+async function y(s) {
+  if (!s)
+    return;
+  s.loaded || await s.load();
+  const t = s.portal.user ?? await c(() => s?.portal.user);
+  if (!t)
+    return;
+  const i = `${s.portal.restUrl}/community/users/${t.username}/resources/classification_favorites`, e = {};
+  try {
+    const r = await n(i, { query: { f: "json" } });
+    e.result = r.data;
+  } catch (r) {
+    console.error(r), e.error = r;
+  }
+  return e;
+}
+async function v(s, t) {
+  if (!s)
+    return;
+  s.loaded || await s.load();
+  const i = s.portal.user ?? await c(() => s?.portal.user);
+  if (!i)
+    return;
+  const e = `${s.portal.restUrl}/community/users/${i.username}/addResource`, r = {}, a = {
+    f: "json",
+    key: "classification_favorites",
+    text: JSON.stringify({ favorites: t }),
+    access: "UserPrivateAllApps"
+  };
+  try {
+    const o = await n(e, { query: a, method: "post" });
+    r.result = o.data.success;
+  } catch (o) {
+    console.error("error: ", o), r.error = o;
+  }
+  return r;
+}
+export {
+  f as a,
+  y as r,
+  v as u,
+  d as v
+};

package/dist/chunks/runtime.js

@@ -0,0 +1,16 @@
+import { makeRuntime as e } from "@arcgis/lumina";
+import { trackAccess as s, createObservable as r, createTrackingTarget as a, runTracked as c } from "@arcgis/core/applications/Components/reactiveUtils.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.24 */
+const t = e({ defaultAssetPath: "https://js.arcgis.com/4.33/portal-components/", hydratedAttribute: "hydrated" }), { customElement: n, getAssetPath: i, setAssetPath: d } = t;
+t.t = s;
+t.o = r;
+t.c = a;
+t.r = c;
+export {
+  n as c,
+  i as g,
+  t as r,
+  d as s
+};

package/dist/chunks/useT9n.js

@@ -0,0 +1,9 @@
+import { makeT9nController as o } from "@arcgis/lumina/controllers";
+import { g as t } from "./runtime.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.24 */
+const s = o(t);
+export {
+  s as u
+};

package/dist/components/arcgis-portal-classification-banner/customElement.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { Use } from '@arcgis/lumina/controllers';
+import { useClassificationModel } from '../../controllers/useClassificationModel';
+import { PropertyValues } from 'lit';
+
+/** @internal The new portal components now includes `<arcgis-portal-classification-banner/>`. */
+export declare class ArcgisPortalClassificationBanner extends LitElement {
+    /** The portal item to display the classification banner for. */
+    portalItem?: __esri.PortalItem;
+    /**
+     *
+     * If the portal item has a classification previously
+     *
+     * @default false
+     */
+    missingExistingClassification: boolean;
+    /**
+     * The size of the banner to display.
+     *
+     * - `"full"`: Used when the banner is displayed at the top and bottom of a page. This is the default mode cached for performance.
+     * - `"preview"`: Used when the banner is rendered inside a configuration component. This mode is not cached and is used to display a preview of the classification.
+     *
+     * @default "full"
+     */
+    variant: "full" | "preview";
+    /**
+     * The classification validation error - validate the classification value against the classification schema.
+     *
+     * @default ""
+     */
+    validationErrors: string;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+}

package/dist/components/arcgis-portal-classification-banner/customElement.js

@@ -0,0 +1,63 @@
+import { c as e } from "../../chunks/runtime.js";
+import { LitElement as r, safeStyleMap as l } from "@arcgis/lumina";
+import { u as c, c as n } from "../../chunks/loadClassificationData.js";
+import { u as f } from "../../chunks/useT9n.js";
+import { css as d } from "@lit/reactive-element/css-tag.js";
+import { html as t } from "lit";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.24 */
+const m = d`.banner{box-sizing:border-box;width:100%;left:0;text-align:center;font-family:var(--calcite-font-family);background-color:#fff;color:#000;padding:var(--calcite-spacing-sm);font-size:var(--calcite-font-size);text-transform:uppercase;overflow-wrap:break-word}.invalid-container{background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;gap:8px}.invalid-icon{--calcite-ui-icon-color: var(--calcite-color-status-danger)}.invalid-message{text-align:center;font-family:var(--calcite-font-family);background-color:#fff;color:#000;padding:var(--calcite-spacing-sm);font-size:var(--calcite-font-size);overflow-wrap:break-word}`;
+class h extends r {
+  constructor() {
+    super(...arguments), this.classificationModel = c(this), this.messages = f(), this._classificationDataTask = n(this), this.portalClassificationSchema = this.classificationModel.portalClassificationSchema, this.status = this.classificationModel.status, this.missingExistingClassification = !1, this.variant = "full", this.autoDestroyDisabled = !1, this.validationErrors = "";
+  }
+  static {
+    this.properties = { portalClassificationSchema: 16, status: 16, itemClassification: 16, portalItem: 0, missingExistingClassification: 5, variant: 1, autoDestroyDisabled: 5, validationErrors: 1 };
+  }
+  static {
+    this.styles = m;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  willUpdate(a) {
+    if (a.has("portalItem")) {
+      const { portalItem: i } = this;
+      i?.load().then(() => {
+        i?.id && i?.loaded && i?.classification && !this.missingExistingClassification ? this.classificationModel.validateClassification(
+          /** don't utilize the cache if preview */
+          this.variant === "preview" ? null : i.id,
+          i.classification,
+          i?.portal.restUrl
+        ).catch(console.error).then((s) => {
+          this.validationErrors = s ?? "";
+        }) : this.validationErrors = "";
+      }).catch(console.error);
+    }
+  }
+  getStyle() {
+    const a = {};
+    if (this.variant === "preview" && (a.fontSize = "var(--calcite-font-size-sm)", a.padding = "var(--calcite-spacing-xs)"), this.itemClassification && this.portalClassificationSchema) {
+      const i = this.itemClassification.classification, s = this.portalClassificationSchema.classificationMetadata.classificationValueProperties.find(({ value: o }) => o === i);
+      s?.backgroundColor && (a.backgroundColor = s.backgroundColor), s?.textColor && (a.color = s.textColor);
+    }
+    return a;
+  }
+  render() {
+    return this._classificationDataTask.render({
+      /** Do not render anything while fetching */
+      pending: void 0,
+      /** Do not render anything if there is an error, TODO: confirm error handling case */
+      error: void 0,
+      complete: () => (
+        /** Only render the banner if the portal has a classification schema and it's accessed not anonymously */
+        this.portalClassificationSchema && this.portalItem?.portal.authMode !== "anonymous" ? this.validationErrors && this.variant === "full" ? t`<div class="invalid-container"><calcite-icon class="invalid-icon" scale=s icon=exclamation-mark-triangle .textLabel=${this.messages.invalidclassificationerror}></calcite-icon><span class="invalid-message">${this.messages.invalidclassificationerror}</span></div>` : t`<div class="banner" style=${l(this.getStyle())}>${this.itemClassification?.banner ?? this.messages.notyetclassified ?? "Not yet classified"}</div>` : ""
+      )
+    });
+  }
+}
+e("arcgis-portal-classification-banner", h);
+export {
+  h as ArcgisPortalClassificationBanner
+};

package/dist/components/arcgis-portal-classification-banner/index.d.ts

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-classification-banner/index.js

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-icon";
+export * from "./customElement.js";