@arcgis/portal-components 5.2.0-next.16 → 5.2.0-next.161

package/dist/components/arcgis-portal-browser-top-bar/customElement.d.ts

@@ -0,0 +1,190 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserStore } from "../arcgis-portal-browser/utils/store.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserTopBar extends LitElement {
+  /** @internal */
+  protected _messages: {
+      browser: {
+          refineContent: string;
+          filters: string;
+          pageRange: string;
+          pageRangeAria: string;
+          pageRangeWithRecycleBin: string;
+          pageRangeAriaWithRecycleBin: string;
+          totalSize: string;
+          loading: string;
+          close: string;
+      };
+      actions: { more: string; };
+      filter: { clear: string; };
+      filterDate: {
+          today: string;
+          yesterday: string;
+          last7: string;
+          last30: string;
+          never: string;
+          custom: string;
+          title: {
+              created: string;
+              modified: string;
+              joined: string;
+              lastLogin: string;
+          };
+          created: string;
+          modified: string;
+          joined: string;
+          lastLogin: string;
+      };
+      pagination: {
+          next: string;
+          prev: string;
+      };
+      search: {
+          label: string;
+          search: string;
+          clear: string;
+          wildcard: string;
+      };
+      sort: {
+          sortDirection: string;
+          title: string;
+          relevance: string;
+          modified: string;
+          deleted: string;
+          created: string;
+          added: string;
+          size: string;
+          owner: string;
+          sizeAsc: string;
+          sizeDesc: string;
+          numviews: string;
+          numAsc: string;
+          numDesc: string;
+          alphabeticalAsc: string;
+          alphabeticalDesc: string;
+          recentAsc: string;
+          recentDesc: string;
+          sort: string;
+          sortBy: string;
+          sortByColon: string;
+          fullname: string;
+          username: string;
+          name: string;
+          membertype: string;
+          joined: string;
+          lastlogin: string;
+          dataset: string;
+          mfaenabled: string;
+          description: string;
+          lastSyncFailureCount: string;
+          invitationsPendingCount: string;
+          participantGroupLinksCount: string;
+          defaultAsc: string;
+          defaultDesc: string;
+      };
+      topBar: { filter: string; };
+      filterStatus: {
+          clear: string;
+          filters: string;
+          additional: string;
+          clearAllFilters: string;
+      };
+  } & T9nMeta<{
+      browser: {
+          refineContent: string;
+          filters: string;
+          pageRange: string;
+          pageRangeAria: string;
+          pageRangeWithRecycleBin: string;
+          pageRangeAriaWithRecycleBin: string;
+          totalSize: string;
+          loading: string;
+          close: string;
+      };
+      actions: { more: string; };
+      filter: { clear: string; };
+      filterDate: {
+          today: string;
+          yesterday: string;
+          last7: string;
+          last30: string;
+          never: string;
+          custom: string;
+          title: {
+              created: string;
+              modified: string;
+              joined: string;
+              lastLogin: string;
+          };
+          created: string;
+          modified: string;
+          joined: string;
+          lastLogin: string;
+      };
+      pagination: {
+          next: string;
+          prev: string;
+      };
+      search: {
+          label: string;
+          search: string;
+          clear: string;
+          wildcard: string;
+      };
+      sort: {
+          sortDirection: string;
+          title: string;
+          relevance: string;
+          modified: string;
+          deleted: string;
+          created: string;
+          added: string;
+          size: string;
+          owner: string;
+          sizeAsc: string;
+          sizeDesc: string;
+          numviews: string;
+          numAsc: string;
+          numDesc: string;
+          alphabeticalAsc: string;
+          alphabeticalDesc: string;
+          recentAsc: string;
+          recentDesc: string;
+          sort: string;
+          sortBy: string;
+          sortByColon: string;
+          fullname: string;
+          username: string;
+          name: string;
+          membertype: string;
+          joined: string;
+          lastlogin: string;
+          dataset: string;
+          mfaenabled: string;
+          description: string;
+          lastSyncFailureCount: string;
+          invitationsPendingCount: string;
+          participantGroupLinksCount: string;
+          defaultAsc: string;
+          defaultDesc: string;
+      };
+      topBar: { filter: string; };
+      filterStatus: {
+          clear: string;
+          filters: string;
+          additional: string;
+          clearAllFilters: string;
+      };
+  }>;
+  /** @default false */
+  accessor filtersDisabled: boolean;
+  accessor store: PortalBrowserStore;
+  readonly arcgisBrowserFilterClear: import("@arcgis/lumina").TargetedEvent<this, null>;
+  readonly arcgisBrowserFilterRemove: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisBrowserFilterClear: ArcgisPortalBrowserTopBar["arcgisBrowserFilterClear"]["detail"];
+    arcgisBrowserFilterRemove: ArcgisPortalBrowserTopBar["arcgisBrowserFilterRemove"]["detail"];
+  };
+}

package/dist/components/arcgis-portal-browser-top-bar/customElement.js

@@ -0,0 +1,50 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as a } from "../../chunks/runtime.js";
+import { css as l, html as t } from "lit";
+import { LitElement as o, createEvent as r, safeClassMap as n } from "@arcgis/lumina";
+import { createRef as c, ref as d } from "lit/directives/ref.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { i as h } from "../../chunks/functionalities.js";
+import { c as m, i as b } from "../../chunks/store.js";
+import "../arcgis-portal-browser-filter-status/customElement.js";
+const u = l`:host{position:relative;display:block;background-color:var(--arcgis-browser-top-bar-background, var(--calcite-color-foreground-1));container-type:inline-size;container-name:browser-top-bar}.wrapper{display:flex;margin-inline:auto;max-width:var(--arcgis-browser-max-width)}.bucket{display:flex}.search-and-sort{display:flex;flex:1;align-items:center;padding-inline-end:1.5rem;min-height:3rem}.search{flex:1}.filter{margin-block:.25rem;padding-inline:.5rem;display:flex;justify-content:center;align-items:center}.bucket--mobile{display:none;text-align:center;border-bottom:1px solid var(--calcite-color-border-3)}.rel{position:relative}.bucket--desktop{display:flex}.indicator{width:.5rem;height:.5rem;position:absolute;border-radius:999px;top:0;pointer-events:none;z-index:20;background-color:var(--calcite-color-brand);inset-inline-start:0}.filter-status--with-toggle{display:none}@container browser-top-bar (min-width: 769px){.filter{display:none}.filter-status--with-toggle{display:inline-flex}}@container browser-top-bar (max-width: 640px){.bucket--mobile{display:block}.bucket--desktop{display:none}.search-and-sort{padding-inline-end:0}}`;
+class f extends o {
+  constructor() {
+    super(...arguments), this.searchWrapper = c(), this.resizeObserver = null, this._messages = p({ name: "portal-browser", blocking: !0 }), this.width = 0, this.store = m(), this.filtersDisabled = !1, this.arcgisBrowserFilterClear = r(), this.arcgisBrowserFilterRemove = r();
+  }
+  static {
+    this.properties = { width: 16, store: 0, filtersDisabled: 5 };
+  }
+  static {
+    this.styles = u;
+  }
+  firstUpdated() {
+    this.updateWidth(), !(typeof ResizeObserver > "u" || !this.searchWrapper.value) && (this.resizeObserver = new ResizeObserver(() => this.updateWidth()), this.resizeObserver.observe(this.searchWrapper.value));
+  }
+  disconnectedCallback() {
+    this.resizeObserver?.disconnect(), this.resizeObserver = null, super.disconnectedCallback();
+  }
+  updateWidth() {
+    requestAnimationFrame(() => {
+      this.width = this.searchWrapper.value?.offsetWidth || 0;
+    });
+  }
+  hasActiveFilter() {
+    return Object.values(this.store.filters).some((e) => !!e.value && !h(b, e.id));
+  }
+  handleClick() {
+    this.store.preview = null, this.store.filtersExpanded = !this.store.filtersExpanded;
+  }
+  render() {
+    const e = (!this.store.filtersEmpty || !this.store.sortEmpty && this.store.panel) && !this.filtersDisabled, s = this._messages.topBar.filter;
+    return t`<div><div class="bucket bucket--mobile"><slot name=bucket></slot></div><slot name=primary-filter></slot><div class="wrapper"><slot name=content-start></slot><div class="bucket bucket--desktop"><slot name=bucket></slot></div><div class="search-and-sort" ${d(this.searchWrapper)}><div class="search"><slot name=search></slot></div>${!this.filtersDisabled && t`<arcgis-portal-browser-filter-status .componentWidth=${this.width} .browserWidth=${this.width} class=${n({ "filter-status": !0, "filter-status--with-toggle": e })} .filters=${this.store.filters} .hiddenFilterIds=${this.store.hiddenFilters || []} @arcgisBrowserFilterClear=${() => {
+      this.arcgisBrowserFilterClear.emit(null);
+    }} @arcgisBrowserFilterRemove=${(i) => {
+      this.arcgisBrowserFilterRemove.emit(i.detail);
+    }}></arcgis-portal-browser-filter-status>` || ""}</div>${e && t`<div class="filter"><div class="rel">${this.hasActiveFilter() && t`<span class="indicator"></span>` || ""}<calcite-button class="filter-toggle" scale=s appearance=transparent kind=neutral icon-start=sliders .label=${s} @click=${() => this.handleClick()} aria-expanded=${this.store.filtersExpanded ? "true" : "false"}></calcite-button></div></div>` || ""}<slot name=content-end></slot></div></div>`;
+  }
+}
+a("arcgis-portal-browser-top-bar", f);
+export {
+  f as ArcgisPortalBrowserTopBar
+};

package/dist/components/arcgis-portal-browser-top-bar/index.d.ts

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

package/dist/components/arcgis-portal-browser-top-bar/index.js

@@ -0,0 +1,3 @@
+import "../arcgis-portal-browser-filter-status/index.js";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-browser-view/customElement.d.ts

@@ -0,0 +1,21 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserStore } from "../arcgis-portal-browser/utils/store.js";
+
+export abstract class ArcgisPortalBrowserView extends LitElement {
+  accessor options: PortalBrowserViewOption[];
+  accessor store: PortalBrowserStore;
+  /** @default "" */
+  accessor view: string;
+  /** @default "View" */
+  accessor viewText: string;
+  readonly arcgisBrowserViewChange: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisBrowserViewChange: ArcgisPortalBrowserView["arcgisBrowserViewChange"]["detail"];
+  };
+}
+
+export interface PortalBrowserViewOption {
+  value: string;
+  title: string;
+}

package/dist/components/arcgis-portal-browser-view/customElement.js

@@ -0,0 +1,30 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as o } from "../../chunks/runtime.js";
+import { html as e } from "lit";
+import { LitElement as s, createEvent as n } from "@arcgis/lumina";
+import { c } from "../../chunks/store.js";
+const l = 960;
+class a extends s {
+  constructor() {
+    super(...arguments), this.options = [], this.view = "", this.viewText = "View", this.store = c(), this.arcgisBrowserViewChange = n();
+  }
+  static {
+    this.properties = { options: 0, view: 1, viewText: 1, store: 0 };
+  }
+  renderOption(t) {
+    return e`<calcite-dropdown-item .selected=${t.value === this.view} @calciteDropdownItemSelect=${() => {
+      this.arcgisBrowserViewChange.emit(t.value);
+    }} .iconStart=${t.value} icon-flip-rtl=start>${t.title}</calcite-dropdown-item>`;
+  }
+  renderButton() {
+    const t = this.options.find((r) => r.value === this.view), i = this.store.width || window.innerWidth;
+    return e`<calcite-button class="button" slot=trigger scale=m appearance=outline-fill kind=neutral .iconStart=${t?.value} icon-flip-rtl=start .label=${`${this.viewText}: ${t?.title || ""}`}>${i > l ? t?.title : null}</calcite-button>`;
+  }
+  render() {
+    return e`<calcite-dropdown placement=bottom-end scale=m overlay-positioning=fixed width=s>${this.renderButton()}<calcite-dropdown-group selection-mode=single>${this.options.map((t) => this.renderOption(t))}</calcite-dropdown-group></calcite-dropdown>`;
+  }
+}
+o("arcgis-portal-browser-view", a);
+export {
+  a as ArcgisPortalBrowserView
+};

package/dist/components/arcgis-portal-browser-view/index.d.ts

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

package/dist/components/arcgis-portal-browser-view/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-dropdown-item";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+export * from "./customElement.js";

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

@@ -1,29 +1,29 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as C } from "../../chunks/runtime.js";
 import { LitElement as v, nothing as E } from "@arcgis/lumina";
-import { css as y, html as n } from "lit";
-import { Task as I, TaskStatus as x } from "@lit/task";
+import { css as I, html as n } from "lit";
+import { Task as y, TaskStatus as x } from "@lit/task";
 import { createRef as f, ref as u } from "lit/directives/ref.js";
 import { usePropertyChange as w } from "@arcgis/lumina/controllers";
 import { getClosestElement as R } from "@arcgis/toolkit/dom";
-import { u as $, c as P } from "../../chunks/loadClassificationData.js";
-import { createArcadeExecutor as S } from "@arcgis/core/arcade.js";
+import { u as P, c as S } from "../../chunks/loadClassificationData.js";
+import { createArcadeExecutor as $ } from "@arcgis/core/arcade.js";
 import { u as V } from "../../chunks/useT9n.js";
 import { d as m, a as d, g as O, r as p, c as _, b as A } from "../../chunks/common.js";
 import { watch as D } from "@arcgis/core/core/reactiveUtils.js";
-import { r as F } from "../../chunks/requests.js";
+import { b as F } from "../../chunks/requests.js";
 async function T({
-  portalClassificationSchema: a,
+  portalClassificationSchema: r,
   itemClassification: t
 }) {
-  const i = Object.entries(a.attributes).map(async ([s]) => {
-    const r = await q(s, a, t);
-    return { [s]: { enabled: r } };
+  const i = Object.entries(r.attributes).map(async ([s]) => {
+    const a = await q(s, r, t);
+    return { [s]: { enabled: a } };
   }), e = await Promise.all(i);
   return Object.assign({}, ...e);
 }
-async function q(a, t, i) {
-  const e = t?.attributes?.[a];
+async function q(r, t, i) {
+  const e = t?.attributes?.[r];
   if (!e)
     return !1;
   const { isAttributeEnabled: s } = e;
@@ -34,43 +34,43 @@ async function q(a, t, i) {
   ) : !0;
 }
 async function j({
-  portalClassificationSchema: a,
+  portalClassificationSchema: r,
   itemClassification: t
 }) {
-  const i = Object.entries(a.attributes).map(async ([s]) => {
-    const r = await M(s, a, t);
-    return { [s]: { valueExpressionResult: r } };
+  const i = Object.entries(r.attributes).map(async ([s]) => {
+    const a = await M(s, r, t);
+    return { [s]: { valueExpressionResult: a } };
   }), e = await Promise.all(i);
   return Object.assign({}, ...e);
 }
-async function M(a, t, i) {
-  const e = t.attributes[a];
+async function M(r, t, i) {
+  const e = t.attributes[r];
   if (!e)
-    throw Error(`Attribute ${a} not found in schema`);
-  const s = e.valueExpression, r = e.validValues, o = e.validValuesMap;
-  return r?.length ? r : o && Object.keys(o)?.length ? o : s ? await h(
+    throw Error(`Attribute ${r} not found in schema`);
+  const s = e.valueExpression, a = e.validValues, o = e.validValuesMap;
+  return a?.length ? a : o && Object.keys(o)?.length ? o : s ? await h(
     s,
     t,
     i,
-    a
+    r
   ) : null;
 }
 async function N({
-  portalClassificationSchema: a,
+  portalClassificationSchema: r,
   itemClassification: t
 }) {
-  const i = Object.entries(a.attributes).map(async ([s]) => {
-    const r = await H(
+  const i = Object.entries(r.attributes).map(async ([s]) => {
+    const a = await H(
       s,
-      a,
+      r,
       t
     );
-    return { [s]: { attributeValidationResult: r } };
+    return { [s]: { attributeValidationResult: a } };
   }), e = await Promise.all(i);
   return Object.assign({}, ...e);
 }
-async function H(a, t, i) {
-  const e = t?.attributes?.[a];
+async function H(r, t, i) {
+  const e = t?.attributes?.[r];
   if (!e)
     return null;
   const s = e?.attributeValidation;
@@ -78,18 +78,18 @@ async function H(a, t, i) {
     s,
     JSON.stringify(t),
     i,
-    a
+    r
   ) : null;
 }
-const g = async (a, t) => {
-  const i = a?.bannerExpression;
+const g = async (r, t) => {
+  const i = r?.bannerExpression;
   return i?.length ? await h(
     i,
-    a,
+    r,
     t
-  ) : W(a, t);
-}, W = (a, t) => {
-  const i = Object.entries(a.attributes).sort(
+  ) : W(r, t);
+}, W = (r, t) => {
+  const i = Object.entries(r.attributes).sort(
     ([, o], [, l]) => (o?.bannerOrder ?? 0) - (l?.bannerOrder ?? 0)
   ), e = [], s = [];
   return i.forEach(([o, l]) => {
@@ -109,25 +109,25 @@ const g = async (a, t) => {
     ""
   ) : "";
 }, U = ({
-  elementType: a,
+  elementType: r,
   selectionDisplayLabel: t,
   labelDelimiter: i,
   classificationProp: e,
   valueDelimiter: s
 }) => {
-  const r = a.includes("multi") && e ? e.split("").join(s) : e;
-  return `${t}${i}${r}`;
+  const a = r.includes("multi") && e ? e.split("").join(s) : e;
+  return `${t}${i}${a}`;
 };
-async function h(a, t, i, e = "") {
+async function h(r, t, i, e = "") {
   const s = {
     schemaJsonString: typeof t == "string" ? t : JSON.stringify(t),
     valueJsonString: JSON.stringify(i),
     attributeId: e
   };
-  return (await L(a)).execute(s);
+  return (await L(r)).execute(s);
 }
-async function L(a) {
-  return await S(a, {
+async function L(r) {
+  return await $(r, {
     variables: [
       {
         name: "schemaJsonString",
@@ -144,10 +144,10 @@ async function L(a) {
     ]
   });
 }
-const B = y`:host{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.header-section{padding:var(--calcite-spacing-sm)}.header-section__title-container{display:flex;align-items:center;justify-content:space-between}.header-section__title-text{margin:unset;font-weight:unset;font-size:var(--calcite-font-size)}.header-section__title-popover{padding:var(--calcite-spacing-md)}.form-section{display:flex;border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);padding:var(--calcite-spacing-sm);height:100%;overflow:hidden}.form-section__sidebar{flex:1;padding:var(--calcite-spacing-sm)}.form-section__main-content{flex:3;padding:var(--calcite-spacing-sm);overflow:auto}.danger{color:var(--calcite-color-status-danger)}.spacing-y{margin:var(--calcite-spacing-md) 0}`;
+const B = I`:host{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.header-section{padding:var(--calcite-spacing-sm)}.header-section__title-container{display:flex;align-items:center;justify-content:space-between}.header-section__title-text{margin:unset;font-weight:unset;font-size:var(--calcite-font-size)}.header-section__title-popover{padding:var(--calcite-spacing-md)}.form-section{display:flex;border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);padding:var(--calcite-spacing-sm);height:100%;overflow:hidden}.form-section__sidebar{flex:1;padding:var(--calcite-spacing-sm)}.form-section__main-content{flex:3;padding:var(--calcite-spacing-sm);overflow:auto}.danger{color:var(--calcite-color-status-danger)}.spacing-y{margin:var(--calcite-spacing-md) 0}`;
 class J extends v {
   constructor() {
-    super(), this.classificationModel = $(this), this.messages = V(), this.formMainContentRef = f(), this.bannerRef = f(), this._classificationDataTask = P(this), this._formCreationTask = new I(this, {
+    super(), this.classificationModel = P(this), this.messages = V(), this.formMainContentRef = f(), this.bannerRef = f(), this._classificationDataTask = S(this), this._formCreationTask = new y(this, {
       task: async () => {
         if (await this._classificationDataTask.taskComplete, !this.portalClassificationSchema || !this.portalItem)
           throw new Error("Portal item and classification schema are required to render the form");
@@ -163,7 +163,7 @@ class J extends v {
               console.error(s);
             });
           }
-        }), this._itemClassificationWatchPortalItem = this.portalItem, this._itemClassificationWatchPortalItem.addHandles(this._itemClassificationWatchHandle, "arcgis-classification-config"), await this.evaluateAttributeExpressions(this.portalClassificationSchema, this.pendingPortalItem), this.pendingPortalItem.classification = d(this.pendingPortalItem.classification, this.attributeExpressionResults), this.existingClassification && this.validateForm();
+        }), this._itemClassificationWatchPortalItem = this.portalItem, this._itemClassificationWatchPortalItem.addHandles(this._itemClassificationWatchHandle, "arcgis-classification-config"), await this.evaluateAttributeExpressions(this.portalClassificationSchema, this.pendingPortalItem), this.pendingPortalItem.classification = d(this.pendingPortalItem.classification, this.attributeExpressionResults), this.pendingPortalItem = this.pendingPortalItem.clone(), this.existingClassification && this.validateForm();
       },
       args: () => [this.portalItem, this.portalClassificationSchema]
     }), this.getFormDisplayOrder = (t) => this.portalClassificationSchema?.layouts.default.layoutElements[t].formDisplayOrder ?? 0, this.addEditInfoAttributes = () => {
@@ -181,10 +181,10 @@ class J extends v {
           return;
         await this.evaluateAttributeExpressions(this.portalClassificationSchema, e), e.classification = d(e.classification, this.attributeExpressionResults), this.pendingPortalItem = e;
       }
-    }, this.existingClassification = !1, this.portalClassificationSchema = this.classificationModel.portalClassificationSchema, this.primaryAttribute = this.classificationModel.primaryAttribute, this.attributeExpressionResults = /* @__PURE__ */ new Map(), this.formValidationErrors = [], this.remoteValidationErrors = "", this.canUserConfigureClassification = !0, this.favoriteClassifications = [], this.isRequiredErrors = /* @__PURE__ */ new Set(), this.status = this.classificationModel.status, this.values = {}, this.valid = !1, this.autoDestroyDisabled = !1, this.arcgisPropertyChange = w()("status", "values", "valid");
+    }, this.existingClassification = !1, this.portalClassificationSchema = this.classificationModel.portalClassificationSchema, this.primaryAttribute = this.classificationModel.primaryAttribute, this.attributeExpressionResults = /* @__PURE__ */ new Map(), this.formValidationErrors = [], this.formValidationErrorsSource = "other", this.remoteValidationErrors = "", this.canUserConfigureClassification = !0, this.favoriteClassifications = [], this.isRequiredErrors = /* @__PURE__ */ new Set(), this.status = this.classificationModel.status, this.values = {}, this.valid = !1, this.autoDestroyDisabled = !1, this.arcgisPropertyChange = w()("status", "values", "valid");
   }
   static {
-    this.properties = { existingClassification: 16, portalClassificationSchema: 16, primaryAttribute: 16, attributeExpressionResults: 16, formValidationErrors: 16, itemClassification: 16, pendingPortalItem: 16, selectedCategory: 16, remoteValidationErrors: 16, canUserConfigureClassification: 16, favoriteClassifications: 16, selectedFavoriteClassificationName: 16, isRequiredErrors: 16, portalItem: 0, status: 35, values: [1, { type: Object }], valid: 7, autoDestroyDisabled: 5 };
+    this.properties = { existingClassification: 16, portalClassificationSchema: 16, primaryAttribute: 16, attributeExpressionResults: 16, formValidationErrors: 16, formValidationErrorsSource: 16, itemClassification: 16, pendingPortalItem: 16, selectedCategory: 16, remoteValidationErrors: 16, canUserConfigureClassification: 16, favoriteClassifications: 16, selectedFavoriteClassificationName: 16, isRequiredErrors: 16, portalItem: 0, status: 35, values: [1, { type: Object }], valid: 7, autoDestroyDisabled: 5 };
   }
   static {
     this.styles = B;
@@ -236,17 +236,17 @@ class J extends v {
     const i = this.pendingPortalItem.clone();
     await i.load(), Object.entries(t ?? {}).forEach(([e, s]) => {
       if (e === this.primaryAttribute) {
-        let r = A(s, i.classification, this.primaryAttribute);
-        r = p(this.portalClassificationSchema, r), i.classification = r;
+        let a = A(s, i.classification, this.primaryAttribute);
+        a = p(this.portalClassificationSchema, a), i.classification = a;
       } else {
-        const r = new Map(Object.entries(i.classification ?? {}));
+        const a = new Map(Object.entries(i.classification ?? {}));
         if (s === void 0 || s === "" || Array.isArray(s) && s.length === 0)
-          r.delete(e);
-        else if (r.set(e, s), e === "fgi" && !r.has("fgiOptions")) {
+          a.delete(e);
+        else if (a.set(e, s), e === "fgi" && !a.has("fgiOptions")) {
           const o = this.portalClassificationSchema?.attributes?.fgiOptions?.defaultValue ?? [];
-          r.set("fgiOptions", Array.isArray(o) ? o : [o]);
+          a.set("fgiOptions", Array.isArray(o) ? o : [o]);
         }
-        i.classification = Object.fromEntries(r);
+        i.classification = Object.fromEntries(a);
       }
     }), i.classification && !i.classification.fgi && delete i.classification.fgiOptions, await this.evaluateAttributeExpressions(this.portalClassificationSchema, i), i.classification = d(i.classification, this.attributeExpressionResults), i.classification && (i.classification.banner = await g(this.portalClassificationSchema, i.classification)), this.pendingPortalItem = i, this.existingClassification && this.validateForm(), t && "classification" in t && this.updateIsRequiredErrors();
   }
@@ -260,12 +260,12 @@ class J extends v {
     }), s = await j({
       portalClassificationSchema: t,
       itemClassification: i.classification
-    }), r = await N({
+    }), a = await N({
       portalClassificationSchema: t,
       itemClassification: i.classification
     });
     Object.keys(t.attributes).forEach((o) => {
-      const l = e[o]?.enabled ?? !0, c = s[o]?.valueExpressionResult, b = r[o]?.attributeValidationResult;
+      const l = e[o]?.enabled ?? !0, c = s[o]?.valueExpressionResult, b = a[o]?.attributeValidationResult;
       this.attributeExpressionResults.set(o, { enabled: l, valueExpressionResult: c, attributeValidationResult: b });
     });
   }
@@ -275,23 +275,23 @@ class J extends v {
       e.isRequired && !this.pendingPortalItem?.classification?.[i] && this.pendingPortalItem?.classification?.[i] !== 0 && t.add(i);
     }), this.isRequiredErrors = t;
   }
-  updateFormValidationErrors(t = !1) {
-    const i = [];
-    Object.entries(this.portalClassificationSchema?.attributes ?? {})?.forEach(([e, s]) => {
-      s.isRequired && /**
+  updateFormValidationErrors(t = !1, i = "other") {
+    const e = [];
+    Object.entries(this.portalClassificationSchema?.attributes ?? {})?.forEach(([s, a]) => {
+      a.isRequired && /**
       * Because of the logic in updateClassificationProperty (we delete keys instead of setting falsy values),
       * we can assume that the classification property will not have valid falsy values beyond zero.
       */
-      !this.pendingPortalItem?.classification?.[e] && this.pendingPortalItem?.classification?.[e] !== 0 && (!t || this.isRequiredErrors.has(e)) && i.push({
-        attribute: s.label,
+      !this.pendingPortalItem?.classification?.[s] && this.pendingPortalItem?.classification?.[s] !== 0 && (!t || this.isRequiredErrors.has(s)) && e.push({
+        attribute: a.label,
         reason: this.messages.isrequired ?? "is required",
-        category: s.attributeCategory
-      }), this.attributeExpressionResults.get(e)?.attributeValidationResult && i.push({
-        attribute: s.label,
-        reason: this.attributeExpressionResults.get(e)?.attributeValidationResult ?? "",
-        category: s.attributeCategory
+        category: a.attributeCategory
+      }), this.attributeExpressionResults.get(s)?.attributeValidationResult && e.push({
+        attribute: a.label,
+        reason: this.attributeExpressionResults.get(s)?.attributeValidationResult ?? "",
+        category: a.attributeCategory
       });
-    }), this.formValidationErrors = i;
+    }), this.formValidationErrors = e, this.formValidationErrorsSource = i;
   }
   async updateRemoteValidationErrors() {
     if (!this.pendingPortalItem?.classification)
@@ -317,8 +317,8 @@ class J extends v {
   updateFormData(t) {
     const i = t.formData;
     let e = this.addEditInfoAttributes();
-    e = d(e, this.attributeExpressionResults), Object.entries(e ?? {}).forEach(([s, r]) => {
-      i.set(s, r);
+    e = d(e, this.attributeExpressionResults), Object.entries(e ?? {}).forEach(([s, a]) => {
+      i.set(s, a);
     });
   }
   renderCategoryTabs() {
@@ -333,12 +333,12 @@ class J extends v {
     });
   }
   renderValidationErrors() {
-    return this.formValidationErrors.length && (!this.selectedCategory || this.formValidationErrors.some((t) => this.selectedCategory === t.category)) ? n`<calcite-notice open icon=exclamation-mark-triangle class="spacing-y" kind=danger><div slot=message>${this.messages.bannererror ?? "Some fields are incomplete or contain errors. Check the highlighted fields for details."}</div></calcite-notice>` : null;
+    return this.formValidationErrors.length && (!this.selectedCategory || this.formValidationErrors.some((t) => this.selectedCategory === t.category) || this.formValidationErrorsSource === "favorite") ? n`<calcite-notice open icon=exclamation-mark-triangle class="spacing-y" kind=danger><div slot=message>${this.messages.bannererror ?? "Some fields are incomplete or contain errors. Check the highlighted fields for details."}</div></calcite-notice>` : null;
   }
   renderFavoriteClassification() {
     const t = this.portalClassificationSchema?.attributeCategories?.[0] ?? "Default";
     return this.selectedCategory = this.portalClassificationSchema?.attributeCategories?.length ? this.selectedCategory : "Default", this.selectedCategory === t ? n`<arcgis-portal-classification-favorite .portalItem=${this.pendingPortalItem ?? this.portalItem} .classificationValue=${this.pendingPortalItem?.classification} .favoriteClassifications=${this.favoriteClassifications} .selectedFavoriteClassificationName=${this.selectedFavoriteClassificationName} .attributeExpressionResults=${this.attributeExpressionResults} .resetFavoriteClassification=${(i) => this.updateFavoriteClassification(i)} .updateClassificationData=${async (i) => {
-      await this.updateClassificationData(i), this.updateFormValidationErrors(), this.updateIsRequiredErrors();
+      await this.updateClassificationData(i), this.updateFormValidationErrors(!1, "favorite"), this.updateIsRequiredErrors();
     }}></arcgis-portal-classification-favorite>` : null;
   }
   renderForm() {
@@ -352,8 +352,8 @@ class J extends v {
           if (this.attributeExpressionResults.get(i)?.enabled === !1)
             return null;
           const s = this.pendingPortalItem?.classification?.[i];
-          return n`<arcgis-portal-classification-form-element .attributeKey=${i} .attribute=${e} .value=${s} @arcgisAttributeValueChange=${async (r) => {
-            await this.updateClassificationProperty(r.detail), e.isRequired && !r.detail[i] ? this.isRequiredErrors.add(i) : this.isRequiredErrors = new Set(Array.from(this.isRequiredErrors).filter((o) => o !== i)), this.updateFormValidationErrors(!0);
+          return n`<arcgis-portal-classification-form-element .attributeKey=${i} .attribute=${e} .value=${s} @arcgisAttributeValueChange=${async (a) => {
+            await this.updateClassificationProperty(a.detail), e.isRequired && !a.detail[i] ? this.isRequiredErrors.add(i) : this.isRequiredErrors = new Set(Array.from(this.isRequiredErrors).filter((o) => o !== i)), this.updateFormValidationErrors(!0);
           }} .renderingInfo=${this.attributeExpressionResults.get(i)} .isRequiredErrors=${this.isRequiredErrors}></arcgis-portal-classification-form-element>`;
         })}`;
       }

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

@@ -4,7 +4,7 @@ import { css as r, html as e } from "lit";
 import { repeat as o } from "lit/directives/repeat.js";
 import { LitElement as n } from "@arcgis/lumina";
 import { u as f } from "../../chunks/useT9n.js";
-import { u as d, r as v } from "../../chunks/requests.js";
+import { u as d, b as v } from "../../chunks/requests.js";
 import { g as h } from "../../chunks/common.js";
 const m = r`.select-favorite-label{display:flex;justify-content:space-between;align-items:center}.favorite-actions{display:flex;justify-content:flex-end;gap:1.5rem;align-items:center}.classification-favorite-dialog{--calcite-dialog-content-space: 0;--calcite-dialog-background-color: "var(--calcite-color-foreground-2)"}.save-new-favorite-button{display:flex;justify-content:flex-end;margin-top:.25rem;margin-bottom:1rem}.classification-favorite-item{display:flex;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--calcite-color-border-1)}.classification-favorite-list,.classification-favorite-input-section{margin:1.75rem 1rem}`;
 class C extends n {