@arcgis/map-components 5.0.0-next.136 → 5.0.0-next.138

package/dist/components/arcgis-feature-table/customElement.js

@@ -11,14 +11,14 @@ import { css as p } from "lit";
 import { rethrowError as o } from "@arcgis/toolkit/log";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.138 */
 const b = p`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{--lumo-primary-color: var(--calcite-color-brand);--lumo-primary-color-10pct: color-mix(in srgb, var(--calcite-color-brand) 10%, transparent);font-weight:var(--calcite-font-weight-normal);--lumo-contrast-20pct: var(--calcite-color-text-3);--lumo-contrast-30pct: color-mix(in srgb, var(--calcite-color-text-3) 60%, var(--calcite-color-text-1) 40%);--lumo-contrast-10pct: var(--calcite-color-foreground-2);--lumo-row-background-hover: var(--calcite-color-foreground-2)}:host([calcite-mode="dark"]){--lumo-primary-color: var(--calcite-color-text-2);--lumo-primary-color-10pct: color-mix(in srgb, var(--calcite-color-text-2) 10%, transparent);--lumo-contrast-20pct: var(--calcite-color-text-2);--lumo-contrast-30pct: color-mix(in srgb, var(--calcite-color-text-2) 60%, var(--calcite-color-inverse) 40%);--lumo-contrast-10pct: var(--calcite-color-foreground-1);--lumo-row-background-hover: var(--calcite-color-foreground-1)}.esri-feature-table{--icon-size: 64px;flex-direction:column;width:100%;height:100%;display:flex}.esri-feature-table__content{overflow:hidden}.esri-feature-table__content calcite-pagination{justify-content:center}.esri-feature-table__collapsed{min-width:500px}.esri-feature-table__collapsed:not(:last-child){border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-text-2);min-width:300px;max-width:300px}.esri-feature-table__expanded{min-width:300px;display:flex}.esri-feature-table__expanded:not(:last-child){border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-text-2)}.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child{flex:2 1 0}.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child calcite-panel{min-width:fit-content}.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child calcite-panel>div:first-child{flex:2 1 0}.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child .esri-feature-table__collapsed{max-width:inherit}.esri-feature-table__table-container{flex:1 1 0;min-height:0;margin:0;padding:0;display:flex}.esri-feature-table__table-container calcite-panel>div{overflow-y:auto}.esri-feature-table__table-container calcite-panel div{flex:1 1 0;display:flex}.esri-feature-table__table-container calcite-panel div .esri-feature-table__attachments-view__list{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-text-2);flex:1 1 0;min-width:480px;overflow-y:auto}.esri-feature-table__table-container calcite-panel div .esri-feature-table__attachments-view__list__filesize{cursor:default;align-items:center;height:100%;margin-inline-end:var(--calcite-spacing-md);display:flex}.esri-feature-table__table-navigation{--calcite-label-margin-bottom: 0;background-color:var(--calcite-color-foreground-1);width:100%;line-height:initial;align-items:center;padding-block-start:var(--calcite-spacing-base);display:flex}.esri-feature-table__table-navigation calcite-action:first-child{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);transform:scaleX(-1)}.esri-feature-table__table-navigation calcite-chip{--calcite-chip-close-icon-color: var(--calcite-color-text-inverse);margin-inline-end:var(--calcite-spacing-md)}.esri-feature-table__table-navigation calcite-label{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);padding-inline:var(--calcite-spacing-md);height:100%}.esri-feature-table__table-navigation calcite-action{display:flex;overflow:hidden}.esri-feature-table__table-navigation div:last-child{float:inline-end;align-items:center;height:100%;margin-inline:auto 0;display:flex}.esri-feature-table__table-navigation calcite-action:last-child{float:inline-end;margin-inline:auto 0;display:flex}.esri-feature-table__attachments-view{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-text-2);min-width:300px}.esri-feature-table__attachments-view__content{padding:var(--calcite-spacing-md);flex-direction:column;justify-content:center;align-items:center;width:100%}.esri-feature-table__attachments-view__drop-area{border:var(--calcite-border-width-sm) dashed var(--calcite-color-border-input);border-radius:var(--calcite-corner-radius-round);flex-direction:column;justify-content:center;align-items:center;width:100%}.esri-feature-table__attachments-view__drop-area form{justify-content:center;display:flex}.esri-feature-table__attachments-view__drop-area form fieldset{border:none}.esri-feature-table__attachments-view__drop-area form fieldset calcite-label{word-break:break-all}.esri-feature-table__attachments-view__drop-area form fieldset calcite-button{margin-bottom:var(--calcite-spacing-sm)}.esri-feature-table__attachments-view__icon{margin-bottom:var(--calcite-spacing-md);block-size:var(--icon-size);inline-size:var(--icon-size)}.esri-feature-table__attachments-view__information{padding:var(--calcite-spacing-md);flex-direction:column;max-width:200px;padding-inline-start:0;overflow-y:auto}.esri-feature-table__attachments-view__information calcite-icon,.esri-feature-table__attachments-view__information img{margin-block-end:var(--calcite-spacing-md)}.esri-feature-table__attachments-view__information label{color:var(--calcite-color-text-3);font-weight:var(--calcite-font-weight-normal)}.esri-feature-table__attachments-view__information span{color:var(--calcite-color-text-1);margin-block-end:var(--calcite-spacing-md)}.esri-feature-table__attachments-view__list-item--delete{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.esri-feature-table__attachments-view__list__thumbnail{margin-block:var(--calcite-spacing-sm);justify-content:center;align-items:center}.esri-feature-table__attachments-view__list__thumbnail a{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-round);width:var(--icon-size);height:var(--icon-size);color:var(--calcite-color-text-3);justify-content:center;align-items:center;display:flex;overflow:hidden}.esri-feature-table__menu-popover calcite-list{max-width:300px;max-height:260px;overflow-y:auto}.esri-feature-table__footer__message,.esri-feature-table__footer__icon--danger{margin:0 var(--calcite-spacing-md)}.esri-feature-table .esri-grid{background-color:inherit}.esri-feature-table .esri-grid__grid{width:100%;height:100%}.esri-feature-table vaadin-grid{--_lumo-grid-secondary-border-color: var(--calcite-color-border-3);border-bottom:none;background-color:inherit;color:inherit;border-inline:none;font-family:inherit;font-size:var(--calcite-font-size)}.esri-feature-table vaadin-grid::part(body-cell){font-size:var(--calcite-font-size)}.esri-feature-table vaadin-grid::part(body-cell):hover{background-color:var(--calcite-color-foreground-2)}.esri-feature-table vaadin-grid::part(header-cell invalid){font-weight:var(--calcite-font-weight-bold)}.esri-feature-table vaadin-grid::part(body-cell invalid){color:var(--calcite-color-text-3);font-style:italic}.esri-feature-table vaadin-grid::part(header-cell){background-color:var(--calcite-color-background)}.esri-feature-table vaadin-grid::part(header-cell direction){border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1)}.esri-feature-table vaadin-grid::part(body-cell highlight){background-color:var(--calcite-color-foreground-3)}.esri-feature-table vaadin-grid::part(body-cell pending-edit){background-color:var(--calcite-color-status-success);&:hover{background-color:var(--calcite-color-status-success-hover)}}.esri-feature-table vaadin-grid::part(body-cell pending-edit-invalid){background-color:var(--calcite-color-status-danger);&:hover{background-color:var(--calcite-color-status-danger-hover)}}.esri-feature-table calcite-scrim>div:first-child{max-width:400px;max-height:100%;position:relative}.esri-feature-table__layer-switcher-menu{align-items:center;display:flex}.esri-attachments-column__button,.esri-column__show-related-records-button{--calcite-offset-invert-focus: 2}.esri-column__show-related-records-button{height:100%;display:flex}.esri-attachments-column__button{overflow:hidden}.esri-attachments-column__button>div{display:flex;overflow:hidden}.esri-attachments-column__button>div>div:first-child{text-overflow:ellipsis;width:100%;margin-inline-end:var(--calcite-spacing-xxl);overflow:hidden}.esri-attachments-column__button>div span{align-self:center;position:absolute;inset-inline-end:var(--calcite-spacing-xxxl)}.esri-attachments-column__content{flex-direction:row;justify-content:space-between;width:100%;height:100%;display:flex;overflow:hidden}.esri-attachments-column__content>div:first-child{text-overflow:ellipsis;line-height:0;overflow:hidden}.esri-attachments-column__button calcite-icon,.esri-attachments-column__button img,.esri-attachments-column__content calcite-icon,.esri-attachments-column__content img{max-width:var(--calcite-size-xxl);max-height:var(--calcite-size-xxl);vertical-align:middle;margin-inline-end:var(--calcite-spacing-xxs);display:inline-flex}.esri-grid{--lumo-base-color: var(--calcite-color-foreground-1);--lumo-primary-text-color: var(--lumo-primary-color);width:100%;height:100%}.esri-grid .esri-grid__content{background-color:inherit;width:100%;height:100%}.esri-grid .esri-grid__grid{width:100%;height:100%}.esri-grid .esri-grid__grid a{color:var(--calcite-color-text-3);text-decoration:underline}.esri-grid .esri-grid__grid a:hover,.esri-grid .esri-grid__grid a:focus{color:var(--calcite-color-transparent-hover)}.esri-grid .esri-column__content--full{width:100%;height:100%;position:absolute;top:0;left:0}.esri-grid .esri-column__header-content{text-align:start;align-items:flex-start;width:100%;height:100%;font-weight:var(--calcite-font-weight-normal);display:flex;overflow:hidden}.esri-grid .esri-column__header-content:has(calcite-icon:only-child){justify-content:center;align-items:center}.esri-grid .esri-column__header-content div{width:100%;flex-flow:column wrap;display:flex;overflow:hidden}.esri-grid .esri-column__header-content div span{text-overflow:ellipsis;width:100%;line-height:var(--calcite-font-line-height-fixed-xl);overflow:hidden}.esri-grid .esri-column__header-content calcite-icon{height:var(--calcite-size-m);margin-inline-end:var(--calcite-spacing-xxs)}.esri-grid .esri-column__header-content calcite-dropdown{float:inline-end;max-height:180px}.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-group{max-width:200px;overflow-x:auto}.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-group:only-of-type{max-height:180px;overflow:visible}.esri-grid .esri-column__header-content calcite-dropdown[open] calcite-dropdown-item{display:flex}.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-item,.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-item[hidden]{display:none}.esri-grid .esri-column__header-description{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.esri-grid .esri-column__sorter:hover{cursor:pointer}.esri-grid .esri-column__sorter,.esri-grid .esri-column__header-label{color:var(--calcite-color-text-1);flex-grow:1;align-items:center;display:flex;overflow:hidden}.esri-column__header-menu-icon{margin-inline-end:15px}.esri-column__cell-input{border:none;flex:1 1 0;width:100%;height:100%}.esri-column__cell__input-container{flex-direction:column;align-items:center;width:100%;display:flex}.esri-column__cell__input-container input,.esri-column__cell__input-container select{padding:0;position:absolute;top:0;left:0}.esri-column__cell__input-container div,.esri-column__cell__input-container input,.esri-column__cell__input-container select{width:100%;display:flex}.esri-column__cell__input-container calcite-action-bar{background-color:var(--calcite-color-foreground-1)}.esri-column__cell__input-container div:first-child{flex-direction:column}.esri-column__cell__input-container calcite-input-time-zone{--calcite-dropdown-width: 200px}.esri-column__cell__input-container calcite-input-time-picker:last-child,.esri-column__cell__input-container calcite-input-time-picker:nth-child(2),.esri-column__cell__input-container calcite-input-time-zone{margin-top:-1px}`, _ = g(s);
 class w extends c {
   constructor() {
     super(...arguments), this.widget = _(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.attachmentsColumns = this.widget.attachmentsColumns, this.attributeTableTemplate = this.widget.attributeTableTemplate, this.actionColumn = this.widget.actionColumn, this.actionColumnConfig = this.widget.actionColumnConfig, this.activeFilters = this.widget.activeFilters, this.activeSortOrders = this.widget.activeSortOrders, this.allColumns = this.widget.allColumns, this.allRelatedTablesVisible = this.widget.allRelatedTablesVisible, this.allVisibleColumns = this.widget.allVisibleColumns, this.attachmentsEnabled = this.widget.attachmentsEnabled, this.attachmentsViewOptions = this.widget.attachmentsViewOptions, this.autoDestroyDisabled = !1, this.autoRefreshDisabled = this.widget.autoRefreshEnabled, this.autoSaveDisabled = this.widget.autoSaveEnabled, this.columnPerformanceModeDisabled = this.widget.columnPerformanceModeEnabled, this.columnReorderingDisabled = this.widget.columnReorderingEnabled, this.columns = this.widget.columns, this.definitionExpression = this.widget.definitionExpression, this.description = this.widget.description, this.disabled = this.widget.disabled, this.editingEnabled = this.widget.editingEnabled, this.effectiveSize = this.widget.effectiveSize, this.fieldColumns = this.widget.fieldColumns, this.filterBySelectionEnabled = this.widget.filterBySelectionEnabled, this.filterGeometry = this.widget.filterGeometry, this.groupColumns = this.widget.groupColumns, this.hideColumnDescriptions = this.widget.visibleElements.columnDescriptions, this.hiddenFields = this.widget.hiddenFields, this.hideColumnMenuItemsSortAscending = this.widget.visibleElements.columnMenuItems.sortAscending, this.hideColumnMenuItemsSortDescending = this.widget.visibleElements.columnMenuItems.sortDescending, this.hideColumnMenus = this.widget.visibleElements.columnMenus, this.hideHeader = this.widget.visibleElements.header, this.hideLayerDropdownIcons = this.widget.visibleElements.layerDropdownIcons, this.hideMenu = this.widget.visibleElements.menu, this.hideMenuItemsClearSelection = this.widget.visibleElements.menuItems.clearSelection, this.hideMenuItemsDeleteSelection = this.widget.visibleElements.menuItems.deleteSelection, this.hideMenuItemsExportSelectionToCsv = this.widget.visibleElements.menuItems.exportSelectionToCSV, this.hideMenuItemsRefreshData = this.widget.visibleElements.menuItems.refreshData, this.hideMenuItemsSelectedRecordsShowAllToggle = this.widget.visibleElements.menuItems.selectedRecordsShowAllToggle, this.hideMenuItemsSelectedRecordsShowSelectedToggle = this.widget.visibleElements.menuItems.selectedRecordsShowSelectedToggle, this.hideMenuItemsToggleColumns = this.widget.visibleElements.menuItems.toggleColumns, this.hideMenuItemsZoomToSelection = this.widget.visibleElements.menuItems.zoomToSelection, this.hideProgress = this.widget.visibleElements.progress, this.hideSelectionColumn = this.widget.visibleElements.selectionColumn, this.hideTooltips = this.widget.visibleElements.tooltips, this.highlightDisabled = this.widget.highlightEnabled, this.highlightIds = this.widget.highlightIds, this.initialSize = this.widget.initialSize, this.icon = this.widget.icon, this.isQueryingOrSyncing = this.widget.isQueryingOrSyncing, this.label = this.widget.label, this.layer = this.widget.layer, this.layerView = this.widget.layerView, this.layers = this.widget.layers, this.maxSize = this.widget.maxSize, this.menuConfig = this.widget.menuConfig, this.multipleSelectionDisabled = this.widget.multipleSelectionEnabled, this.multipleSortEnabled = this.widget.multiSortEnabled, this.multipleSortPriority = this.widget.multipleSortPriority, this.navigationScale = this.widget.navigationScale, this.noDataMessage = this.widget.noDataMessage, this.objectIds = this.widget.objectIds, this.outFields = this.widget.outFields, this.pageCount = this.widget.pageCount, this.pageIndex = this.widget.pageIndex, this.pageSize = this.widget.pageSize, this.paginationEnabled = this.widget.paginationEnabled, this.relatedRecordsEnabled = this.widget.relatedRecordsEnabled, this.relatedTable = this.widget.relatedTable, this.relatedTables = this.widget.relatedTables, this.relationshipColumns = this.widget.relationshipColumns, this.returnGeometryEnabled = this.widget.returnGeometryEnabled, this.returnMEnabled = this.widget.returnMEnabled, this.returnZEnabled = this.widget.returnZEnabled, this.rowHighlightIds = this.widget.rowHighlightIds, this.size = this.widget.size, this.showLayerDropdown = this.widget.visibleElements.layerDropdown, this.state = this.widget.state, this.supportsAddAttachments = this.widget.supportsAddAttachments, this.supportsAttachments = this.widget.supportsAttachments, this.supportsDeleteAttachments = this.widget.supportsDeleteAttachments, this.supportsResizeAttachments = this.widget.supportsResizeAttachments, this.supportsUpdateAttachments = this.widget.supportsUpdateAttachments, this.syncTemplateOnChangesDisabled = this.widget.syncTemplateOnChangesEnabled, this.tableController = this.widget.tableController, this.tableParent = this.widget.tableParent, this.tableTemplate = this.widget.tableTemplate, this.timeExtent = this.widget.timeExtent, this.timeZone = this.widget.timeZone, this.visibleColumns = this.widget.visibleColumns, this.arcgisCellClick = i(() => this.widget, "cell-click"), this.arcgisCellKeydown = i(() => this.widget, "cell-keydown"), this.arcgisCellPointerout = i(() => this.widget, "cell-pointerout"), this.arcgisCellPointerover = i(() => this.widget, "cell-pointerover"), this.arcgisColumnReorder = i(() => this.widget, "column-reorder"), this.arcgisPropertyChange = d()("effectiveSize", "isQueryingOrSyncing", "layerView", "size", "state"), this.arcgisReady = a(), this.arcgisSelectionChange = a();
   }
   static {
-    this.properties = { view: 0, attachmentsColumns: 32, attributeTableTemplate: 0, actionColumn: 32, actionColumnConfig: 0, activeFilters: 32, activeSortOrders: 32, allColumns: 32, allRelatedTablesVisible: 36, allVisibleColumns: 32, attachmentsEnabled: 5, attachmentsViewOptions: 0, autoDestroyDisabled: 5, autoRefreshDisabled: 5, autoSaveDisabled: 5, columnPerformanceModeDisabled: 5, columnReorderingDisabled: 5, columns: 32, definitionExpression: 1, description: 1, disabled: 7, editingEnabled: 5, effectiveSize: 40, fieldColumns: 32, filterBySelectionEnabled: 5, filterGeometry: 0, groupColumns: 32, hideColumnDescriptions: 5, hiddenFields: 0, hideColumnMenuItemsSortAscending: 5, hideColumnMenuItemsSortDescending: 5, hideColumnMenus: 5, hideHeader: 5, hideLayerDropdownIcons: 5, hideMenu: 5, hideMenuItemsClearSelection: 5, hideMenuItemsDeleteSelection: 5, hideMenuItemsExportSelectionToCsv: 5, hideMenuItemsRefreshData: 5, hideMenuItemsSelectedRecordsShowAllToggle: 5, hideMenuItemsSelectedRecordsShowSelectedToggle: 5, hideMenuItemsToggleColumns: 5, hideMenuItemsZoomToSelection: 5, hideProgress: 5, hideSelectionColumn: 5, hideTooltips: 5, highlightDisabled: 5, highlightIds: 0, initialSize: 9, icon: 0, isQueryingOrSyncing: 36, label: 1, layer: 0, layerItemId: 1, layerUrl: 1, layerView: 32, layers: 0, maxSize: 9, menuConfig: 0, multipleSelectionDisabled: 5, multipleSortEnabled: 5, multipleSortPriority: 1, navigationScale: 1, noDataMessage: 1, objectIds: 0, outFields: 0, pageCount: 40, pageIndex: 9, pageSize: 9, paginationEnabled: 5, referenceElement: 1, relatedRecordsEnabled: 5, relatedTable: 32, relatedTables: 0, relationshipColumns: 32, returnGeometryEnabled: 5, returnMEnabled: 5, returnZEnabled: 5, rowHighlightIds: 0, size: 40, showLayerDropdown: 5, state: 32, supportsAddAttachments: 36, supportsAttachments: 36, supportsDeleteAttachments: 36, supportsResizeAttachments: 36, supportsUpdateAttachments: 36, syncTemplateOnChangesDisabled: 5, tableController: 32, tableDisabled: 5, tableParent: 32, tableTemplate: 0, timeExtent: 0, timeZone: 1, visibleColumns: 32 };
+    this.properties = { view: 0, attachmentsColumns: 32, attributeTableTemplate: 0, actionColumn: 32, actionColumnConfig: 0, activeFilters: 32, activeSortOrders: 32, allColumns: 32, allRelatedTablesVisible: 36, allVisibleColumns: 32, attachmentsEnabled: 5, attachmentsViewOptions: 0, autoDestroyDisabled: 5, autoRefreshDisabled: 5, autoSaveDisabled: 5, columnPerformanceModeDisabled: 5, columnReorderingDisabled: 5, columns: 32, definitionExpression: 1, description: 1, disabled: 7, editingEnabled: 5, effectiveSize: 40, fieldColumns: 32, filterBySelectionEnabled: 5, filterGeometry: 0, groupColumns: 32, hideColumnDescriptions: 5, hiddenFields: 0, hideColumnMenuItemsSortAscending: 5, hideColumnMenuItemsSortDescending: 5, hideColumnMenus: 5, hideHeader: 5, hideLayerDropdownIcons: 5, hideMenu: 5, hideMenuItemsClearSelection: 5, hideMenuItemsDeleteSelection: 5, hideMenuItemsExportSelectionToCsv: 5, hideMenuItemsRefreshData: 5, hideMenuItemsSelectedRecordsShowAllToggle: 5, hideMenuItemsSelectedRecordsShowSelectedToggle: 5, hideMenuItemsToggleColumns: 5, hideMenuItemsZoomToSelection: 5, hideProgress: 5, hideSelectionColumn: 5, hideTooltips: 5, highlightDisabled: 5, highlightIds: 0, initialSize: 9, icon: 1, isQueryingOrSyncing: 36, label: 1, layer: 0, layerItemId: 1, layerUrl: 1, layerView: 32, layers: 0, maxSize: 9, menuConfig: 0, multipleSelectionDisabled: 5, multipleSortEnabled: 5, multipleSortPriority: 1, navigationScale: 1, noDataMessage: 1, objectIds: 0, outFields: 0, pageCount: 40, pageIndex: 9, pageSize: 9, paginationEnabled: 5, referenceElement: 1, relatedRecordsEnabled: 5, relatedTable: 32, relatedTables: 0, relationshipColumns: 32, returnGeometryEnabled: 5, returnMEnabled: 5, returnZEnabled: 5, rowHighlightIds: 0, size: 40, showLayerDropdown: 5, state: 32, supportsAddAttachments: 36, supportsAttachments: 36, supportsDeleteAttachments: 36, supportsResizeAttachments: 36, supportsUpdateAttachments: 36, syncTemplateOnChangesDisabled: 5, tableController: 32, tableDisabled: 5, tableParent: 32, tableTemplate: 0, timeExtent: 0, timeZone: 1, visibleColumns: 32 };
   }
   static {
     this.styles = b;

package/dist/components/arcgis-feature-templates/customElement.d.ts

@@ -1,223 +1,204 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { Use } from '@arcgis/lumina/controllers';
-import { default as FeatureTemplates } from '@arcgis/core/widgets/FeatureTemplates.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { IconName } from '../../utils/action-utils';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type SubtypeGroupLayer from "@arcgis/core/layers/SubtypeGroupLayer.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type { IconName } from "../../utils/action-utils.js";
+import type { Filter, GroupByType } from "@arcgis/core/widgets/FeatureTemplates/types.js";
+import type { HeadingLevel } from "@arcgis/core/widgets/support/types.js";
+import type { Icon } from "@esri/calcite-components/components/calcite-icon";
+import type { LayerWithFeatureTemplatesUnion } from "@arcgis/core/layers/types.js";
+import type { FeatureTemplatesViewModelState } from "@arcgis/core/widgets/FeatureTemplates/FeatureTemplatesViewModel.js";
 
-declare const useFeatureTemplatesWidget: (component: LitElement & Pick<FeatureTemplates, "label" | "headingLevel" | "viewModel" | "icon" | "selectionMode" | "filterText" | "layers" | "enableListScroll" | "filterFunction" | "groupBy"> & {
-    state?: unknown;
-    viewModel?: import('@arcgis/core/widgets/FeatureTemplates/FeatureTemplatesViewModel').default | undefined;
-    closed?: boolean;
-    icon: import('@arcgis/toolkit/type').nil | string;
-    label: import('@arcgis/toolkit/type').nil | string;
-    referenceElement?: ArcgisReferenceElement | string;
-    arcgisReady: import('@arcgis/lumina').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nullish;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => FeatureTemplates;
-/**
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-feature-templates/)
- *
- * @internal
- */
-export declare class ArcgisFeatureTemplates extends LitElement {
-    /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-feature-templates/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * Indicates whether the list of available feature [template items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-TemplateItem.html) should scroll within its containing element.
-     *
-     * @default false
-     * @since 4.28
-     */
-    enableListScroll: boolean;
-    /**
-     * [function](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-types.html#Filter) can be defined to help filter
-     * [template items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-TemplateItem.html) within the component.
-     * A custom function can be used to aid when searching for templates. It takes a function which passes in
-     * an object containing a [name](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-TemplateItem.html#label)
-     * property of the [template item](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-TemplateItem.html).
-     *
-     * ![featureTemplatesFilterFunction](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/featureTemplatesFilterFunction.png)
-     *
-     * @example
-     * // Filter and display templates only if their labels contain the word `Street`
-     * function myFilterFunction(filter) {
-     *   let containsName = filter.label.includes("Street");
-     *   return containsName;
-     * }
-     *
-     * // Create the FeatureTemplates widget
-     * templates = new FeatureTemplates({
-     *   container: "templatesDiv",
-     *   visibleElements: {
-     *     filter: false, // disable the default filter UI
-     *   },
-     *   layers: [featureLayer], // in this example, one layer is used
-     *   filterFunction: myFilterFunction
-     * });
-     */
-    filterFunction: import('@arcgis/core/widgets/FeatureTemplates/types').Filter | null | undefined;
-    /**
-     * Text used to filter items.
-     *
-     * @default ""
-     */
-    filterText: string;
-    /**
-     * It is possible to group [template items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-TemplateItem.html). This can aid
-     * in managing various template items and how they display within the component. The values are discussed below.
-     *
-     * Type | Description | Example
-     * ----- | ----------- | -------
-     * layer | This is the *default* grouping. Groups template items by layers. | ![featureTemplatesGroupByLayer](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/groupByLayers.png)
-     * geometry | Groups template items by geometry type. | ![FeatureTemplatesGroupByGeometry](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/groupByGeometry.png)
-     * none | The component displays everything in one list with no grouping. | ![featureTemplatesGroupByLayer](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/groupByNone.png)
-     * [GroupByFunction](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-types.html#GroupByFunction) | Custom function that takes an object containing a [FeatureTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-FeatureTemplate.html) and [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html). | ![FeatureTemplatesGroupByCustomGroupFunction](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/groupCustomGroup.png)
-     *
-     * @default "layer"
-     * @example
-     * // This example shows using a function to check if
-     * // the layer title contains the word 'military'. If so,
-     * // return a group of items called "All Military Templates"
-     * function customGroup(grouping) {
-     *   // Consolidate all military layers
-     *   if (grouping.layer.title.toLowerCase().indexOf("military") > -1) {
-     *     return "All Military Templates"
-     *   }
-     * // Otherwise, group by layer title
-     *   return grouping.layer.title;
-     * }
-     *
-     * // Create the FeatureTemplates widget
-     * templates = new FeatureTemplates({
-     *   container: "templatesDiv",
-     *   layers: layers,
-     *   groupBy: customGroup
-     * });
-     */
-    groupBy: import('@arcgis/core/widgets/FeatureTemplates/types').GroupByType | null | undefined;
-    /**
-     * Indicates the heading level to use for the labels of grouped feature templates.
-     * By default, the group label is rendered
-     * as a level 4 heading (e.g. `<h4>Group label</h4>`). Depending on the component's placement
-     * in your app, you may need to adjust this heading for proper semantics. This is
-     * important for meeting accessibility standards.
-     *
-     * @default 4
-     * @since 4.20
-     * @see [Heading Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
-     * @example
-     * // Group label will render as an <h3>
-     * featureTemplates.headingLevel = 3;
-     */
-    headingLevel: import('@arcgis/core/widgets/support/types').HeadingLevel;
-    /**
-     * Indicates whether the templates filter displays.
-     * ![](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/featureTemplatesFilter.png)
-     *
-     * @default false
-     * @since 5.0
-     */
-    hideFilter: boolean;
-    /**
-     * Icon displayed in the widget's button.
-     *
-     * @default "list-rectangle"
-     * @since 4.27
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
-     */
-    get icon(): typeof this.widget.icon;
-    set icon(value: IconName);
-    /**
-     * The widget's default label.
-     *
-     * @since 4.11
-     */
-    label: string;
-    /**
-     * An array of [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html)
-     * to display within the component. The order in which these layers are
-     * set in the array dictates how they display within the component.
-     *
-     * > [!WARNING]
-     * >
-     * > The component is designed to only display layers that are enabled for editing.
-     * > It will not display layers that are enabled to only edit attributes.
-     *
-     * @example
-     * // The layers to display within the widget
-     * let militaryUnits = new FeatureLayer({
-     *   url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Military/FeatureServer/2"
-     * });
-     *
-     * let militaryHostile = new FeatureLayer({
-     *   url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Military/FeatureServer/6"
-     * });
-     *
-     * let layers = [militaryUnits, militaryHostile];
-     *
-     * // Create FeatureTemplates widget
-     * templates = new FeatureTemplates({
-     *   container: "templatesDiv",
-     *   layers: layers
-     * });
-     */
-    layers: (import('@arcgis/core/layers/SubtypeGroupLayer').default | import('@arcgis/core/layers/types').LayerWithFeatureTemplatesUnion)[];
-    /**
-     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
-     *
-     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
-     */
-    referenceElement?: ArcgisReferenceElement | string;
-    /**
-     * Specifies the selection behavior of list items. The `"single"` selection mode keeps the clicked list item selected. Whereas, `"none"` does not preserve the selection after clicking the list item.
-     *
-     * @default "none"
-     * @since 4.28
-     */
-    selectionMode: "none" | "single" | null | undefined;
-    /**
-     * The current state of the component.
-     *
-     * @default "disabled"
-     */
-    readonly state: import('@arcgis/core/widgets/FeatureTemplates/FeatureTemplatesViewModel').FeatureTemplatesViewModelState;
-    /** Permanently destroy the component. */
-    destroy(): Promise<void>;
-    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
-    readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "state";
-    }>;
-    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
-    readonly arcgisReady: TargetedEvent<this, void>;
-    readonly arcgisSelect: TargetedEvent<this, import('@arcgis/core/widgets/FeatureTemplates/FeatureTemplatesViewModel').SelectEvent>;
-    private widget: FeatureTemplates;
-    readonly _setterTypes: {
-        icon?: IconName;
-    };
-    "@eventTypes": {
-        "arcgisPropertyChange": ArcgisFeatureTemplates["arcgisPropertyChange"]["detail"];
-        "arcgisReady": ArcgisFeatureTemplates["arcgisReady"]["detail"];
-        "arcgisSelect": ArcgisFeatureTemplates["arcgisSelect"]["detail"];
-    };
+/** @internal */
+export abstract class ArcgisFeatureTemplates extends LitElement {
+  /**
+   * If true, the component will not be destroyed automatically when it is
+   * disconnected from the document. This is useful when you want to move the
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-feature-templates/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  accessor disabledItemFunction: DisabledItemFunction;
+  /**
+   * Indicates whether the list of available feature [template items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-TemplateItem.html) should scroll within its containing element.
+   *
+   * @default false
+   * @since 4.28
+   */
+  accessor enableListScroll: boolean;
+  /**
+   * [function](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-types.html#Filter) can be defined to help filter
+   * [template items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-TemplateItem.html) within the component.
+   * A custom function can be used to aid when searching for templates. It takes a function which passes in
+   * an object containing a [name](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-TemplateItem.html#label)
+   * property of the [template item](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-TemplateItem.html).
+   *
+   * ![featureTemplatesFilterFunction](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/featureTemplatesFilterFunction.png)
+   *
+   * @example
+   * // Filter and display templates only if their labels contain the word `Street`
+   * function myFilterFunction(filter) {
+   *   let containsName = filter.label.includes("Street");
+   *   return containsName;
+   * }
+   *
+   * // Create the FeatureTemplates widget
+   * templates = new FeatureTemplates({
+   *   container: "templatesDiv",
+   *   visibleElements: {
+   *     filter: false, // disable the default filter UI
+   *   },
+   *   layers: [featureLayer], // in this example, one layer is used
+   *   filterFunction: myFilterFunction
+   * });
+   */
+  accessor filterFunction: Filter | null | undefined;
+  /**
+   * Text used to filter items.
+   *
+   * @default ""
+   */
+  accessor filterText: string;
+  /**
+   * It is possible to group [template items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-TemplateItem.html). This can aid
+   * in managing various template items and how they display within the component. The values are discussed below.
+   *
+   * Type | Description | Example
+   * ----- | ----------- | -------
+   * layer | This is the *default* grouping. Groups template items by layers. | ![featureTemplatesGroupByLayer](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/groupByLayers.png)
+   * geometry | Groups template items by geometry type. | ![FeatureTemplatesGroupByGeometry](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/groupByGeometry.png)
+   * none | The component displays everything in one list with no grouping. | ![featureTemplatesGroupByLayer](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/groupByNone.png)
+   * [GroupByFunction](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates-types.html#GroupByFunction) | Custom function that takes an object containing a [FeatureTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-FeatureTemplate.html) and [FeatureLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html). | ![FeatureTemplatesGroupByCustomGroupFunction](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/groupCustomGroup.png)
+   *
+   * @default "layer"
+   * @example
+   * // This example shows using a function to check if
+   * // the layer title contains the word 'military'. If so,
+   * // return a group of items called "All Military Templates"
+   * function customGroup(grouping) {
+   *   // Consolidate all military layers
+   *   if (grouping.layer.title.toLowerCase().indexOf("military") > -1) {
+   *     return "All Military Templates"
+   *   }
+   * // Otherwise, group by layer title
+   *   return grouping.layer.title;
+   * }
+   *
+   * // Create the FeatureTemplates widget
+   * templates = new FeatureTemplates({
+   *   container: "templatesDiv",
+   *   layers: layers,
+   *   groupBy: customGroup
+   * });
+   */
+  accessor groupBy: GroupByType | null | undefined;
+  /**
+   * Indicates the heading level to use for the labels of grouped feature templates.
+   * By default, the group label is rendered
+   * as a level 4 heading (e.g. `<h4>Group label</h4>`). Depending on the component's placement
+   * in your app, you may need to adjust this heading for proper semantics. This is
+   * important for meeting accessibility standards.
+   *
+   * @default 4
+   * @since 4.20
+   * @see [Heading Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
+   * @example
+   * // Group label will render as an <h3>
+   * featureTemplates.headingLevel = 3;
+   */
+  accessor headingLevel: HeadingLevel;
+  /**
+   * Indicates whether the templates filter displays.
+   * ![](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/featureTemplatesFilter.png)
+   *
+   * @default false
+   * @since 5.0
+   */
+  accessor hideFilter: boolean;
+  /**
+   * Icon which represents the component.
+   * Typically used when the component is controlled by another component (e.g. by the Expand component).
+   *
+   * @default "list-rectangle"
+   * @since 4.27
+   * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  get icon(): Icon["icon"];
+  set icon(value: IconName);
+  /**
+   * The component's default label.
+   *
+   * @since 4.11
+   */
+  accessor label: string;
+  /**
+   * An array of [FeatureLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html)
+   * to display within the component. The order in which these layers are
+   * set in the array dictates how they display within the component.
+   *
+   * > [!WARNING]
+   * >
+   * > The component is designed to only display layers that are enabled for editing.
+   * > It will not display layers that are enabled to only edit attributes.
+   *
+   * @example
+   * // The layers to display within the widget
+   * let militaryUnits = new FeatureLayer({
+   *   url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Military/FeatureServer/2"
+   * });
+   *
+   * let militaryHostile = new FeatureLayer({
+   *   url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Military/FeatureServer/6"
+   * });
+   *
+   * let layers = [militaryUnits, militaryHostile];
+   *
+   * // Create FeatureTemplates widget
+   * templates = new FeatureTemplates({
+   *   container: "templatesDiv",
+   *   layers: layers
+   * });
+   */
+  accessor layers: Array<SubtypeGroupLayer | LayerWithFeatureTemplatesUnion>;
+  /**
+   * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+   *
+   * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: ArcgisReferenceElement | string | undefined;
+  /**
+   * Specifies the selection behavior of list items. The `"single"` selection mode keeps the clicked list item selected. Whereas, `"none"` does not preserve the selection after clicking the list item.
+   *
+   * @default "none"
+   * @since 4.28
+   */
+  accessor selectionMode: "none" | "single" | null | undefined;
+  /**
+   * The current state of the component.
+   *
+   * @default "disabled"
+   */
+  get state(): FeatureTemplatesViewModelState;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  "@setterTypes": {
+    icon?: IconName;
+  };
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisSelect: import("@arcgis/lumina").TargetedEvent<this, __esri.FeatureTemplatesSelectEvent>;
+  readonly "@eventTypes": {
+    arcgisPropertyChange: ArcgisFeatureTemplates["arcgisPropertyChange"]["detail"];
+    arcgisReady: ArcgisFeatureTemplates["arcgisReady"]["detail"];
+    arcgisSelect: ArcgisFeatureTemplates["arcgisSelect"]["detail"];
+  };
 }
-export {};
+
+/** @param params */
+export type DisabledItemFunction = (params: Pick<__esri.TemplateItem, "layer" | "template">) => boolean;

package/dist/components/arcgis-feature-templates/customElement.js

@@ -2,22 +2,22 @@ import { c as e } from "../../chunks/runtime.js";
 import { usePropertyChange as i } from "@arcgis/lumina/controllers";
 import { reEmitEvent as t } from "@arcgis/lumina/controllers/accessor";
 import r from "@arcgis/core/widgets/FeatureTemplates.js";
-import { LitElement as o, createEvent as a } from "@arcgis/lumina";
-import { m as s } from "../../chunks/useWidget.js";
-import { css as n } from "lit";
+import { LitElement as o, createEvent as s } from "@arcgis/lumina";
+import { m as a } from "../../chunks/useWidget.js";
+import { css as l } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
-const l = n`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-feature-templates{background:var(--calcite-color-background);width:100%}.esri-feature-templates__list-item-icon{flex:0;justify-content:center;align-items:center;width:48px;min-width:48px;display:flex}.esri-feature-templates__list-item-icon>div{display:flex}.esri-ui .esri-feature-templates{width:300px}.esri-ui .esri-widget .esri-feature-templates{width:100%}`, c = s(r);
+v5.0.0-next.138 */
+const n = l`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-item-list{width:100%}.esri-item-list__filter-container--sticky{z-index:1;position:sticky;top:0}.esri-item-list__group{margin-top:12px}.esri-item-list__scroller{overflow-y:auto}.esri-item-list__scroller{z-index:0;position:relative}.esri-item-list__scroller--enabled{max-height:420px}.esri-item-list__group__header{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-medium)}.esri-item-list__list-item{cursor:pointer;min-height:32px}.esri-item-list__list-item[class^=esri-icon-],.esri-item-list__list-item[class*=" esri-icon-"]{padding-inline-end:2.8px}.esri-item-list__list-item--disabled{cursor:default}.esri-item-list__list-item-icon{justify-content:center;align-items:center;min-width:32px;height:32px;display:flex}.esri-item-list__list-item-icon span{line-height:0}.esri-thumbnail-preview{background-position:50%;width:22px;height:22px}.esri-item-list__no-matches-message{justify-content:center;align-items:center;height:96px;display:flex}.esri-feature-templates{background:var(--calcite-color-background);width:100%}.esri-feature-templates__list-item-icon{flex:0;justify-content:center;align-items:center;width:48px;min-width:48px;display:flex}.esri-feature-templates__list-item-icon>div{display:flex}.esri-ui .esri-feature-templates{width:300px}.esri-ui .esri-widget .esri-feature-templates{width:100%}.esri-feature-templates .esri-item-list__scroller--enabled{max-height:var(--arcgis-feature-templates-max-list-height, 420px)}`, c = a(r);
 class d extends o {
   constructor() {
-    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.enableListScroll = this.widget.enableListScroll, this.filterFunction = this.widget.filterFunction, this.filterText = this.widget.filterText, this.groupBy = this.widget.groupBy, this.headingLevel = this.widget.headingLevel, this.hideFilter = this.widget.visibleElements.filter, this.icon = this.widget.icon, this.label = this.widget.label, this.layers = this.widget.layers, this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = a(), this.arcgisSelect = t(() => this.widget, "select");
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.enableListScroll = this.widget.enableListScroll, this.filterFunction = this.widget.filterFunction, this.filterText = this.widget.filterText, this.groupBy = this.widget.groupBy, this.headingLevel = this.widget.headingLevel, this.hideFilter = this.widget.visibleElements.filter, this.disabledItemFunction = this.viewModel.disabledItemFunction, this.icon = this.widget.icon, this.label = this.widget.label, this.layers = this.widget.layers, this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = s(), this.arcgisSelect = t(() => this.widget, "select");
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, enableListScroll: 5, filterFunction: 0, filterText: 1, groupBy: 1, headingLevel: 9, hideFilter: 5, icon: 0, label: 1, layers: 0, referenceElement: 1, selectionMode: 1, state: 32 };
+    this.properties = { autoDestroyDisabled: 5, enableListScroll: 5, filterFunction: 0, filterText: 1, groupBy: 1, headingLevel: 9, hideFilter: 5, disabledItemFunction: 0, icon: 1, label: 1, layers: 0, referenceElement: 1, selectionMode: 1, state: 32 };
   }
   static {
-    this.styles = l;
+    this.styles = n;
   }
   async destroy() {
     await this.manager.destroy();