@arcgis/core 5.2.0-next.111 → 5.2.0-next.113

package/layers/list/Item.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{__decorate as t}from"tslib";import e from"../../core/Accessor.js";import{isSome as i}from"../../core/arrayUtils.js";import n from"../../core/Collection.js";import{IdentifiableMixin as r}from"../../core/Identifiable.js";import{watch as s,initial as l}from"../../core/reactiveUtils.js";import{property as o,cast as a,subclass as h}from"../../core/accessorSupport/decorators.js";import{ensureType as d}from"../../core/accessorSupport/ensureType.js";import{get as p}from"../../core/accessorSupport/get.js";import c from"./ItemPanel.js";import{isLayerOutsideScaleRange as y,findLayerVisibilityMode as u,findLayerListMode as m,canDisplayLayer as b,getNormalizedChildLayerProperty as f}from"./support/layerListUtils.js";import{telemetryDisplayPropertyNames as v}from"../support/telemetryDisplayUtils.js";import{trackInfoPartPropertyNames as g}from"../support/trackInfoUtils.js";import C from"../../support/actions/ActionBase.js";import _ from"../../support/actions/ActionButton.js";import w from"../../support/actions/ActionToggle.js";var S;const k=n.ofType({key:"type",defaultKeyValue:"button",base:C,typeMap:{button:_,toggle:w}}),I=n.ofType(k);function M(t){return"csv"===t?.type||"feature"===t?.type||"geojson"===t?.type||"ogc-feature"===t?.type||"stream"===t?.type}function x(t){return"video"===t?.type}const O="layer",P="child-list-mode",E="hide";let D=S=class extends(r(e)){constructor(t){super(t),this.actionsSections=new I,this.actionsExpanded=!1,this.checkPublishStatusEnabled=!1,this.children=new(n.ofType(S)),this.childrenSortable=!0,this.content={type:"layer"},this.hidden=!1,this.layer=null,this.listItemCreatedFunction=null,this.listModeDisabled=!1,this.expanded=!1,this.parent=null,this.view=null}initialize(){if(this.addHandles([s(()=>[this.layer,this.layer?.listMode,this.listModeDisabled],()=>this._watchLayerProperties(this.layer),l),s(()=>this.checkPublishStatusEnabled,t=>this._updateChildrenPublishing(t),l),s(()=>this.view,t=>this._updateChildrenView(t),l),s(()=>this.panel,t=>this._setItemOnPanel(t),l),s(()=>{const t=this.layer,e=M(t)?t.trackInfo:null;return[t,e,e?.enabled]},()=>this._compileTrackInfoChildren(),l),s(()=>{const t=this.layer;return[t,x(t)?t.telemetryDisplay:null]},()=>this._compileTelemetryDisplayChildren(),l)]),"function"==typeof this.listItemCreatedFunction){const t={item:this};this.listItemCreatedFunction.call(null,t)}}destroy(){this.panel?.destroy(),this.children.destroyAll(),this.view=null}get actionsOpen(){return this.actionsExpanded}set actionsOpen(t){this.actionsExpanded=t}get connectionStatus(){const{layerView:t,publishing:e}=this;if(!e&&t&&"connectionStatus"in t)return t.connectionStatus}get error(){return this.layer?.loadError}get incompatible(){const{layerView:t}=this;return!(!t||!("spatialReferenceSupported"in t))&&!t.spatialReferenceSupported}get layerView(){const{layer:t,view:e}=this;if(!t||!e||"sublayer"===t.type)return null;const i="subtype-sublayer"===t.type?t.parent:t;return e.allLayerViews.find(t=>t.layer===i)??null}get open(){return this.expanded}set open(t){this.expanded=t}set panel(t){const e=this._get("panel");t!==e&&t&&e?.destroy(),this._set("panel",t)}castPanel(t){return this.expanded&&!t.hasOwnProperty("open")&&(t.open=!0),d(c,t)}get sortable(){return"layer"===this.content.type&&"knowledge-graph-sublayer"!==this.layer?.type&&this._get("sortable")}set sortable(t){this._set("sortable",t)}get state(){return!this.layer||this.hidden||this.incompatible?"disabled":this.updating?"loading":"ready"}get title(){if("layer"!==this.content.type)return this._get("title")||"";const t=p(this,"layer.layer");return(!t||t&&p(this,"layer.layer.loaded"))&&p(this,"layer.title")||p(this,"layer.attributes.title")||""}set title(t){this._override("title",t)}get publishing(){const{layer:t,checkPublishStatusEnabled:e}=this;return!!(e&&t&&"publishingInfo"in t&&"publishing"===t.publishingInfo?.status)}get updating(){const{layerView:t,connectionStatus:e,layer:i,publishing:n}=this;return!n&&!e&&(t?t.updating:"loading"===i?.loadStatus||!1)}get visible(){const{content:t,layer:e}=this;return"track-info"===t.type?this._getTrackPart(t.name)?.visible??!1:"telemetry-display"===t.type?!(!x(e)||!e.telemetryDisplay)&&e.telemetryDisplay[t.name]:!!e?.visible}set visible(t){const{content:e,layer:i}=this;if("track-info"===e.type){const i=this._getTrackPart(e.name);return void(i&&(i.visible=t))}"telemetry-display"!==e.type?i&&(i.visible=t):x(i)&&i.telemetryDisplay&&(i.telemetryDisplay[e.name]=t)}get visibleAtCurrentScale(){return this.layerView?.visibleAtCurrentScale??!y(this.layer,this.view?.scale)}get visibleAtCurrentTimeExtent(){return this.layerView?.visibleAtCurrentTimeExtent??!0}get visibilityMode(){return u(this.layer)}clone(){return new S({actionsExpanded:this.actionsExpanded,actionsSections:this.actionsSections.clone(),checkPublishStatusEnabled:this.checkPublishStatusEnabled,children:this.children.clone(),childrenSortable:this.childrenSortable,content:{...this.content},expanded:this.expanded,hidden:this.hidden,layer:this.layer,listItemCreatedFunction:this.listItemCreatedFunction,listModeDisabled:this.listModeDisabled,panel:this.panel,parent:this.parent,sortable:this.sortable,title:this.title,view:this.view,visible:this.visible})}toggleVisibility(t){if(!this.layer)return!1;const e=t??!this.visible;return this.visible=e,this.visible}_getTrackPart(t){const{layer:e}=this;return M(e)?e.trackInfo?.[t]??null:null}_setItemOnPanel(t){t&&(t.listItem=this)}_compileTrackInfoChildren(){const t=this.layer,e=this.children.filter(t=>"track-info"===t.content.type);if("layer"===this.content.type&&M(t)&&t.trackInfo?.enabled){e.some(e=>e.layer!==t)&&this.children.destroyMany(e.toArray());for(const e of g)this.children.some(t=>"track-info"===t.content.type&&t.content.name===e)||this.children.add(new S({content:{type:"track-info",name:e},layer:t,listItemCreatedFunction:this.listItemCreatedFunction,parent:this}))}else this.children.destroyMany(e.toArray())}_compileTelemetryDisplayChildren(){const t=this.layer,e=this.children.filter(t=>"telemetry-display"===t.content.type);if("layer"===this.content.type&&x(t)&&t.telemetryDisplay){e.some(e=>e.layer!==t)&&this.children.destroyMany(e.toArray());for(const e of v)this.children.some(t=>"telemetry-display"===t.content.type&&t.content.name===e)||this.children.add(new S({content:{type:"telemetry-display",name:e},layer:t,listItemCreatedFunction:this.listItemCreatedFunction,parent:this}))}else this.children.destroyMany(e.toArray())}_updateChildrenPublishing(t){this.children?.forEach(e=>e.checkPublishStatusEnabled=t)}_updateChildrenView(t){const e=this.children;e&&e.forEach(e=>e.view=t)}_createChildren(t){const{listModeDisabled:e,children:i}=this,n=t.filter(t=>!i.some(e=>"layer"===e.content.type&&e.layer===t));i.addMany(this._createChildItems(n,e).toArray())}_destroyChildren(t){const{children:e}=this,i=e.filter(e=>"layer"===e.content.type&&!!e.layer&&!t.includes(e.layer));e.destroyMany(i.toArray())}_sortChildren(t){this.children.sort((e,i)=>{const n="layer"!==e.content.type,r="layer"!==i.content.type;return n||r?n?r?"track-info"===e.content.type&&"track-info"===i.content.type?g.indexOf(e.content.name)-g.indexOf(i.content.name):"telemetry-display"===e.content.type&&"telemetry-display"===i.content.type?v.indexOf(e.content.name)-v.indexOf(i.content.name):"track-info"===e.content.type?-1:1:1:-1:t.indexOf(i.layer)-t.indexOf(e.layer)})}_destroyLayerChildren(){this.removeHandles(P),this.children.destroyMany(this.children.filter(t=>"layer"===t.content.type).toArray())}_watchChildLayerListMode(t){this.removeHandles(P),this.listModeDisabled||this.addHandles(t.toArray().map(e=>s(()=>e.listMode,()=>this._compileChildren(t))),P)}_compileChildren(t){const e=this.listModeDisabled?t:t?.filter(t=>m(t)!==E);t?.length?(this._createChildren(e),this._destroyChildren(e),this._sortChildren(e),this._watchChildLayerListMode(t)):this._destroyLayerChildren()}_watchSublayerChanges(t){t&&this.addHandles(t.on("change",()=>this._compileChildren(t)),O)}_initializeChildLayers(t){this._compileChildren(t),this._watchSublayerChanges(t)}_createChildItems(t,e){return t.reverse().map(t=>e||b(t)?new S({layer:t,checkPublishStatusEnabled:this.checkPublishStatusEnabled,listItemCreatedFunction:this.listItemCreatedFunction,listModeDisabled:this.listModeDisabled,parent:this,view:this.view}):null).filter(i)}_watchLayerProperties(t){if(this.removeHandles(O),this.removeHandles(P),!t||"layer"!==this.content.type)return;if("hide-children"===(!this.listModeDisabled&&m(t)))return void this._destroyLayerChildren();const e=f(t);e&&this.addHandles(s(()=>t[e],i=>{const n=i;t.hasOwnProperty(e)&&n&&this._initializeChildLayers(n)},l),O)}};t([o({type:I})],D.prototype,"actionsSections",void 0),t([o()],D.prototype,"actionsExpanded",void 0),t([o()],D.prototype,"actionsOpen",null),t([o()],D.prototype,"checkPublishStatusEnabled",void 0),t([o({type:n.ofType(S)})],D.prototype,"children",void 0),t([o()],D.prototype,"childrenSortable",void 0),t([o({nonNullable:!0})],D.prototype,"content",void 0),t([o({readOnly:!0})],D.prototype,"connectionStatus",null),t([o({readOnly:!0})],D.prototype,"error",null),t([o()],D.prototype,"hidden",void 0),t([o({readOnly:!0})],D.prototype,"incompatible",null),t([o()],D.prototype,"layer",void 0),t([o({readOnly:!0})],D.prototype,"layerView",null),t([o()],D.prototype,"listItemCreatedFunction",void 0),t([o({nonNullable:!0})],D.prototype,"listModeDisabled",void 0),t([o()],D.prototype,"expanded",void 0),t([o()],D.prototype,"open",null),t([o({type:c})],D.prototype,"panel",null),t([a("panel")],D.prototype,"castPanel",null),t([o()],D.prototype,"parent",void 0),t([o({value:!0})],D.prototype,"sortable",null),t([o({readOnly:!0})],D.prototype,"state",null),t([o()],D.prototype,"title",null),t([o({readOnly:!0})],D.prototype,"publishing",null),t([o({readOnly:!0})],D.prototype,"updating",null),t([o()],D.prototype,"view",void 0),t([o()],D.prototype,"visible",null),t([o({readOnly:!0})],D.prototype,"visibleAtCurrentScale",null),t([o({readOnly:!0})],D.prototype,"visibleAtCurrentTimeExtent",null),t([o({readOnly:!0})],D.prototype,"visibilityMode",null),D=S=t([h("esri.layers.list.Item")],D);const A=D;export{A as default};
+import{__decorate as t}from"tslib";import e from"../../core/Accessor.js";import{isSome as i}from"../../core/arrayUtils.js";import n from"../../core/Collection.js";import{IdentifiableMixin as r}from"../../core/Identifiable.js";import{watch as s,initial as l}from"../../core/reactiveUtils.js";import{property as o,cast as a,subclass as h}from"../../core/accessorSupport/decorators.js";import{ensureType as d}from"../../core/accessorSupport/ensureType.js";import{get as p}from"../../core/accessorSupport/get.js";import c from"./ItemPanel.js";import{isLayerOutsideScaleRange as y,findLayerVisibilityMode as u,findLayerListMode as m,canDisplayLayer as b,getNormalizedChildLayerProperty as f}from"./support/layerListUtils.js";import{telemetryDisplayPropertyNames as v}from"../support/telemetryDisplayUtils.js";import{trackInfoPartPropertyNames as g}from"../support/trackInfoUtils.js";import C from"../../support/actions/ActionBase.js";import _ from"../../support/actions/ActionButton.js";import w from"../../support/actions/ActionToggle.js";var S;const k=n.ofType({key:"type",defaultKeyValue:"button",base:C,typeMap:{button:_,toggle:w}}),I=n.ofType(k);function M(t){return"csv"===t?.type||"feature"===t?.type||"geojson"===t?.type||"ogc-feature"===t?.type||"stream"===t?.type}function x(t){return"video"===t?.type}const O="layer",P="child-list-mode",E="hide";let D=S=class extends(r(e)){constructor(t){super(t),this.actionsExpanded=!1,this.actionsSections=new I,this.checkPublishStatusEnabled=!1,this.children=new(n.ofType(S)),this.childrenSortable=!0,this.content={type:"layer"},this.expanded=!1,this.hidden=!1,this.layer=null,this.listItemCreatedFunction=null,this.listModeDisabled=!1,this.parent=null,this.view=null}initialize(){if(this.addHandles([s(()=>[this.layer,this.layer?.listMode,this.listModeDisabled],()=>this._watchLayerProperties(this.layer),l),s(()=>this.checkPublishStatusEnabled,t=>this._updateChildrenPublishing(t),l),s(()=>this.view,t=>this._updateChildrenView(t),l),s(()=>this.panel,t=>this._setItemOnPanel(t),l),s(()=>{const t=this.layer,e=M(t)?t.trackInfo:null;return[t,e,e?.enabled]},()=>this._compileTrackInfoChildren(),l),s(()=>{const t=this.layer;return[t,x(t)?t.telemetryDisplay:null]},()=>this._compileTelemetryDisplayChildren(),l)]),"function"==typeof this.listItemCreatedFunction){const t={item:this};this.listItemCreatedFunction.call(null,t)}}destroy(){this.panel?.destroy(),this.children.destroyAll(),this.view=null}get actionsOpen(){return this.actionsExpanded}set actionsOpen(t){this.actionsExpanded=t}get connectionStatus(){const{layerView:t,publishing:e}=this;if(!e&&t&&"connectionStatus"in t)return t.connectionStatus}get error(){return this.layer?.loadError}get incompatible(){const{layerView:t}=this;return!(!t||!("spatialReferenceSupported"in t))&&!t.spatialReferenceSupported}get layerView(){const{layer:t,view:e}=this;if(!t||!e||"sublayer"===t.type)return null;const i="subtype-sublayer"===t.type?t.parent:t;return e.allLayerViews.find(t=>t.layer===i)??null}get open(){return this.expanded}set open(t){this.expanded=t}set panel(t){const e=this._get("panel");t!==e&&t&&e?.destroy(),this._set("panel",t)}castPanel(t){return this.expanded&&!t.hasOwnProperty("open")&&(t.open=!0),d(c,t)}get publishing(){const{layer:t,checkPublishStatusEnabled:e}=this;return!!(e&&t&&"publishingInfo"in t&&"publishing"===t.publishingInfo?.status)}get sortable(){return"layer"===this.content.type&&"knowledge-graph-sublayer"!==this.layer?.type&&this._get("sortable")}set sortable(t){this._set("sortable",t)}get state(){return!this.layer||this.hidden||this.incompatible?"disabled":this.updating?"loading":"ready"}get title(){if("layer"!==this.content.type)return this._get("title")||"";const t=p(this,"layer.layer");return(!t||t&&p(this,"layer.layer.loaded"))&&p(this,"layer.title")||p(this,"layer.attributes.title")||""}set title(t){this._override("title",t)}get updating(){const{layerView:t,connectionStatus:e,layer:i,publishing:n}=this;return!n&&!e&&(t?t.updating:"loading"===i?.loadStatus||!1)}get visible(){const{content:t,layer:e}=this;return"track-info"===t.type?this._getTrackPart(t.name)?.visible??!1:"telemetry-display"===t.type?!(!x(e)||!e.telemetryDisplay)&&e.telemetryDisplay[t.name]:!!e?.visible}set visible(t){const{content:e,layer:i}=this;if("track-info"===e.type){const i=this._getTrackPart(e.name);return void(i&&(i.visible=t))}"telemetry-display"!==e.type?i&&(i.visible=t):x(i)&&i.telemetryDisplay&&(i.telemetryDisplay[e.name]=t)}get visibleAtCurrentScale(){return this.layerView?.visibleAtCurrentScale??!y(this.layer,this.view?.scale)}get visibleAtCurrentTimeExtent(){return this.layerView?.visibleAtCurrentTimeExtent??!0}get visibilityMode(){return u(this.layer)}clone(){return new S({actionsExpanded:this.actionsExpanded,actionsSections:this.actionsSections.clone(),checkPublishStatusEnabled:this.checkPublishStatusEnabled,children:this.children.clone(),childrenSortable:this.childrenSortable,content:{...this.content},expanded:this.expanded,hidden:this.hidden,layer:this.layer,listItemCreatedFunction:this.listItemCreatedFunction,listModeDisabled:this.listModeDisabled,panel:this.panel,parent:this.parent,sortable:this.sortable,title:this.title,view:this.view,visible:this.visible})}toggleVisibility(t){if(!this.layer)return!1;const e=t??!this.visible;return this.visible=e,this.visible}_compileChildren(t){const e=this.listModeDisabled?t:t?.filter(t=>m(t)!==E);t?.length?(this._createChildren(e),this._destroyChildren(e),this._sortChildren(e),this._watchChildLayerListMode(t)):this._destroyLayerChildren()}_compileTelemetryDisplayChildren(){const t=this.layer,e=this.children.filter(t=>"telemetry-display"===t.content.type);if("layer"===this.content.type&&x(t)&&t.telemetryDisplay){e.some(e=>e.layer!==t)&&this.children.destroyMany(e.toArray());for(const e of v)this.children.some(t=>"telemetry-display"===t.content.type&&t.content.name===e)||this.children.add(new S({content:{type:"telemetry-display",name:e},layer:t,listItemCreatedFunction:this.listItemCreatedFunction,parent:this}))}else this.children.destroyMany(e.toArray())}_compileTrackInfoChildren(){const t=this.layer,e=this.children.filter(t=>"track-info"===t.content.type);if("layer"===this.content.type&&M(t)&&t.trackInfo?.enabled){e.some(e=>e.layer!==t)&&this.children.destroyMany(e.toArray());for(const e of g)this.children.some(t=>"track-info"===t.content.type&&t.content.name===e)||this.children.add(new S({content:{type:"track-info",name:e},layer:t,listItemCreatedFunction:this.listItemCreatedFunction,parent:this}))}else this.children.destroyMany(e.toArray())}_createChildItems(t,e){return t.reverse().map(t=>e||b(t)?new S({checkPublishStatusEnabled:this.checkPublishStatusEnabled,layer:t,listItemCreatedFunction:this.listItemCreatedFunction,listModeDisabled:this.listModeDisabled,parent:this,view:this.view}):null).filter(i)}_createChildren(t){const{listModeDisabled:e,children:i}=this,n=t.filter(t=>!i.some(e=>"layer"===e.content.type&&e.layer===t));i.addMany(this._createChildItems(n,e).toArray())}_destroyChildren(t){const{children:e}=this,i=e.filter(e=>"layer"===e.content.type&&!!e.layer&&!t.includes(e.layer));e.destroyMany(i.toArray())}_destroyLayerChildren(){this.removeHandles(P),this.children.destroyMany(this.children.filter(t=>"layer"===t.content.type).toArray())}_getTrackPart(t){const{layer:e}=this;return M(e)?e.trackInfo?.[t]??null:null}_initializeChildLayers(t){this._compileChildren(t),this._watchSublayerChanges(t)}_setItemOnPanel(t){t&&(t.listItem=this)}_sortChildren(t){this.children.sort((e,i)=>{const n="layer"!==e.content.type,r="layer"!==i.content.type;return n||r?n?r?"track-info"===e.content.type&&"track-info"===i.content.type?g.indexOf(e.content.name)-g.indexOf(i.content.name):"telemetry-display"===e.content.type&&"telemetry-display"===i.content.type?v.indexOf(e.content.name)-v.indexOf(i.content.name):"track-info"===e.content.type?-1:1:1:-1:t.indexOf(i.layer)-t.indexOf(e.layer)})}_updateChildrenPublishing(t){this.children?.forEach(e=>e.checkPublishStatusEnabled=t)}_updateChildrenView(t){const e=this.children;e&&e.forEach(e=>e.view=t)}_watchChildLayerListMode(t){this.removeHandles(P),this.listModeDisabled||this.addHandles(t.toArray().map(e=>s(()=>e.listMode,()=>this._compileChildren(t))),P)}_watchLayerProperties(t){if(this.removeHandles(O),this.removeHandles(P),!t||"layer"!==this.content.type)return;if("hide-children"===(!this.listModeDisabled&&m(t)))return void this._destroyLayerChildren();const e=f(t);e&&this.addHandles(s(()=>t[e],i=>{const n=i;t.hasOwnProperty(e)&&n&&this._initializeChildLayers(n)},l),O)}_watchSublayerChanges(t){t&&this.addHandles(t.on("change",()=>this._compileChildren(t)),O)}};t([o()],D.prototype,"actionsExpanded",void 0),t([o()],D.prototype,"actionsOpen",null),t([o({type:I})],D.prototype,"actionsSections",void 0),t([o()],D.prototype,"checkPublishStatusEnabled",void 0),t([o({type:n.ofType(S)})],D.prototype,"children",void 0),t([o()],D.prototype,"childrenSortable",void 0),t([o({readOnly:!0})],D.prototype,"connectionStatus",null),t([o({nonNullable:!0})],D.prototype,"content",void 0),t([o({readOnly:!0})],D.prototype,"error",null),t([o()],D.prototype,"expanded",void 0),t([o()],D.prototype,"hidden",void 0),t([o({readOnly:!0})],D.prototype,"incompatible",null),t([o()],D.prototype,"layer",void 0),t([o({readOnly:!0})],D.prototype,"layerView",null),t([o()],D.prototype,"listItemCreatedFunction",void 0),t([o({nonNullable:!0})],D.prototype,"listModeDisabled",void 0),t([o()],D.prototype,"open",null),t([o({type:c})],D.prototype,"panel",null),t([a("panel")],D.prototype,"castPanel",null),t([o()],D.prototype,"parent",void 0),t([o({readOnly:!0})],D.prototype,"publishing",null),t([o({value:!0})],D.prototype,"sortable",null),t([o({readOnly:!0})],D.prototype,"state",null),t([o()],D.prototype,"title",null),t([o({readOnly:!0})],D.prototype,"updating",null),t([o()],D.prototype,"view",void 0),t([o()],D.prototype,"visible",null),t([o({readOnly:!0})],D.prototype,"visibleAtCurrentScale",null),t([o({readOnly:!0})],D.prototype,"visibleAtCurrentTimeExtent",null),t([o({readOnly:!0})],D.prototype,"visibilityMode",null),D=S=t([h("esri.layers.list.Item")],D);const A=D;export{A as default};

package/layers/list/ItemPanel.d.ts

@@ -1,72 +1,61 @@
 import type Accessor from "../../core/Accessor.js";
 import type Item from "./Item.js";
-import type { IdentifiableMixin, IdentifiableMixinProperties } from "../../core/Identifiable.js";
-
-export interface ItemPanelProperties extends IdentifiableMixinProperties, Partial<Pick<ItemPanel, "content" | "disabled" | "flowEnabled" | "icon" | "image" | "listItem" | "open" | "title" | "visible">> {}
-
-/**
- * Arbitrary data associated with the panel.
- *
- * @see [content](https://developers.arcgis.com/javascript/latest/references/core/layers/list/ItemPanel/#content)
- */
-export type ItemPanelContent = "legend" | HTMLElement | string;
-
-/**
- * Defines one or more panel content values.
- *
- * @see [content](https://developers.arcgis.com/javascript/latest/references/core/layers/list/ItemPanel/#content)
- */
-export type ItemPanelContents = ItemPanelContent | ItemPanelContent[];
+import type { IdentifiableMixin } from "../../core/Identifiable.js";
+import type { ItemPanelContents, ItemPanelProperties } from "./types.js";
 
 /**
- * Generic state container for additional list item details.
+ * Stores state for additional content associated with a layer-list item.
  *
- * This class does not render UI. It stores panel state that can be consumed by separate view components.
+ * This class does not render UI. Consumer components use its content, presentation, and interaction state
+ * to render a panel associated with an [Item](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/).
  *
+ * @beta
  * @since 5.2
  */
 export default class ItemPanel extends ItemPanelSuperclass {
   constructor(properties?: ItemPanelProperties);
-  /** Arbitrary content metadata for the panel. */
+  /**
+   * The content to display in the panel.
+   * Content may be a string, an `HTMLElement`, the `"legend"` keyword, or an array of content values.
+   */
   accessor content: ItemPanelContents | null | undefined;
   /**
-   * If `true`, panel interactions are disabled.
+   * Indicates whether the panel cannot be opened or interacted with.
    *
    * @default false
-   * @since 5.2
    */
   accessor disabled: boolean;
   /**
-   * Indicates if panel content should be shown in a drill-in flow by a consumer UI.
+   * Indicates whether a consumer UI should display the panel in a drill-in flow.
+   * When `true`, the panel can be rendered as a separate flow step instead of inline content.
    *
    * @default false
-   * @since 5.2
    */
   accessor flowEnabled: boolean;
-  /**
-   * Identifier for an icon to represent this panel.
-   *
-   * @since 5.2
-   */
+  /** The icon identifier used by a consumer UI to represent this panel. */
   accessor icon: string | null | undefined;
-  /** URL or data URI used by consumer UIs to represent the panel. */
+  /** A URL or data URI for an image used by a consumer UI to represent this panel. */
   accessor image: string | null | undefined;
-  /** The list item associated with this panel. */
+  /**
+   * The list item that owns this panel.
+   * This association is set automatically when the panel is assigned to an item.
+   */
   accessor listItem: Item | null | undefined;
   /**
-   * Indicates if the panel is open.
+   * Indicates whether the panel is open in a consumer UI.
    *
    * @default false
    */
   accessor open: boolean;
   /**
-   * The title of the panel.
+   * The title displayed by a consumer UI for this panel.
    *
    * @default ""
    */
   accessor title: string;
   /**
-   * Indicates whether consumer UIs should show this panel.
+   * Indicates whether a consumer UI should display this panel.
+   * Set to `false` to hide the panel while preserving its content and state.
    *
    * @default true
    */

package/layers/list/LayerItemCollection.d.ts

@@ -1,11 +1,9 @@
 import type Collection from "../../core/Collection.js";
 import type Item from "./Item.js";
 import type { EventedAccessor } from "../../core/Evented.js";
-import type { Action, ItemModifier, State } from "./types.js";
+import type { Action, ItemModifier, LayerItemCollectionProperties, LayerItemCollectionTriggerActionEvent, State } from "./types.js";
 import type { MapViewOrSceneView } from "../../views/MapViewOrSceneView.js";
 
-export interface LayerItemCollectionProperties extends Partial<Pick<LayerItemCollection, "checkPublishStatusEnabled" | "listItemCreatedFunction" | "listModeDisabled" | "view">> {}
-
 export interface LayerItemCollectionEvents {
   /**
    * Emitted when the user clicks an [action](https://developers.arcgis.com/javascript/latest/references/core/support/actions/ActionButton/) or
@@ -18,22 +16,12 @@ export interface LayerItemCollectionEvents {
 }
 
 /**
- * The event object for the `trigger-action` event in the layer lists.
- *
- * @see [@trigger-action](https://developers.arcgis.com/javascript/latest/references/core/layers/list/LayerItemCollection/#event-trigger-action)
- */
-export interface LayerItemCollectionTriggerActionEvent {
-  /** The action that was clicked by the user. */
-  action: Action;
-  /** The list item associated with the action. */
-  item: Item;
-}
-
-/**
- * Provides list-item orchestration logic for layer-list workflows.
- * To hide layers from the list, set the [Layer.listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode)
- * property on the layer(s) to `hide`.
+ * Manages the [Item](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) instances displayed for operational layers in a layer-list workflow.
+ * The collection tracks the view's layers and layer views, creates and updates list items, and supports
+ * custom item configuration, actions, visibility filtering, and reordering.
+ * To exclude a layer from the collection, set its [Layer.listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode) property to `hide`.
  *
+ * @beta
  * @since 5.2
  */
 export default class LayerItemCollection extends EventedAccessor {
@@ -45,62 +33,64 @@ export default class LayerItemCollection extends EventedAccessor {
   "@eventTypes": LayerItemCollectionEvents;
   constructor(properties?: LayerItemCollectionProperties);
   /**
-   * Whether to provide an indication if a layer is being published.
-   * The [Item.publishing](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/#publishing) property
-   * will be `false` if `checkPublishStatusEnabled` is `false`.
+   * Indicates whether items should report when their associated layers are being published.
+   * When `false`, the [Item.publishing](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/#publishing) property is always `false`.
    *
    * @default false
-   * @since 5.2
    */
   accessor checkPublishStatusEnabled: boolean;
   /**
-   * Specifies a function that accesses each [Item](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/).
-   * Each list item can be modified according to its modifiable properties.
-   * Actions can be added to list items using the
-   * [Item.actionsSections](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/#actionsSections) property.
-   *
-   * @since 5.2
+   * A function called when each [Item](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) is created.
+   * Use the callback to modify supported item properties or add actions through
+   * the [Item.actionsSections](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/#actionsSections) property.
    */
   accessor listItemCreatedFunction: ItemModifier | null | undefined;
   /**
-   * Specifies whether to ignore the [Layer.listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode) property to display all layers.
+   * Indicates whether to ignore the [Layer.listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode) property when determining which layers to display.
+   * When `true`, layers with a `listMode` of `hide` are included.
    *
    * @default false
-   * @since 5.2
    * @see [Layer.listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode)
    */
   accessor listModeDisabled: boolean;
   /**
-   * A collection of [Item](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/)s representing operational layers.
-   * To hide layers from the list, set [Layer.listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode) to `hide`.
+   * The items representing operational layers in the view.
+   * Items are ordered to match the map's layer order and can include nested child items.
+   * To exclude a layer, set its [Layer.listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode) property to `hide`.
    *
    * @see [Layer.listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode)
    */
   get operationalItems(): Collection<Item>;
   /**
-   * The view model's state.
+   * The current state of the collection.
+   * Returns `disabled` when no view is set, `loading` while the view is not ready, and `ready` when
+   * the view is ready to provide operational layer items.
    *
    * @default "disabled"
    */
   get state(): State;
-  /** The view context for this view model. */
+  /** The total number of items, including nested child items. */
+  get totalItems(): number;
+  /** The map or scene view that supplies the operational layers and layer views for this collection. */
   accessor view: MapViewOrSceneView | null | undefined;
   /**
-   * Moves a list item from one position to another.
+   * Moves a layer item within the map or between supported parent layers.
+   * The item must represent a layer, and sublayers cannot be moved with this method.
+   * The target index uses the layer collection's order, where `0` represents the top position in the list.
    *
-   * @param targetItem - The list item to move.
-   * @param fromParentItem - The current parent list item, if any.
-   * @param toParentItem - The target parent list item, if any.
-   * @param newIndex - The new index for the target item.
-   * @since 5.2
+   * @param targetItem - The item to move.
+   * @param fromParentItem - The item's current parent, if it has one.
+   * @param toParentItem - The target parent, if the item is being moved into a child collection.
+   * @param newIndex - The target position in the destination collection.
    */
   moveItem(targetItem: Item | null | undefined, fromParentItem: Item | null | undefined, toParentItem: Item | null | undefined, newIndex: number): void;
   /**
-   * Triggers the [@trigger-action](https://developers.arcgis.com/javascript/latest/references/core/layers/list/LayerItemCollection/#event-trigger-action) event and executes
-   * the given [action](https://developers.arcgis.com/javascript/latest/references/core/support/actions/ActionButton/) or [action toggle](https://developers.arcgis.com/javascript/latest/references/core/support/actions/ActionToggle/).
+   * Executes an enabled action associated with an item and emits the
+   * [@trigger-action](https://developers.arcgis.com/javascript/latest/references/core/layers/list/LayerItemCollection/#event-trigger-action) event.
+   * Disabled actions are ignored.
    *
    * @param action - The action to execute.
-   * @param item - An item associated with the action.
+   * @param item - The item associated with the action.
    */
   triggerAction(action: Action, item: Item): void;
 }

package/layers/list/LayerItemCollection.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{__decorate as e}from"tslib";import t from"../../core/Collection.js";import{EventedAccessor as s}from"../../core/Evented.js";import{watch as i,initial as a}from"../../core/reactiveUtils.js";import{property as r,subclass as l}from"../../core/accessorSupport/decorators.js";import o from"./Item.js";import{getItemLayers as n,findLayerListMode as d}from"./support/layerListUtils.js";import{isLinkChartView as h}from"../../linkChart/guards.js";const m={view:"view",viewLayers:"view-layers",mapLayers:"map-layers",layerViews:"layer-views",layerListMode:"layer-list-mode"},c="hide",p=t.ofType(o);let y=class extends s{constructor(e){super(e),this.checkPublishStatusEnabled=!1,this.listItemCreatedFunction=null,this.listModeDisabled=!1,this.operationalItems=new p,this.view=null}initialize(){this.addHandles([i(()=>!0===this.view?.ready,()=>this._viewHandles(),a),i(()=>[this.listItemCreatedFunction,this.checkPublishStatusEnabled,this.listModeDisabled],()=>this._recompileList()),i(()=>h(this.view)?this.view.inGeographicLayout:null,()=>this._compileList())],m.view)}destroy(){this._removeAllItems(),this.view=null}get state(){const{view:e}=this;return e?.ready?"ready":e?"loading":"disabled"}get totalItems(){return this.operationalItems.flatten(e=>e.children).length}triggerAction(e,t){e&&!e.disabled&&this.emit("trigger-action",{action:e,item:t})}moveItem(e,t,s,i){const a=e?.layer;if(!a||"layer"!==e.content.type||"subtype-sublayer"===a.type||"sublayer"===a.type)return;const r=this.view?.map?.layers,l=t?n(t):r,o=s?n(s):r;if(!l||!o)return;const{operationalItems:d}=this,h=t?.children||d,m=s?.children||d,c=o.length-i;e.parent=s||null,h.remove(e),l.remove(a),m.includes(e)||m.add(e,c),o.includes(a)||o.add(a,c),this._compileList()}_createLayerViewHandles(e){this.removeHandles(m.layerViews),this._compileList(),e&&this.addHandles(e.on("change",()=>this._compileList()),m.layerViews)}_createMapLayerHandles(e){this.removeHandles(m.mapLayers),this._compileList(),e&&this.addHandles(e.on("change",()=>this._compileList()),m.mapLayers)}_createItem(e){const{view:t,listItemCreatedFunction:s,checkPublishStatusEnabled:i,listModeDisabled:a}=this;return new o({checkPublishStatusEnabled:i,listModeDisabled:a,layer:e,listItemCreatedFunction:s,view:t})}_removeAllItems(){this.operationalItems.destroyAll()}_getViewableLayers(e){return e?this.listModeDisabled?e:e.filter(e=>d(e)!==c):void 0}_watchLayersListMode(e){this.removeHandles(m.layerListMode),e&&!this.listModeDisabled&&this.addHandles(i(()=>e.filter(e=>"listMode"in e).map(e=>e.listMode).toArray(),()=>this._compileList()),m.layerListMode)}_compileList(){const e=this.view?.map?.layers,t=h(this.view)&&!this.view.inGeographicLayout?e?.filter(({type:e})=>"link-chart"===e):e;this._watchLayersListMode(t);const s=this._getViewableLayers(t);s?.length?(this._createNewItems(s),this._removeItems(s),this._sortItems(s)):this._removeAllItems()}_createNewItems(e){const{operationalItems:t}=this;e.forEach(e=>{t.some(t=>t.layer===e)||t.add(this._createItem(e))})}_removeItems(e){const{operationalItems:t}=this,s=[];t.forEach(t=>{t&&e&&e.includes(t.layer)||s.push(t)}),t.destroyMany(s)}_sortItems(e){const{operationalItems:t}=this;t.sort((t,s)=>{const i=e.indexOf(t.layer),a=e.indexOf(s.layer);return i>a?-1:i<a?1:0})}_recompileList(){this._removeAllItems(),this._compileList()}_viewHandles(){const{view:e}=this;this.removeHandles([m.mapLayers,m.layerViews,m.viewLayers]),e?.ready?this.addHandles([i(()=>this.view?.map?.allLayers,e=>this._createMapLayerHandles(e),a),i(()=>this.view?.allLayerViews,e=>this._createLayerViewHandles(e),a)],m.viewLayers):this._removeAllItems()}};e([r()],y.prototype,"checkPublishStatusEnabled",void 0),e([r()],y.prototype,"listItemCreatedFunction",void 0),e([r({nonNullable:!0})],y.prototype,"listModeDisabled",void 0),e([r({type:p})],y.prototype,"operationalItems",void 0),e([r({readOnly:!0})],y.prototype,"state",null),e([r()],y.prototype,"totalItems",null),e([r()],y.prototype,"view",void 0),y=e([l("esri.layers.list.LayerItemCollection")],y);const v=y;export{v as default};
+import{__decorate as e}from"tslib";import t from"../../core/Collection.js";import{EventedAccessor as s}from"../../core/Evented.js";import{watch as i,initial as a}from"../../core/reactiveUtils.js";import{property as r,subclass as l}from"../../core/accessorSupport/decorators.js";import o from"./Item.js";import{getItemLayers as n,findLayerListMode as d}from"./support/layerListUtils.js";import{isLinkChartView as h}from"../../linkChart/guards.js";const m={view:"view",viewLayers:"view-layers",mapLayers:"map-layers",layerViews:"layer-views",layerListMode:"layer-list-mode"},c="hide",p=t.ofType(o);let y=class extends s{constructor(e){super(e),this.checkPublishStatusEnabled=!1,this.listItemCreatedFunction=null,this.listModeDisabled=!1,this.operationalItems=new p,this.view=null}initialize(){this.addHandles([i(()=>!0===this.view?.ready,()=>this._viewHandles(),a),i(()=>[this.listItemCreatedFunction,this.checkPublishStatusEnabled,this.listModeDisabled],()=>this._recompileList()),i(()=>h(this.view)?this.view.inGeographicLayout:null,()=>this._compileList())],m.view)}destroy(){this._removeAllItems(),this.view=null}get state(){const{view:e}=this;return e?.ready?"ready":e?"loading":"disabled"}get totalItems(){return this.operationalItems.flatten(e=>e.children).length}moveItem(e,t,s,i){const a=e?.layer;if(!a||"layer"!==e.content.type||"subtype-sublayer"===a.type||"sublayer"===a.type)return;const r=this.view?.map?.layers,l=t?n(t):r,o=s?n(s):r;if(!l||!o)return;const{operationalItems:d}=this,h=t?.children||d,m=s?.children||d,c=o.length-i;e.parent=s||null,h.remove(e),l.remove(a),m.includes(e)||m.add(e,c),o.includes(a)||o.add(a,c),this._compileList()}triggerAction(e,t){e&&!e.disabled&&this.emit("trigger-action",{action:e,item:t})}_compileList(){const e=this.view?.map?.layers,t=h(this.view)&&!this.view.inGeographicLayout?e?.filter(({type:e})=>"link-chart"===e):e;this._watchLayersListMode(t);const s=this._getViewableLayers(t);s?.length?(this._createNewItems(s),this._removeItems(s),this._sortItems(s)):this._removeAllItems()}_createItem(e){const{view:t,listItemCreatedFunction:s,checkPublishStatusEnabled:i,listModeDisabled:a}=this;return new o({checkPublishStatusEnabled:i,layer:e,listItemCreatedFunction:s,listModeDisabled:a,view:t})}_createLayerViewHandles(e){this.removeHandles(m.layerViews),this._compileList(),e&&this.addHandles(e.on("change",()=>this._compileList()),m.layerViews)}_createMapLayerHandles(e){this.removeHandles(m.mapLayers),this._compileList(),e&&this.addHandles(e.on("change",()=>this._compileList()),m.mapLayers)}_createNewItems(e){const{operationalItems:t}=this;e.forEach(e=>{t.some(t=>t.layer===e)||t.add(this._createItem(e))})}_getViewableLayers(e){return e?this.listModeDisabled?e:e.filter(e=>d(e)!==c):void 0}_recompileList(){this._removeAllItems(),this._compileList()}_removeAllItems(){this.operationalItems.destroyAll()}_removeItems(e){const{operationalItems:t}=this,s=[];t.forEach(t=>{t&&e&&e.includes(t.layer)||s.push(t)}),t.destroyMany(s)}_sortItems(e){const{operationalItems:t}=this;t.sort((t,s)=>{const i=e.indexOf(t.layer),a=e.indexOf(s.layer);return i>a?-1:i<a?1:0})}_viewHandles(){const{view:e}=this;this.removeHandles([m.mapLayers,m.layerViews,m.viewLayers]),e?.ready?this.addHandles([i(()=>this.view?.map?.allLayers,e=>this._createMapLayerHandles(e),a),i(()=>this.view?.allLayerViews,e=>this._createLayerViewHandles(e),a)],m.viewLayers):this._removeAllItems()}_watchLayersListMode(e){this.removeHandles(m.layerListMode),e&&!this.listModeDisabled&&this.addHandles(i(()=>e.filter(e=>"listMode"in e).map(e=>e.listMode).toArray(),()=>this._compileList()),m.layerListMode)}};e([r()],y.prototype,"checkPublishStatusEnabled",void 0),e([r()],y.prototype,"listItemCreatedFunction",void 0),e([r({nonNullable:!0})],y.prototype,"listModeDisabled",void 0),e([r({type:p})],y.prototype,"operationalItems",void 0),e([r({readOnly:!0})],y.prototype,"state",null),e([r()],y.prototype,"totalItems",null),e([r()],y.prototype,"view",void 0),y=e([l("esri.layers.list.LayerItemCollection")],y);const v=y;export{v as default};

package/layers/list/TableItem.d.ts

@@ -1,96 +1,75 @@
 import type Accessor from "../../core/Accessor.js";
 import type Collection from "../../core/Collection.js";
 import type EsriError from "../../core/Error.js";
-import type Layer from "../Layer.js";
-import type SubtypeGroupLayer from "../SubtypeGroupLayer.js";
 import type TableItemPanel from "./TableItemPanel.js";
-import type Sublayer from "../support/Sublayer.js";
-import type SubtypeSublayer from "../support/SubtypeSublayer.js";
-import type { IdentifiableMixin, IdentifiableMixinProperties } from "../../core/Identifiable.js";
-import type { Action } from "./types.js";
+import type { IdentifiableMixin } from "../../core/Identifiable.js";
+import type { Action, TableItemLayer, TableItemModifier, TableItemProperties, TableItemPanelProperties } from "./types.js";
 import type { ActionToggleProperties } from "../../support/actions/ActionToggle.js";
 import type { ActionButtonProperties } from "../../support/actions/ActionButton.js";
 import type { ReadonlyArrayOrCollection } from "../../core/Collection.js";
-import type { TableItemPanelProperties } from "./TableItemPanel.js";
-
-export interface TableItemProperties extends IdentifiableMixinProperties, Partial<Pick<TableItem, "actionsOpen" | "checkPublishStatusEnabled" | "hidden" | "layer" | "listModeDisabled" | "open" | "parent">> {
-  /** A nested 2-dimensional collection of actions that can be triggered on the item. */
-  actionsSections?: ReadonlyArrayOrCollection<ReadonlyArrayOrCollection<((ActionButtonProperties & { type: "button" }) | (ActionToggleProperties & { type: "toggle" }))>>;
-  /**
-   * Child items when the associated layer contains sublayers.
-   *
-   * @since 5.2
-   */
-  children?: ReadonlyArrayOrCollection<TableItemProperties>;
-  /**
-   * Additional panel state associated with this item.
-   *
-   * @since 5.2
-   */
-  panel?: TableItemPanelProperties;
-  /** The title of the associated table. */
-  title?: string | null;
-}
-
-/** Event object passed to a table list item creation callback. */
-export interface TableItemModifierEvent {
-  /** The table list item being created. */
-  item: TableItem;
-}
-
-/**
- * Function used to customize table list items during creation.
- *
- * @param event - The event containing the table list item being created.
- */
-export type TableItemModifier = (event: TableItemModifierEvent) => void;
 
 /**
  * Represents a table-related list item with support for child items, actions, and panel state.
  *
- * @since 5.2
+ * @internal
  */
 export default class TableItem extends TableItemSuperclass {
+  /** @internal */
   constructor(properties?: TableItemProperties);
   /**
    * Indicates whether the actions state is open.
    *
    * @default false
+   * @internal
    */
   accessor actionsOpen: boolean;
-  /** A nested 2-dimensional collection of actions that can be triggered on the item. */
+  /**
+   * A nested 2-dimensional collection of actions that can be triggered on the item.
+   *
+   * @internal
+   */
   get actionsSections(): Collection<Collection<Action>>;
   set actionsSections(value: ReadonlyArrayOrCollection<ReadonlyArrayOrCollection<((ActionButtonProperties & { type: "button" }) | (ActionToggleProperties & { type: "toggle" }))>>);
   /**
    * Enables publish-status checks used by [publishing](https://developers.arcgis.com/javascript/latest/references/core/layers/list/TableItem/#publishing).
    *
    * @default false
-   * @since 5.2
+   * @internal
    */
   accessor checkPublishStatusEnabled: boolean;
   /**
    * Child items when the associated layer contains sublayers.
    *
-   * @since 5.2
+   * @internal
    */
   get children(): Collection<TableItem>;
   set children(value: ReadonlyArrayOrCollection<TableItemProperties>);
-  /** The error object returned if an error occurred. */
+  /**
+   * The error object returned if an error occurred.
+   *
+   * @internal
+   */
   get error(): EsriError | null | undefined;
   /**
    * When `true`, marks this item as hidden for consumer UIs.
    *
    * @default false
-   * @since 5.2
+   * @internal
    */
   accessor hidden: boolean;
-  /** The layer associated with the triggered action. */
-  accessor layer: Layer | Sublayer | SubtypeSublayer | SubtypeGroupLayer;
+  /**
+   * The layer associated with the triggered action.
+   *
+   * @internal
+   */
+  accessor layer: TableItemLayer;
+  /** @internal */
+  accessor listItemCreatedFunction: TableItemModifier | null | undefined;
   /**
    * Specifies whether to ignore the [Layer.listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode) property of child layers.
    *
    * @default false
-   * @since 5.2
+   * @internal
    * @see [Layer.listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode)
    */
   accessor listModeDisabled: boolean;
@@ -98,20 +77,20 @@ export default class TableItem extends TableItemSuperclass {
    * Indicates whether the item is open.
    *
    * @default false
-   * @since 5.2
+   * @internal
    */
   accessor open: boolean;
   /**
    * Additional panel state associated with this item.
    *
-   * @since 5.2
+   * @internal
    */
   get panel(): TableItemPanel;
   set panel(value: TableItemPanelProperties);
   /**
    * The parent item.
    *
-   * @since 5.2
+   * @internal
    */
   accessor parent: TableItem | null | undefined;
   /**
@@ -120,16 +99,26 @@ export default class TableItem extends TableItemSuperclass {
    * [checkPublishStatusEnabled](https://developers.arcgis.com/javascript/latest/references/core/layers/list/TableItem/#checkPublishStatusEnabled) is `false`.
    *
    * @default false
-   * @since 5.2
+   * @internal
    */
   get publishing(): boolean;
-  /** The title of the associated table. */
+  /**
+   * @default true
+   * @internal
+   */
+  accessor sortable: boolean;
+  /**
+   * The title of the associated table.
+   *
+   * @internal
+   */
   get title(): string;
   set title(value: string | null | undefined);
   /**
    * Creates a deep clone of this object.
    *
    * @returns A clone of the new [TableItem](https://developers.arcgis.com/javascript/latest/references/core/layers/list/TableItem/) instance.
+   * @internal
    */
   clone(): TableItem;
 }

package/layers/list/TableItem.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{__decorate as e}from"tslib";import t from"../../core/Accessor.js";import{isSome as i}from"../../core/arrayUtils.js";import s from"../../core/Collection.js";import{IdentifiableMixin as l}from"../../core/Identifiable.js";import{watch as r,initial as o}from"../../core/reactiveUtils.js";import{property as n,cast as a,subclass as h}from"../../core/accessorSupport/decorators.js";import{ensureType as d}from"../../core/accessorSupport/ensureType.js";import{get as p}from"../../core/accessorSupport/get.js";import c from"./TableItemPanel.js";import{canDisplayLayer as y,findLayerListMode as u,getNormalizedChildLayerProperty as m}from"./support/layerListUtils.js";import b from"../../support/actions/ActionBase.js";import f from"../../support/actions/ActionButton.js";import C from"../../support/actions/ActionToggle.js";var _;const v="layer",g="child-list-mode",P="hide",I=s.ofType({key:"type",defaultKeyValue:"button",base:b,typeMap:{button:f,toggle:C}}),S=s.ofType(I);let M=_=class extends(l(t)){constructor(e){super(e),this.actionsSections=new S,this.actionsOpen=!1,this.checkPublishStatusEnabled=!1,this.children=new(s.ofType(_)),this.hidden=!1,this.layer=null,this.listItemCreatedFunction=null,this.listModeDisabled=!1,this.open=!1,this.parent=null,this.sortable=!0}initialize(){if(this.addHandles([r(()=>[this.layer?.listMode,this.listModeDisabled],()=>this._watchLayerProperties(this.layer),o),r(()=>this.checkPublishStatusEnabled,e=>this._updateChildrenPublishing(e),o),r(()=>this.panel,e=>this._setItemOnPanel(e),o)]),"function"==typeof this.listItemCreatedFunction){const e={item:this};this.listItemCreatedFunction.call(null,e)}}destroy(){this.panel?.destroy(),this.children.destroyAll()}get error(){return this.layer?.loadError}set panel(e){const t=this._get("panel");e!==t&&e&&t?.destroy(),this._set("panel",e)}castPanel(e){return this.panel?.open&&!e.hasOwnProperty("open")&&(e.open=!0),d(c,e)}get publishing(){const{layer:e,checkPublishStatusEnabled:t}=this;return!!(t&&e&&"publishingInfo"in e&&"publishing"===e.publishingInfo?.status)}get title(){const e=p(this,"layer.layer");return(!e||e&&p(this,"layer.layer.loaded")?this.layer?.title:null)??""}set title(e){this._overrideIfSome("title",e)}clone(){return new _({actionsSections:this.actionsSections.clone(),actionsOpen:this.actionsOpen,checkPublishStatusEnabled:this.checkPublishStatusEnabled,children:this.children.clone(),hidden:this.hidden,layer:this.layer,listItemCreatedFunction:this.listItemCreatedFunction,listModeDisabled:this.listModeDisabled,open:this.open,panel:this.panel,parent:this.parent,sortable:this.sortable,title:this.title})}_updateChildrenPublishing(e){this.children?.forEach(t=>t.checkPublishStatusEnabled=e)}_setItemOnPanel(e){e&&(e.listItem=this)}_createChildItems(e,t){return e.reverse().map(e=>t||y(e)?new _({layer:e,checkPublishStatusEnabled:this.checkPublishStatusEnabled,listItemCreatedFunction:this.listItemCreatedFunction,listModeDisabled:this.listModeDisabled,parent:this}):null).filter(i)}_createChildren(e){const{listModeDisabled:t,children:i}=this,s=e.reverse().filter(e=>!i.some(t=>t.layer===e));i.addMany(this._createChildItems(s,t))}_destroyChildren(e){const{children:t}=this,i=t.filter(t=>!!t.layer&&!e.includes(t.layer));t.destroyMany(i)}_sortChildren(e){this.children.sort((t,i)=>e.indexOf(i.layer)-e.indexOf(t.layer))}_destroyAllChildren(){this.removeHandles(g),this.children.destroyAll()}_compileChildren(e){const t=this.listModeDisabled?e:e?.filter(e=>u(e)!==P);e?.length?(this._createChildren(t),this._destroyChildren(t),this._sortChildren(t),this._watchChildLayerListMode(e)):this._destroyAllChildren()}_watchChildLayerListMode(e){this.removeHandles(g),this.listModeDisabled||this.addHandles(e.toArray().map(t=>r(()=>t.listMode,()=>this._compileChildren(e))),g)}_watchSublayerChanges(e){e&&this.addHandles(e.on("change",()=>this._compileChildren(e)),v)}_initializeChildLayers(e){this._compileChildren(e),this._watchSublayerChanges(e)}_watchLayerProperties(e){if(this.removeHandles(v),this.removeHandles(g),!e)return;e.load().catch(()=>{});if("hide-children"===(!this.listModeDisabled&&u(e)))return void this.children.destroyAll();const t=m(e);t&&this.addHandles(r(()=>e[t],i=>{e.hasOwnProperty(t)&&this._initializeChildLayers(i)},o),v)}};e([n({type:S})],M.prototype,"actionsSections",void 0),e([n()],M.prototype,"actionsOpen",void 0),e([n()],M.prototype,"checkPublishStatusEnabled",void 0),e([n({type:s.ofType(_)})],M.prototype,"children",void 0),e([n({readOnly:!0})],M.prototype,"error",null),e([n()],M.prototype,"hidden",void 0),e([n()],M.prototype,"layer",void 0),e([n()],M.prototype,"listItemCreatedFunction",void 0),e([n({nonNullable:!0})],M.prototype,"listModeDisabled",void 0),e([n()],M.prototype,"open",void 0),e([n({type:c})],M.prototype,"panel",null),e([a("panel")],M.prototype,"castPanel",null),e([n()],M.prototype,"parent",void 0),e([n({readOnly:!0})],M.prototype,"publishing",null),e([n()],M.prototype,"sortable",void 0),e([n()],M.prototype,"title",null),M=_=e([h("esri.layers.list.TableItem")],M);const j=M;export{j as default};
+import{__decorate as e}from"tslib";import t from"../../core/Accessor.js";import{isSome as i}from"../../core/arrayUtils.js";import s from"../../core/Collection.js";import{IdentifiableMixin as l}from"../../core/Identifiable.js";import{watch as r,initial as o}from"../../core/reactiveUtils.js";import{property as n,cast as a,subclass as h}from"../../core/accessorSupport/decorators.js";import{ensureType as d}from"../../core/accessorSupport/ensureType.js";import{get as p}from"../../core/accessorSupport/get.js";import c from"./TableItemPanel.js";import{findLayerListMode as y,canDisplayLayer as u,getNormalizedChildLayerProperty as m}from"./support/layerListUtils.js";import b from"../../support/actions/ActionBase.js";import f from"../../support/actions/ActionButton.js";import C from"../../support/actions/ActionToggle.js";var _;const v="layer",g="child-list-mode",P="hide",I=s.ofType({key:"type",defaultKeyValue:"button",base:b,typeMap:{button:f,toggle:C}}),S=s.ofType(I);let M=_=class extends(l(t)){constructor(e){super(e),this.actionsOpen=!1,this.actionsSections=new S,this.checkPublishStatusEnabled=!1,this.children=new(s.ofType(_)),this.hidden=!1,this.layer=null,this.listItemCreatedFunction=null,this.listModeDisabled=!1,this.open=!1,this.parent=null,this.sortable=!0}initialize(){if(this.addHandles([r(()=>[this.layer?.listMode,this.listModeDisabled],()=>this._watchLayerProperties(this.layer),o),r(()=>this.checkPublishStatusEnabled,e=>this._updateChildrenPublishing(e),o),r(()=>this.panel,e=>this._setItemOnPanel(e),o)]),"function"==typeof this.listItemCreatedFunction){const e={item:this};this.listItemCreatedFunction.call(null,e)}}destroy(){this.panel?.destroy(),this.children.destroyAll()}get error(){return this.layer?.loadError}set panel(e){const t=this._get("panel");e!==t&&e&&t?.destroy(),this._set("panel",e)}castPanel(e){return this.panel?.open&&!e.hasOwnProperty("open")&&(e.open=!0),d(c,e)}get publishing(){const{layer:e,checkPublishStatusEnabled:t}=this;return!!(t&&e&&"publishingInfo"in e&&"publishing"===e.publishingInfo?.status)}get title(){const e=p(this,"layer.layer");return(!e||e&&p(this,"layer.layer.loaded")?this.layer?.title:null)??""}set title(e){this._overrideIfSome("title",e)}clone(){return new _({actionsOpen:this.actionsOpen,actionsSections:this.actionsSections.clone(),checkPublishStatusEnabled:this.checkPublishStatusEnabled,children:this.children.clone(),hidden:this.hidden,layer:this.layer,listItemCreatedFunction:this.listItemCreatedFunction,listModeDisabled:this.listModeDisabled,open:this.open,panel:this.panel,parent:this.parent,sortable:this.sortable,title:this.title})}_compileChildren(e){const t=this.listModeDisabled?e:e?.filter(e=>y(e)!==P);e?.length?(this._createChildren(t),this._destroyChildren(t),this._sortChildren(t),this._watchChildLayerListMode(e)):this._destroyAllChildren()}_createChildItems(e,t){return e.reverse().map(e=>t||u(e)?new _({checkPublishStatusEnabled:this.checkPublishStatusEnabled,layer:e,listItemCreatedFunction:this.listItemCreatedFunction,listModeDisabled:this.listModeDisabled,parent:this}):null).filter(i)}_createChildren(e){const{listModeDisabled:t,children:i}=this,s=e.reverse().filter(e=>!i.some(t=>t.layer===e));i.addMany(this._createChildItems(s,t))}_destroyAllChildren(){this.removeHandles(g),this.children.destroyAll()}_destroyChildren(e){const{children:t}=this,i=t.filter(t=>!!t.layer&&!e.includes(t.layer));t.destroyMany(i)}_initializeChildLayers(e){this._compileChildren(e),this._watchSublayerChanges(e)}_setItemOnPanel(e){e&&(e.listItem=this)}_sortChildren(e){this.children.sort((t,i)=>e.indexOf(i.layer)-e.indexOf(t.layer))}_updateChildrenPublishing(e){this.children?.forEach(t=>t.checkPublishStatusEnabled=e)}_watchChildLayerListMode(e){this.removeHandles(g),this.listModeDisabled||this.addHandles(e.toArray().map(t=>r(()=>t.listMode,()=>this._compileChildren(e))),g)}_watchLayerProperties(e){if(this.removeHandles(v),this.removeHandles(g),!e)return;e.load().catch(()=>{});if("hide-children"===(!this.listModeDisabled&&y(e)))return void this.children.destroyAll();const t=m(e);t&&this.addHandles(r(()=>e[t],i=>{e.hasOwnProperty(t)&&this._initializeChildLayers(i)},o),v)}_watchSublayerChanges(e){e&&this.addHandles(e.on("change",()=>this._compileChildren(e)),v)}};e([n()],M.prototype,"actionsOpen",void 0),e([n({type:S})],M.prototype,"actionsSections",void 0),e([n()],M.prototype,"checkPublishStatusEnabled",void 0),e([n({type:s.ofType(_)})],M.prototype,"children",void 0),e([n({readOnly:!0})],M.prototype,"error",null),e([n()],M.prototype,"hidden",void 0),e([n()],M.prototype,"layer",void 0),e([n()],M.prototype,"listItemCreatedFunction",void 0),e([n({nonNullable:!0})],M.prototype,"listModeDisabled",void 0),e([n()],M.prototype,"open",void 0),e([n({type:c})],M.prototype,"panel",null),e([a("panel")],M.prototype,"castPanel",null),e([n()],M.prototype,"parent",void 0),e([n({readOnly:!0})],M.prototype,"publishing",null),e([n()],M.prototype,"sortable",void 0),e([n()],M.prototype,"title",null),M=_=e([h("esri.layers.list.TableItem")],M);const j=M;export{j as default};