@arcgis/portal-components 5.1.0-next.13 → 5.1.0-next.131

package/dist/components/arcgis-portal-field-delete/customElement.js

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as P } from "../../chunks/runtime.js";
-import { html as p, css as O } from "lit";
-import { LitElement as x, createEvent as T, renderElement as E } from "@arcgis/lumina";
-import { createRef as w, ref as D } from "lit/directives/ref.js";
+import { html as f, css as O } from "lit";
+import { LitElement as x, createEvent as E, renderElement as I } from "@arcgis/lumina";
+import { createRef as D, ref as A } from "lit/directives/ref.js";
 import { Task as L } from "@lit/task";
 import * as S from "@arcgis/core/core/lang.js";
 import B from "@arcgis/core/layers/support/FeatureTemplate.js";
 import j from "@arcgis/core/Graphic.js";
 import U from "@arcgis/core/identity/IdentityManager.js";
-import y from "@arcgis/core/request.js";
+import b from "@arcgis/core/request.js";
 import * as q from "@arcgis/core/applications/PortalApp/layerUtils.js";
 import { i as $, a as R, g as J, b as z, d as W, e as _ } from "../../chunks/fieldAddDelete.js";
-import { g as A } from "../../chunks/item.js";
+import { g as C } from "../../chunks/portal.js";
 import { u as V } from "../../chunks/useT9n.js";
-import { log as b, composeMissingPropertyMessage as C, composeEmptyPropertyMessage as G } from "@arcgis/toolkit/log";
+import { log as v, composeMissingPropertyMessage as k, composeEmptyPropertyMessage as G } from "@arcgis/toolkit/log";
 const n = /* @__PURE__ */ new Map();
 n.set("oid", "key");
 n.set("guid", "key");
@@ -31,18 +31,18 @@ n.set("date-only", "calendar");
 n.set("time-only", "clock");
 n.set("timestamp-offset", "time-zone");
 n.set("string", "string");
-const H = ({ fieldType: I }) => p`<calcite-icon scale=s .icon=${n.get(I)}></calcite-icon>`, K = O`.dialog{--calcite-dialog-max-size-y: 60%}.dialog-content-wrapper{position:relative;min-height:100px}.hide-overflow{overflow:hidden}.field-icons{padding:0 var(--calcite-spacing-lg);display:flex;align-items:center}.warning{border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);margin-bottom:var(--calcite-spacing-md)}.warning-message{font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold)}.loader-container{position:absolute;height:100%;width:100%;top:0;right:0;display:none;z-index:40;overflow:hidden;background:#fffffff2;padding:0}.active{display:flex;flex-direction:column;align-items:center;justify-content:center}.loader{padding:0}.loader-text{font-weight:var(--calcite-font-weight-medium);text-align:center;margin-right:6.25rem;margin-left:6.25rem}`;
+const H = ({ fieldType: N }) => f`<calcite-icon scale=s .icon=${n.get(N)}></calcite-icon>`, K = O`.dialog{--calcite-dialog-max-size-y: 60%}.dialog-content-wrapper{position:relative;min-height:100px}.hide-overflow{overflow:hidden}.field-icons{padding:0 var(--calcite-spacing-lg);display:flex;align-items:center}.warning{border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);margin-bottom:var(--calcite-spacing-md)}.warning-message{font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold)}.loader-container{position:absolute;height:100%;width:100%;top:0;right:0;display:none;z-index:40;overflow:hidden;background:#fffffff2;padding:0}.active{display:flex;flex-direction:column;align-items:center;justify-content:center}.loader{padding:0}.loader-text{font-weight:var(--calcite-font-weight-medium);text-align:center;margin-right:6.25rem;margin-left:6.25rem}`;
 class Q extends x {
   constructor() {
-    super(...arguments), this.arcadeExpMap = /* @__PURE__ */ new Map(), this.cancelNode = w(), this.dialogNode = w(), this.layerFields = [], this.layerFieldsMap = /* @__PURE__ */ new Map(), this.messages = V({ blocking: !0 }), this.deleteInProgress = !1, this.fieldsAreDeletable = !1, this._propWatcherTask = new L(this, {
+    super(...arguments), this.arcadeExpMap = /* @__PURE__ */ new Map(), this.cancelNode = D(), this.dialogNode = D(), this.layerFields = [], this.layerFieldsMap = /* @__PURE__ */ new Map(), this.messages = V({ blocking: !0 }), this.deleteInProgress = !1, this.fieldsAreDeletable = !1, this._propWatcherTask = new L(this, {
       task: async ([e, t]) => {
         const s = $(e) && $(t);
-        if ($(e) || b("error", this, C("layer")), $(t) || b("error", this, C("fieldNames")), !s)
+        if ($(e) || v("error", this, k("layer")), $(t) || v("error", this, k("fieldNames")), !s)
           throw new Error("Required properties are missing");
         this._propWatcherTask.autoRun = !1, await this.processProps();
       },
       args: () => [this.layer, this.fieldNames]
-    }), this.arcgisBeforeModalClose = T(), this.arcgisClose = T(), this.arcgisBeforeDelete = T(), this.arcgisFieldsDeleted = T();
+    }), this.arcgisBeforeModalClose = E(), this.arcgisClose = E(), this.arcgisBeforeDelete = E(), this.arcgisFieldsDeleted = E();
   }
   static {
     this.properties = { config: 0, fieldNames: 0, layer: 0, mapView: 0, options: 0 };
@@ -92,7 +92,7 @@ class Q extends x {
     }, o = {
       deleteFromDefinition: JSON.stringify(a)
     };
-    await y(s, {
+    await b(s, {
       query: { ...o, f: "json", async: !1 },
       method: "post",
       responseType: "json"
@@ -102,12 +102,12 @@ class Q extends x {
         t.forEach((i) => {
           e.type === "feature" && e.floorInfo?.floorField === i && (e.floorInfo = null);
         });
-        const m = await y(h, { query: { f: "json" }, responseType: "json" });
-        if (m) {
-          const i = m.data;
-          this.currentLayerInfo = m.data, i && (this.updateTypesAndTemplatesOnLayer(), t.forEach((r) => {
-            i.templates?.length ? i.templates.forEach((d) => delete d.prototype.attributes[r]) : i.types?.forEach((d) => {
-              d.templates.forEach((u) => delete u.prototype.attributes[r]);
+        const u = await b(h, { query: { f: "json" }, responseType: "json" });
+        if (u) {
+          const i = u.data;
+          this.currentLayerInfo = u.data, i && (this.updateTypesAndTemplatesOnLayer(), t.forEach((r) => {
+            i.templates?.length ? i.templates.forEach((c) => delete c.prototype.attributes[r]) : i.types?.forEach((c) => {
+              c.templates.forEach((g) => delete g.prototype.attributes[r]);
             });
           }), this.updateFeatureService(i));
         } else
@@ -135,15 +135,15 @@ class Q extends x {
       const h = {};
       t.fields.forEach((i) => {
         let r = !1;
-        for (let d = 0; d < o.prototype.attributes.length; d++)
-          if (o.prototype.attributes[d] === i.name) {
+        for (let c = 0; c < o.prototype.attributes.length; c++)
+          if (o.prototype.attributes[c] === i.name) {
             r = !0, h[i.name] = o.prototype.attributes[i.name];
             break;
           }
         !r && i.editable && (h[i.name] = i.defaultValue || null);
       });
-      const m = new j({ attributes: h });
-      l.prototype = m, a.push(l);
+      const u = new j({ attributes: h });
+      l.prototype = u, a.push(l);
     }), a;
   }
   addType(e, t) {
@@ -157,54 +157,65 @@ class Q extends x {
       f: "json",
       updateDefinition: JSON.stringify(a)
     };
-    await y(o, {
+    await b(o, {
       query: { ...l, f: "json" },
       method: "post",
       responseType: "json"
     }).then(async (h) => {
       if (h.data?.success) {
-        const m = `${A(this.portal)}content/items/${this.item.id}/data`;
+        const u = `${C(this.portal)}content/items/${this.item.id}/data`;
         if (this.options?.ignorePopupTemplate || s.forEach((i) => {
-          t.popupTemplate?.fieldInfos && (t.popupTemplate.fieldInfos = t.popupTemplate.fieldInfos.filter((r) => r.fieldName !== i)), t.popupTemplate?.content?.forEach((r, d) => {
-            r.type === "fields" && r.fieldInfos && ((t.popupTemplate?.content)[d].fieldInfos = (t.popupTemplate?.content)[d].fieldInfos?.filter((u) => u.fieldName !== i));
+          t.popupTemplate?.fieldInfos && (t.popupTemplate.fieldInfos = t.popupTemplate.fieldInfos.filter((r) => r.fieldName !== i)), t.popupTemplate?.content?.forEach((r, c) => {
+            r.type === "fields" && r.fieldInfos && ((t.popupTemplate?.content)[c].fieldInfos = (t.popupTemplate?.content)[c].fieldInfos?.filter((g) => g.fieldName !== i));
           });
         }), t.attributeTableTemplate) {
           const i = t.attributeTableTemplate.clone();
           i.elements = i.elements.filter((r) => !(r.type === "field" && s.includes(r.fieldName))), i.orderByFields = i.orderByFields.filter((r) => !s.includes(r.field)), t.attributeTableTemplate = i;
         }
         if (t.fieldConfigurations?.length) {
-          const r = S.clone(t.fieldConfigurations).filter((d) => !s.includes(d.name));
+          const r = S.clone(t.fieldConfigurations).filter((c) => !s.includes(c.name));
           t.fieldConfigurations = r;
         }
-        await y(m, {
+        await b(u, {
           query: { f: "json" },
           responseType: "json"
         }).then(async (i) => {
           const r = i.data;
           if (r?.layers || r?.tables) {
-            const d = t.isTable, u = d ? r.tables : r.layers, c = u?.find((g) => g.id === t.layerId);
-            if (s.forEach((g) => {
-              c?.attributeTableInfo?.attributeTableElements && (c.attributeTableInfo.attributeTableElements = c.attributeTableInfo.attributeTableElements.filter((f) => !(f.type === "field" && f.fieldName === g)), c.attributeTableInfo.orderByFields = c.attributeTableInfo.orderByFields.filter((f) => f.field !== g));
-            }), c?.layerDefinition?.fieldConfigurations && (c.layerDefinition.fieldConfigurations = c.layerDefinition.fieldConfigurations.filter((g) => !s.includes(g.name))), c?.popupInfo) {
-              s.forEach((F) => {
-                c.popupInfo.fieldInfos = c.popupInfo.fieldInfos.filter((v) => v.fieldName !== F), c.popupInfo.popupElements?.forEach((v, N) => {
-                  v.type === "fields" && v.fieldInfos && (c.popupInfo.popupElements[N].fieldInfos = c.popupInfo.popupElements[N].fieldInfos.filter((M) => M.fieldName !== F));
+            const c = t.isTable, g = c ? r.tables : r.layers, p = g?.find((m) => m.id === t.layerId);
+            if (s.forEach((m) => {
+              p?.attributeTableInfo?.attributeTableElements && (p.attributeTableInfo.attributeTableElements = p.attributeTableInfo.attributeTableElements.map((d) => {
+                if (d.type === "field")
+                  return d.fieldName === m ? void 0 : d;
+                if (d.type === "group" && Array.isArray(d.attributeTableElements)) {
+                  const F = d.attributeTableElements.filter((y) => !(y.type === "field" && y.fieldName === m));
+                  return F.length ? {
+                    ...d,
+                    attributeTableElements: F
+                  } : void 0;
+                }
+                return d;
+              }).filter(Boolean), p.attributeTableInfo.orderByFields = p.attributeTableInfo.orderByFields.filter((d) => d.field !== m));
+            }), p?.layerDefinition?.fieldConfigurations && (p.layerDefinition.fieldConfigurations = p.layerDefinition.fieldConfigurations.filter((m) => !s.includes(m.name))), p?.popupInfo) {
+              s.forEach((y) => {
+                p.popupInfo.fieldInfos = p.popupInfo.fieldInfos.filter((T) => T.fieldName !== y), p.popupInfo.popupElements?.forEach((T, w) => {
+                  T.type === "fields" && T.fieldInfos && (p.popupInfo.popupElements[w].fieldInfos = p.popupInfo.popupElements[w].fieldInfos.filter((M) => M.fieldName !== y));
                 });
               });
-              const g = `${A(this.portal)}content/users/${this.item.owner}/items/${this.item.id}/update`, f = {};
-              d ? (f.tables = u, r.layers && (f.layers = r.layers)) : (f.layers = u, r.tables && (f.tables = r.tables));
-              const k = {
+              const m = `${C(this.portal)}content/users/${this.item.owner}/items/${this.item.id}/update`, d = {};
+              c ? (d.tables = g, r.layers && (d.layers = r.layers)) : (d.layers = g, r.tables && (d.tables = r.tables));
+              const F = {
                 f: "json",
-                text: JSON.stringify(f)
+                text: JSON.stringify(d)
               };
-              await y(g, {
+              await b(m, {
                 query: {
-                  ...k
+                  ...F
                 },
                 method: "post",
                 responseType: "json"
-              }).then((F) => {
-                F.data?.success ? this.handleSuccess() : this.handleError();
+              }).then((y) => {
+                y.data?.success ? this.handleSuccess() : this.handleError();
               }, () => this.handleError());
             } else
               this.handleSuccess();
@@ -221,44 +232,44 @@ class Q extends x {
   }
   displaySuccessAlert() {
     const { messages: e, fieldNames: t } = this;
-    this.successAlertNode && (this.successAlertNode.parentElement?.removeChild(this.successAlertNode), this.successAlertNode = void 0), this.successAlertNode = E(p`<calcite-alert .label=${t.length === 1 ? e.fieldDeleted : e.fieldsDeleted} kind=success icon=check-circle auto-close open><div slot=message>${t.length === 1 ? e.fieldDeleted : e.fieldsDeleted}</div></calcite-alert>`), document.body.append(this.successAlertNode);
+    this.successAlertNode && (this.successAlertNode.parentElement?.removeChild(this.successAlertNode), this.successAlertNode = void 0), this.successAlertNode = I(f`<calcite-alert .label=${t.length === 1 ? e.fieldDeleted : e.fieldsDeleted} kind=success icon=check-circle auto-close open><div slot=message>${t.length === 1 ? e.fieldDeleted : e.fieldsDeleted}</div></calcite-alert>`), document.body.append(this.successAlertNode);
   }
   displayErrorAlert() {
     const { messages: e } = this;
-    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = E(p`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close open><div slot=message>${e.fieldDeletionUnsuccessful}</div></calcite-alert>`), document.body.append(this.errorAlertNode);
+    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = I(f`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close open><div slot=message>${e.fieldDeletionUnsuccessful}</div></calcite-alert>`), document.body.append(this.errorAlertNode);
   }
   displayReadOnlyErrorAlert() {
     const { messages: e, portal: t } = this;
-    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = E(p`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close auto-close-duration=slow open><div slot=title>${e.error}</div><div slot=message>${t.isPortal ? e.readOnlyErrorMessageEnterprise : e.readOnlyErrorMessage}</div>${!t.isPortal && p`<calcite-link slot=link target=_blank href=https://status.arcgis.com>${e.healthDashboard}</calcite-link>` || ""}</calcite-alert>`), document.body.append(this.errorAlertNode);
+    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = I(f`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close auto-close-duration=slow open><div slot=title>${e.error}</div><div slot=message>${t.isPortal ? e.readOnlyErrorMessageEnterprise : e.readOnlyErrorMessage}</div>${!t.isPortal && f`<calcite-link slot=link target=_blank href=https://status.arcgis.com>${e.healthDashboard}</calcite-link>` || ""}</calcite-alert>`), document.body.append(this.errorAlertNode);
   }
   render() {
     const { messages: e, fieldsAreDeletable: t, fieldNames: s, deleteInProgress: a } = this;
     return this._propWatcherTask.render({
-      complete: () => (t || (s?.length ? s?.length === 1 ? b("error", this, "Field cannot be deleted") : b("error", this, "One or more fields cannot be deleted") : b("error", this, G("fieldNames"))), p`<calcite-dialog class="dialog" width=s open modal outside-close-disabled escape-disabled @calciteDialogClose=${() => this.arcgisClose.emit()} .heading=${s?.length === 1 ? e.deleteField : e.deleteFields} ${D(this.dialogNode)}>${t ? p`<div class=${`dialog-content-wrapper ${a ? "hide-overflow" : ""}`}>${this.renderDeleteLoader()}<calcite-label>${s.length === 1 ? e.deletePrompt : e.deleteMultiplePrompt}</calcite-label>${this.renderFieldsPreview()}</div>${this.renderCancelButton()}${this.renderDeleteButton()}` : this.renderError()}</calcite-dialog>`)
+      complete: () => (t || (s?.length ? s?.length === 1 ? v("error", this, "Field cannot be deleted") : v("error", this, "One or more fields cannot be deleted") : v("error", this, G("fieldNames"))), f`<calcite-dialog class="dialog" width=s open modal outside-close-disabled escape-disabled @calciteDialogClose=${() => this.arcgisClose.emit()} .heading=${s?.length === 1 ? e.deleteField : e.deleteFields} ${A(this.dialogNode)}>${t ? f`<div class=${`dialog-content-wrapper ${a ? "hide-overflow" : ""}`}>${this.renderDeleteLoader()}<calcite-label>${s.length === 1 ? e.deletePrompt : e.deleteMultiplePrompt}</calcite-label>${this.renderFieldsPreview()}</div>${this.renderCancelButton()}${this.renderDeleteButton()}` : this.renderError()}</calcite-dialog>`)
     });
   }
   renderError() {
     const { messages: e } = this;
-    return p`<div class="loader-container active"><div class="loader-text">${e.errorOccurred}</div></div>`;
+    return f`<div class="loader-container active"><div class="loader-text">${e.errorOccurred}</div></div>`;
   }
   renderDeleteLoader() {
     const { messages: e, fieldNames: t, deleteInProgress: s } = this;
-    return p`<div class=${`loader-container ${s ? "active" : ""}`}><calcite-loader class="loader" .label=${t.length === 1 ? e.deletingField : e.deletingFields} .hidden=${!s}></calcite-loader><div class="loader-text">${t.length === 1 ? e.deletingField : e.deletingFields}</div></div>`;
+    return f`<div class=${`loader-container ${s ? "active" : ""}`}><calcite-loader class="loader" .label=${t.length === 1 ? e.deletingField : e.deletingFields} .hidden=${!s}></calcite-loader><div class="loader-text">${t.length === 1 ? e.deletingField : e.deletingFields}</div></div>`;
   }
   renderFieldsPreview() {
     const { fieldNames: e, layerFields: t, layerFieldsMap: s, arcadeExpMap: a, messages: o } = this;
-    return p`<calcite-list .label=${o.fields}>${e.map((l) => {
-      const h = t.find((m) => m.name === l);
-      return p`<calcite-list-item .label=${this.getFieldLabel(l)} .description=${`{${l}}`} .value=${l} .disabled=${!h.editable}><div slot=actions-end class="field-icons">${H({ fieldType: _(l, s, a) })}</div></calcite-list-item>`;
+    return f`<calcite-list .label=${o.fields}>${e.map((l) => {
+      const h = t.find((u) => u.name === l);
+      return f`<calcite-list-item .label=${this.getFieldLabel(l)} .description=${`{${l}}`} .value=${l} .disabled=${!h.editable}><div slot=actions-end class="field-icons">${H({ fieldType: _(l, s, a) })}</div></calcite-list-item>`;
     })}</calcite-list>`;
   }
   renderCancelButton() {
     const { messages: e } = this;
-    return p`<calcite-button @click=${() => this.dialogNode.value.open = !1} slot=footer-end appearance=outline ${D(this.cancelNode)}>${e.cancel}</calcite-button>`;
+    return f`<calcite-button @click=${() => this.dialogNode.value.open = !1} slot=footer-end appearance=outline ${A(this.cancelNode)}>${e.cancel}</calcite-button>`;
   }
   renderDeleteButton() {
     const { messages: e, fieldNames: t } = this;
-    return p`<calcite-button kind=danger slot=footer-end @click=${async (s) => {
+    return f`<calcite-button kind=danger slot=footer-end @click=${async (s) => {
       const { portal: a } = this;
       s.currentTarget.disabled = !0, this.cancelNode.value.disabled = !0, this.dialogNode.value.closeDisabled = !0, a.sourceJSON?.isReadOnly ? this.handleError(!0) : (this.deleteInProgress = !0, this.requestUpdate(), this.arcgisBeforeDelete.emit(), await this.deleteFields());
     }}>${t.length === 1 ? e.deleteField : e.deleteFieldsWithNumber.replace("${number}", `${t.length}`)}</calcite-button>`;

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

@@ -0,0 +1,91 @@
+/// <reference path="../../index.d.ts" />
+import type Portal from "@arcgis/core/portal/Portal.js";
+import type PortalItem from "@arcgis/core/portal/PortalItem.js";
+import type PortalUser from "@arcgis/core/portal/PortalUser.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { FeatureLayerProperties } from "@arcgis/core/layers/FeatureLayer.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalItemType extends LitElement {
+  /**
+   * Set to true to hide overflow (otherwise it will wrap lines)
+   *
+   * @default false
+   */
+  accessor ellipsis: boolean | undefined;
+  /** @default false */
+  accessor hideIcon: boolean | undefined;
+  /** @default false */
+  accessor hideText: boolean | undefined;
+  accessor item: PortalItem;
+  /** @internal */
+  protected messages: {
+      hosted: string;
+      hostedView: string;
+      hostedPhotos: string;
+      hostedCollection: string;
+      hostedMultidimensional: string;
+      hostedCollectionMultidimensional: string;
+      collectionMultidimensional: string;
+      multidimensional: string;
+      collection: string;
+      photoLocations: string;
+      locatorView: string;
+      utilityNetwork: string;
+      parcelFabric: string;
+      parcelFabricHosted: string;
+      "Integrated Mesh": string;
+      "3D Object": string;
+      Point: string;
+      "Point Cloud": string;
+      "Building Scene Layer": string;
+      "Voxel Scene Layer": string;
+      dataStore: {
+          bigdata: string;
+          cloud: string;
+          cloudStorage: string;
+          database: string;
+          folder: string;
+      };
+  } & T9nMeta<{
+      hosted: string;
+      hostedView: string;
+      hostedPhotos: string;
+      hostedCollection: string;
+      hostedMultidimensional: string;
+      hostedCollectionMultidimensional: string;
+      collectionMultidimensional: string;
+      multidimensional: string;
+      collection: string;
+      photoLocations: string;
+      locatorView: string;
+      utilityNetwork: string;
+      parcelFabric: string;
+      parcelFabricHosted: string;
+      "Integrated Mesh": string;
+      "3D Object": string;
+      Point: string;
+      "Point Cloud": string;
+      "Building Scene Layer": string;
+      "Voxel Scene Layer": string;
+      dataStore: {
+          bigdata: string;
+          cloud: string;
+          cloudStorage: string;
+          database: string;
+          folder: string;
+      };
+  }>;
+  accessor portal: Portal | undefined;
+  /** @default "s" */
+  accessor scale: "l" | "m" | "s";
+  accessor serviceInfo: FeatureLayerProperties | undefined;
+  /**
+   * Display additional information about the item (views, extensions, photos, etc)
+   * will only display for users who can update or edit
+   *
+   * @default false
+   */
+  accessor showHosted: boolean | undefined;
+  accessor user: PortalUser | undefined;
+}