@geoscene/map-components 4.33.20 → 5.0.19

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

@@ -1,46 +1,59 @@
-import { c as o } from "../../chunks/runtime.js";
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as n } from "../../chunks/runtime.js";
+import { on as s } from "@geoscene/core/core/reactiveUtils.js";
+import r from "@geoscene/core/layers/Layer.js";
+import c from "@geoscene/core/widgets/FeatureTable.js";
+import { LitElement as d, createEvent as a } from "@geoscene/lumina";
 import { usePropertyChange as h } from "@geoscene/lumina/controllers";
-import { reEmitEvent as i } from "@geoscene/lumina/controllers/accessor";
-import s from "@geoscene/core/layers/Layer.js";
-import a from "@geoscene/core/widgets/FeatureTable.js";
-import { LitElement as d, createEvent as l, noShadowRoot as r } from "@geoscene/lumina";
-import { m as g } from "../../chunks/useWidget.js";
-import { e as m, g as c } from "../../chunks/component-utils.js";
-import { css as u } from "@lit/reactive-element/css-tag.js";
-/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
-See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
-v4.33.18 */
-const w = u`@layer{geoscene-feature-table{display:block}.geoscene-feature-table{width:100%;height:100%}}`, p = g(a);
-class b extends d {
+import { reEmitEvent as t } from "@geoscene/lumina/controllers/accessor";
+import { unsafeGetCalciteModeName as g } from "@geoscene/toolkit/dom";
+import { m } from "../../chunks/useWidget.js";
+import { d as u, g as p } from "../../chunks/component-utils.js";
+import { css as _ } from "lit";
+import { rethrowError as o } from "@geoscene/toolkit/log";
+const b = _`.geoscene-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.geoscene-widget__heading{font-size:var(--calcite-font-size-xl)}h2.geoscene-widget__heading{font-size:var(--calcite-font-size-md)}h3.geoscene-widget__heading,h4.geoscene-widget__heading,h5.geoscene-widget__heading,h6.geoscene-widget__heading{font-size:var(--calcite-font-size)}.geoscene-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)}.geoscene-widget *,.geoscene-widget :before,.geoscene-widget :after{box-sizing:inherit}.geoscene-widget.geoscene-widget--disabled>*{opacity:.4;pointer-events:none}.geoscene-widget.geoscene-widget--compact{--geoscene-widget-padding-y: 0;--geoscene-widget-padding-x: 0}.geoscene-widget__anchor{color:var(--calcite-color-text-2)}.geoscene-widget__anchor:hover{color:var(--calcite-color-text-3)}.geoscene-widget__anchor:hover,.geoscene-widget__anchor:focus{text-decoration:underline}.geoscene-widget__anchor--disabled{opacity:.4;pointer-events:none}.geoscene-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}.geoscene-widget__heading{word-break:break-word}.geoscene-widget__header .geoscene-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.geoscene-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}.geoscene-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.geoscene-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.geoscene-widget__footer-pagination-previous-button,.geoscene-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}.geoscene-widget__footer-pagination-previous-button:hover,.geoscene-widget__footer-pagination-previous-button:focus,.geoscene-widget__footer-pagination-next-button:hover,.geoscene-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.geoscene-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}.geoscene-menu .geoscene-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.geoscene-menu__list{margin:0;padding:0;list-style:none}.geoscene-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.geoscene-menu__list-item [class^=geoscene-icon-],.geoscene-menu__list-item [class*=" geoscene-icon-"]{padding-right:2.8px}.geoscene-menu__list-item:first-child{border-top:none}.geoscene-menu__list-item--focus,.geoscene-menu__list-item:hover,.geoscene-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.geoscene-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.geoscene-menu__list-item--active,.geoscene-menu__list-item--active:hover,.geoscene-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.geoscene-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.geoscene-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.geoscene-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.geoscene-widget__table tr a{color:var(--calcite-color-text-2)}.geoscene-widget__table tr a:hover,.geoscene-widget__table tr a:focus{color:var(--calcite-color-text-1)}.geoscene-widget__table tr td,.geoscene-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)}.geoscene-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.geoscene-widget__table tr td{width:50%}.geoscene-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.geoscene-input::-ms-clear{display:none}.geoscene-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.geoscene-input:placeholder-shown{text-overflow:ellipsis}.geoscene-input[type=text],.geoscene-input[type=password],.geoscene-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.geoscene-input{border:none}.geoscene-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.geoscene-widget__content--empty h1.geoscene-widget__heading,.geoscene-widget__content--empty h2.geoscene-widget__heading,.geoscene-widget__content--empty h3.geoscene-widget__heading,.geoscene-widget__content--empty h4.geoscene-widget__heading,.geoscene-widget__content--empty h5.geoscene-widget__heading{font-weight:var(--calcite-font-weight-regular)}.geoscene-widget__content-illustration--empty{width:128px;padding:1rem 0}.geoscene-widget__content-icon--empty{width:32px;padding:.5rem 0}.geoscene-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}.geoscene-select[disabled]{cursor:auto}.geoscene-select::-ms-expand{display:none}.geoscene-disabled a,.geoscene-disabled [role=menu],.geoscene-disabled [role=checkbox],.geoscene-disabled [class^=geoscene-icon-],.geoscene-disabled [class*=" geoscene-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .geoscene-widget:focus,.keynav-mode .geoscene-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.geoscene-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 geoscene-rotate;display:block;transform:translateZ(0)}:dir(rtl) .geoscene-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .geoscene-select{background-position:0}:dir(rtl) .geoscene-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .geoscene-menu__list-item [class^=geoscene-icon-],:dir(rtl) .geoscene-menu__list-item [class*=" geoscene-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .geoscene-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.geoscene-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.geoscene-rotating{animation:1.25s linear infinite geoscene-rotate;transform:translateZ(0)}.geoscene-clearfix:before,.geoscene-clearfix:after{content:" ";display:table}.geoscene-clearfix:after{clear:both}.geoscene-interactive{cursor:pointer}.geoscene-hidden{display:none!important}.geoscene-invisible{visibility:hidden!important}.geoscene-offscreen{position:absolute;top:-999em;left:-999em}.geoscene-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.geoscene-feature-table{--icon-size: 64px;flex-direction:column;width:100%;height:100%;display:flex}.geoscene-feature-table__content{overflow:hidden}.geoscene-feature-table__content calcite-pagination{justify-content:center}.geoscene-feature-table calcite-scrim>div:first-child{min-width:300px;max-width:400px;max-height:100%;position:relative}.geoscene-feature-table__collapsed{min-width:500px}.geoscene-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}.geoscene-feature-table__expanded{min-width:300px;display:flex}.geoscene-feature-table__expanded:not(:last-child){border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-text-2)}.geoscene-feature-table__expanded.geoscene-feature-table__table-container--attachments:last-child{flex:2 1 0}.geoscene-feature-table__expanded.geoscene-feature-table__table-container--attachments:last-child calcite-panel{min-width:fit-content}.geoscene-feature-table__expanded.geoscene-feature-table__table-container--attachments:last-child calcite-panel>div:first-child{flex:2 1 0}.geoscene-feature-table__expanded.geoscene-feature-table__table-container--attachments:last-child .geoscene-feature-table__collapsed{max-width:inherit}.geoscene-feature-table__table-container{flex:1 1 0;min-height:0;margin:0;padding:0;display:flex;width:100%;height:100%}.geoscene-feature-table__table-container calcite-panel>div{overflow-y:auto}.geoscene-feature-table__table-container calcite-panel div{flex:1 1 0;display:flex}.geoscene-feature-table__table-container calcite-panel div .geoscene-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}.geoscene-feature-table__table-container calcite-panel div .geoscene-feature-table__attachments-view__list__filesize{cursor:default;align-items:center;height:100%;margin-inline-end:var(--calcite-spacing-md);display:flex}.geoscene-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}.geoscene-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)}.geoscene-feature-table__table-navigation calcite-chip{--calcite-chip-close-icon-color: var(--calcite-color-text-inverse);margin-inline-end:var(--calcite-spacing-md)}.geoscene-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%}.geoscene-feature-table__table-navigation calcite-action{display:flex;overflow:hidden}.geoscene-feature-table__table-navigation div:last-child{float:inline-end;align-items:center;height:100%;margin-inline:auto 0;display:flex}.geoscene-feature-table__table-navigation calcite-action:last-child{float:inline-end;margin-inline:auto 0;display:flex}.geoscene-feature-table__attachments-view{background-color:var(--calcite-color-foreground-1);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-text-2);min-width:300px}.geoscene-feature-table__attachments-view__content{background-color:var(--calcite-color-background);padding:var(--calcite-spacing-md);flex-direction:column;justify-content:center;align-items:center;width:100%;max-height:100%;overflow-y:auto}.geoscene-feature-table__attachments-view__details,.geoscene-feature-table__attachments-view__drop-area{flex-direction:column;justify-content:center;align-items:center;width:100%}.geoscene-feature-table__attachments-view__details{padding:var(--calcite-spacing-xl);max-height:100%}.geoscene-feature-table__attachments-view__details img{display:block;padding:var(--calcite-spacing-sm);max-width:100%;max-height:100%}.geoscene-feature-table__attachments-view__details caclite-action{--calcite-action-text-color: var(--calcite-color-brand);position:sticky}.geoscene-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);text-align:center}.geoscene-feature-table__attachments-view__drop-area form{justify-content:center;display:flex}.geoscene-feature-table__attachments-view__drop-area form fieldset{border:none;display:flex;flex-direction:column;align-items:center}.geoscene-feature-table__attachments-view__drop-area form fieldset calcite-button,.geoscene-feature-table__attachments-view__drop-area form fieldset span{margin-bottom:var(--calcite-spacing-sm)}.geoscene-feature-table__attachments-view__drop-area__label{margin-bottom:var(--calcite-spacing-md);font-size:var(--calcite-font-size-md)}.geoscene-feature-table__attachments-view__drop-area__message{margin-bottom:var(--calcite-spacing-md);word-break:break-all}.geoscene-feature-table__attachments-view__icon{margin-bottom:var(--calcite-spacing-md);block-size:var(--icon-size);inline-size:var(--icon-size)}.geoscene-feature-table__attachments-view__information{padding:var(--calcite-spacing-md);flex-direction:column;max-width:200px;overflow-y:auto}.geoscene-feature-table__attachments-view__information calcite-button,.geoscene-feature-table__attachments-view__information calcite-icon,.geoscene-feature-table__attachments-view__information img{margin-block-end:var(--calcite-spacing-md)}.geoscene-feature-table__attachments-view__information__data{margin-block-end:var(--calcite-spacing-md);word-wrap:break-word;color:var(--calcite-color-text-1)}.geoscene-feature-table__attachments-view__information__label{color:var(--calcite-color-text-3);font-weight:var(--calcite-font-weight-normal)}.geoscene-feature-table__attachments-view__list-item--delete{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.geoscene-feature-table__attachments-view__list__thumbnail{margin-block:var(--calcite-spacing-sm);justify-content:center;align-items:center}.geoscene-feature-table__attachments-view__list__thumbnail span{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}.geoscene-feature-table__menu-popover calcite-list{max-width:300px;max-height:260px;overflow-y:auto}.geoscene-feature-table__dialog{--calcite-dialog-content-space: 0}.geoscene-feature-table__dialog calcite-progress{position:sticky;top:0;margin-bottom:var(--calcite-spacing-sm)}.geoscene-feature-table__dialog calcite-pagination{justify-content:center;width:100%}.geoscene-feature-table__dialog img{width:auto;max-width:100%}.geoscene-feature-table__dialog__content{display:flex;flex-direction:column;flex-grow:1;align-items:center;justify-content:center}.geoscene-feature-table__dialog__header{display:flex;flex-direction:row;gap:var(--calcite-spacing-sm);justify-content:space-between;width:100%}.geoscene-feature-table__dialog__header span{align-self:center;word-break:break-all}.geoscene-feature-table__footer__message{gap:var(--calcite-spacing-sm);margin:0 var(--calcite-spacing-md);align-items:center;display:flex}.geoscene-feature-table__footer__icon--danger{color:var(--calcite-color-status-danger)}.geoscene-feature-table__footer__icon--success{color:var(--calcite-color-status-success)}.geoscene-feature-table__layer-switcher-menu{align-items:center;display:flex}.geoscene-attachments-column__button,.geoscene-column__show-related-records-button{--calcite-offset-invert-focus: 2}.geoscene-column__show-related-records-button{height:100%;display:flex}.geoscene-attachments-column__button{overflow:hidden}.geoscene-attachments-column__button>div{display:flex;overflow:hidden}.geoscene-attachments-column__button>div>div:first-child{text-overflow:ellipsis;width:100%;margin-inline-end:var(--calcite-spacing-xxl);overflow:hidden}.geoscene-attachments-column__button>div span{align-self:center;position:absolute;inset-inline-end:var(--calcite-spacing-xxxl)}.geoscene-attachments-column__content{flex-direction:row;justify-content:space-between;width:100%;height:100%;display:flex;overflow:hidden}.geoscene-attachments-column__content>div:first-child{text-overflow:ellipsis;line-height:0;overflow:hidden}.geoscene-attachments-column__button calcite-icon,.geoscene-attachments-column__button img,.geoscene-attachments-column__content calcite-icon,.geoscene-attachments-column__content img{max-width:var(--calcite-spacing-xxl);max-height:var(--calcite-spacing-xxl);vertical-align:middle;margin-inline-end:var(--calcite-spacing-xxs);display:inline-flex}.geoscene-grid{background-color:var(--calcite-color-foreground-1);width:100%;height:100%}.geoscene-grid vaadin-grid{border-block-end:none;border-inline:none;background-color:inherit;color:inherit;font-family:inherit;font-size:var(--calcite-font-size);overflow:visible}.geoscene-grid vaadin-grid[reordering]::part(cell):after{content:normal}.geoscene-grid vaadin-grid[reordering]::part(frozen-cell),.geoscene-grid vaadin-grid[reordering]::part(frozen-to-end-cell),.geoscene-grid vaadin-grid[reordering]::part(reorder-allowed-cell){filter:brightness(.9) contrast(1.1)}.geoscene-grid vaadin-grid::part(empty-state){border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);color:var(--calcite-color-text-1)}.geoscene-grid vaadin-grid::part(cell editing){z-index:2}.geoscene-grid vaadin-grid::part(frozen-cell),.geoscene-grid vaadin-grid::part(frozen-to-end-cell){z-index:4}.geoscene-grid vaadin-grid::part(cell last-frozen-cell){overflow:visible}.geoscene-grid vaadin-grid::part(cell text-wrap){text-wrap:wrap}.geoscene-grid vaadin-grid-cell-content{box-sizing:border-box!important;align-items:center;padding:var(--calcite-spacing-xxs) var(--calcite-spacing-sm);height:100%;min-height:var(--calcite-font-line-height-fixed-3xl)}.geoscene-grid vaadin-grid::part(cell){border-inline-end:var(--calcite-border-width-sm) solid;border-color:var(--calcite-color-foreground-3);line-height:28px;color:var(--calcite-color-text-1)}.geoscene-grid vaadin-grid::part(cell):focus:after{outline-color:var(--calcite-color-brand)}.geoscene-grid vaadin-grid[overflow~=start]::part(cell last-frozen-cell){border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-text-3)}[dir=rtl].geoscene-grid vaadin-grid[overflow~=start]::part(cell last-frozen-cell){border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-text-3)}.geoscene-grid vaadin-grid[overflow~=end]::part(cell first-frozen-to-end-cell){border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-text-3)}[dir=rtl].geoscene-grid vaadin-grid[overflow~=end]::part(cell first-frozen-to-end-cell){border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-text-3)}.geoscene-grid vaadin-grid::part(body-cell){background-color:var(--calcite-color-foreground-1)}.geoscene-grid vaadin-grid::part(body-cell):hover{background-color:var(--calcite-color-foreground-2)}.geoscene-grid vaadin-grid::part(body-cell invalid){color:var(--calcite-color-text-3);font-style:italic}.geoscene-grid vaadin-grid::part(header-cell){background-color:var(--calcite-color-background)}.geoscene-grid vaadin-grid::part(header-cell invalid){font-weight:var(--calcite-font-weight-bold)}.geoscene-grid vaadin-grid[overflow~=top]::part(header-cell){border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-text-3)}.geoscene-grid 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)}.geoscene-grid vaadin-grid[overflow~=top]::part(header-cell direction){border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-brand)}.geoscene-grid vaadin-grid::part(body-cell highlight){background-color:var(--calcite-color-foreground-3)}.geoscene-grid vaadin-grid::part(body-cell pending-edit){border:var(--calcite-border-width-md) solid var(--calcite-color-status-success);background-color:color-mix(in sRGB,var(--calcite-color-status-success) 20%,var(--calcite-color-foreground-1));&:hover{background-color:color-mix(in sRGB,var(--calcite-color-status-success-hover) 20%,var(--calcite-color-foreground-1))}}.geoscene-grid vaadin-grid::part(body-cell pending-edit-invalid){border:var(--calcite-border-width-md) dashed var(--calcite-color-status-danger);background-color:color-mix(in sRGB,var(--calcite-color-status-danger) 20%,var(--calcite-color-foreground-1));font-weight:var(--calcite-font-weight-bold);&:hover{background-color:color-mix(in sRGB,var(--calcite-color-status-danger-hover) 20%,var(--calcite-color-foreground-1))}}.geoscene-grid vaadin-grid::part(body-cell pending-edit-other){cursor:not-allowed;color:var(--calcite-color-text-3)}.geoscene-grid vaadin-grid::part(selected-row-cell){background-color:color-mix(in sRGB,var(--calcite-color-brand) 10%,var(--calcite-color-foreground-1))}.geoscene-grid vaadin-grid::part(selected-row-cell):hover{background-color:color-mix(in sRGB,var(--calcite-color-brand) 20%,var(--calcite-color-foreground-1))}.geoscene-grid vaadin-checkbox{line-height:var(--calcite-font-line-height-relative-snug)}.geoscene-grid vaadin-checkbox::part(checkbox){background-color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-snug)}.geoscene-grid vaadin-checkbox[checked]::part(checkbox){background-color:var(--calcite-color-brand)}.geoscene-grid vaadin-grid-sorter[direction]::part(indicators),.geoscene-grid vaadin-grid-sorter[direction]::part(order){color:var(--calcite-color-text-1)}.geoscene-grid .geoscene-grid__content{background-color:inherit;width:100%;height:100%}.geoscene-grid .geoscene-grid__grid{width:100%;height:100%}.geoscene-grid a{color:var(--calcite-color-text-link);text-decoration:underline}.geoscene-grid a:hover,.geoscene-grid a:focus{color:var(--calcite-color-text-highlight)}.geoscene-grid .geoscene-column__content--full{width:100%;height:100%;position:absolute;top:0;left:0}.geoscene-grid .geoscene-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}.geoscene-grid .geoscene-column__header-content:has(calcite-icon:only-child){justify-content:center;align-items:center}.geoscene-grid .geoscene-column__header-content div{width:100%;flex-flow:column wrap;display:flex;overflow:hidden}.geoscene-grid .geoscene-column__header-content div span{text-overflow:ellipsis;width:100%;line-height:var(--calcite-font-line-height-fixed-xl);overflow:hidden}.geoscene-grid .geoscene-column__header-content calcite-icon{height:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxs)}.geoscene-grid .geoscene-column__header-content calcite-dropdown{float:inline-end;max-height:180px}.geoscene-grid .geoscene-column__header-content calcite-dropdown calcite-dropdown-group{max-width:200px;overflow-x:auto}.geoscene-grid .geoscene-column__header-content calcite-dropdown calcite-dropdown-group:only-of-type{max-height:180px;overflow:visible}.geoscene-grid .geoscene-column__header-content calcite-dropdown[open] calcite-dropdown-item{display:flex}.geoscene-grid .geoscene-column__header-content calcite-dropdown calcite-dropdown-item,.geoscene-grid .geoscene-column__header-content calcite-dropdown calcite-dropdown-item[hidden]{display:none}.geoscene-grid .geoscene-column__header-description{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.geoscene-grid .geoscene-column__sorter:hover{cursor:pointer}.geoscene-grid .geoscene-column__sorter,.geoscene-grid .geoscene-column__header-label{color:var(--calcite-color-text-1);flex-grow:1;align-items:center;display:flex;overflow:hidden}.geoscene-column__header-menu-icon{margin-inline-end:15px}.geoscene-column__cell-input{border:none;flex:1 1 0;width:100%;height:100%}.geoscene-column__cell__input-container{flex-direction:column;align-items:center;width:100%;display:flex}.geoscene-column__cell__input-container input,.geoscene-column__cell__input-container select{padding:0;position:absolute;top:0;left:0}.geoscene-column__cell__input-container div,.geoscene-column__cell__input-container input,.geoscene-column__cell__input-container select{width:100%;display:flex}.geoscene-column__cell__input-container calcite-action-bar{background-color:var(--calcite-color-foreground-1)}.geoscene-column__cell__input-container div:first-child{flex-direction:column}.geoscene-column__cell__input-container calcite-input-time-zone{--calcite-dropdown-width: 200px}.geoscene-column__cell__input-container calcite-input-time-picker:last-child,.geoscene-column__cell__input-container calcite-input-time-picker:nth-child(2),.geoscene-column__cell__input-container calcite-input-time-zone{margin-top:-1px}.geoscene-feature-table .geoscene-editor__prompt--danger{border-top:solid 3px var(--calcite-color-status-danger);background-color:var(--calcite-color-background);color:var(--calcite-color-text-1);flex-flow:column;max-height:85%;padding-block:var(--calcite-spacing-md);padding-inline:15px;animation:.25s ease-in-out geoscene-fade-in-up;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 1px 2px #0000004d}.geoscene-feature-table .geoscene-editor__prompt--danger .geoscene-editor__prompt__header{color:var(--calcite-color-status-danger);flex:none;align-items:center;gap:7px;margin-bottom:var(--calcite-spacing-md);display:flex}.geoscene-feature-table .geoscene-editor__prompt--danger .geoscene-editor__prompt__header__heading{color:var(--calcite-color-text-1);margin:0 3px}.geoscene-feature-table .geoscene-editor__prompt--danger .geoscene-editor__prompt__message{word-break:break-word;color:inherit;flex:auto;padding:0 0 12px;font-weight:var(--calcite-font-weight-normal);overflow:hidden auto}.geoscene-feature-table .geoscene-editor__prompt--danger .geoscene-editor__prompt__divider{color:inherit;border-color:var(--calcite-color-border-2);border-bottom-style:solid;border-bottom-width:1px;flex:none;margin:0 0 12px}.geoscene-feature-table .geoscene-editor__prompt--danger .geoscene-editor__prompt__actions{flex-direction:row;display:flex}.geoscene-feature-table .geoscene-editor__prompt--danger .geoscene-editor__prompt__half-width-button{width:50%}`, w = m(c);
+class f extends d {
   constructor() {
-    super(...arguments), this.widget = p(this), this.viewModel = this.widget.viewModel, 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.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.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.position = "manual", 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.tableDisabled = this.widget.disabled, 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.geosceneCellClick = i(() => this.widget, "cell-click"), this.geosceneCellKeydown = i(() => this.widget, "cell-keydown"), this.geosceneCellPointerout = i(() => this.widget, "cell-pointerout"), this.geosceneCellPointerover = i(() => this.widget, "cell-pointerover"), this.geosceneColumnReorder = i(() => this.widget, "column-reorder"), this.geoscenePropertyChange = h()("effectiveSize", "isQueryingOrSyncing", "layerView", "size", "state"), this.geosceneReady = l(), this.geosceneSelectionChange = l();
+    super(...arguments), this.widget = w(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.canAddRelatedFeature = this.widget.canAddRelatedFeature, 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.hasContingentValues = this.widget.hasContingentValues, this.hasInvalidPendingEdits = this.widget.hasInvalidPendingEdits, this.hasPendingEdits = this.widget.hasPendingEdits, this.hiddenFields = this.widget.hiddenFields, this.hideColumnDescriptions = this.widget.visibleElements.columnDescriptions, 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.isSyncingAttachments = this.widget.isSyncingAttachments, 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.relationship = this.widget.relationship, 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.selectionManager = this.widget.selectionManager, 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.syncViewSelection = this.widget.syncViewSelection, this.tableController = this.widget.tableController, this.tableParent = this.widget.tableParent, this.tableTemplate = this.widget.tableTemplate, this.tableTitle = this.widget.title, this.timeExtent = this.widget.timeExtent, this.timeZone = this.widget.timeZone, this.visibleColumns = this.widget.visibleColumns, this.geosceneCellClick = t(() => this.widget, "cell-click"), this.geosceneCellKeydown = t(() => this.widget, "cell-keydown"), this.geosceneCellPointerout = t(() => this.widget, "cell-pointerout"), this.geosceneCellPointerover = t(() => this.widget, "cell-pointerover"), this.geosceneColumnReorder = t(() => this.widget, "column-reorder"), this.geoscenePropertyChange = h()("effectiveSize", "isQueryingOrSyncing", "layerView", "size", "state"), this.geosceneReady = a(), this.geosceneSelectionChange = a();
   }
   static {
-    this.properties = { attachmentsColumns: 0, attributeTableTemplate: 0, actionColumn: 0, actionColumnConfig: 0, activeFilters: 0, activeSortOrders: 0, allColumns: 0, allRelatedTablesVisible: 4, allVisibleColumns: 0, attachmentsEnabled: 5, attachmentsViewOptions: 0, autoDestroyDisabled: 5, autoRefreshDisabled: 5, columnPerformanceModeDisabled: 5, columnReorderingDisabled: 5, columns: 0, definitionExpression: 1, description: 1, editingEnabled: 5, effectiveSize: 8, fieldColumns: 0, filterBySelectionEnabled: 5, filterGeometry: 0, groupColumns: 0, 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: 4, label: 1, layer: 0, layerItemId: 1, layerUrl: 1, layerView: 0, layers: 0, maxSize: 9, menuConfig: 0, multipleSelectionDisabled: 5, multipleSortEnabled: 5, multipleSortPriority: 1, navigationScale: 1, noDataMessage: 1, objectIds: 0, outFields: 0, pageCount: 8, pageIndex: 9, pageSize: 9, paginationEnabled: 5, position: 1, referenceElement: 1, relatedRecordsEnabled: 5, relatedTable: 0, relatedTables: 0, relationshipColumns: 0, returnGeometryEnabled: 5, returnMEnabled: 5, returnZEnabled: 5, rowHighlightIds: 0, size: 8, showLayerDropdown: 5, state: 3, supportsAddAttachments: 4, supportsAttachments: 4, supportsDeleteAttachments: 4, supportsResizeAttachments: 4, supportsUpdateAttachments: 4, syncTemplateOnChangesDisabled: 5, tableController: 0, tableDisabled: 5, tableParent: 0, tableTemplate: 0, timeExtent: 0, timeZone: 1, visibleColumns: 0 };
+    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, canAddRelatedFeature: 36, columnPerformanceModeDisabled: 5, columnReorderingDisabled: 5, columns: 32, definitionExpression: 1, description: 1, disabled: 7, editingEnabled: 5, effectiveSize: 40, fieldColumns: 32, filterBySelectionEnabled: 5, filterGeometry: 0, groupColumns: 32, hasContingentValues: 36, hasInvalidPendingEdits: 36, hasPendingEdits: 36, hiddenFields: 0, hideColumnDescriptions: 5, 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, isSyncingAttachments: 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, relationship: 32, relationshipColumns: 32, returnGeometryEnabled: 5, returnMEnabled: 5, returnZEnabled: 5, rowHighlightIds: 0, selectionManager: 0, size: 40, showLayerDropdown: 5, state: 32, supportsAddAttachments: 36, supportsAttachments: 36, supportsDeleteAttachments: 36, supportsResizeAttachments: 36, supportsUpdateAttachments: 36, syncTemplateOnChangesDisabled: 5, syncViewSelection: 5, tableController: 32, tableDisabled: 5, tableParent: 32, tableTemplate: 0, tableTitle: 1, timeExtent: 0, timeZone: 1, visibleColumns: 32 };
   }
   static {
-    this.shadowRootOptions = r;
+    this.styles = b;
   }
-  static {
-    this.styles = w;
+  get tableDisabled() {
+    return this.widget.disabled;
+  }
+  set tableDisabled(e) {
+    this.widget.disabled = e;
+  }
+  addPendingEdits(e) {
+    this.widget.addPendingEdits(e);
   }
   async deleteSelection(e) {
-    await this.widget?.deleteSelection(e);
+    await this.widget.deleteSelection(e);
   }
   async destroy() {
     await this.manager.destroy();
   }
+  async discardPendingEdits(e, i) {
+    return await this.widget.discardPendingEdits(e, i);
+  }
   async exportSelectionToCSV(e) {
-    await this.widget?.exportSelectionToCSV(e);
+    await this.widget.exportSelectionToCSV(e);
   }
   async findColumn(e) {
-    return this.widget?.findColumn(e);
+    return this.widget.findColumn(e);
+  }
+  async getFeatureStoreItemByObjectId(e) {
+    return this.widget.getFeatureStoreItemByObjectId(e);
   }
   async goToPage(e) {
     this.widget.goToPage(e);
   }
   async hideColumn(e) {
-    this.widget?.hideColumn(e);
+    this.widget.hideColumn(e);
   }
   async nextPage() {
     this.widget.nextPage();
@@ -49,59 +62,70 @@ class b extends d {
     this.widget.previousPage();
   }
   async refresh() {
-    await this.widget?.refresh();
+    await this.widget.refresh();
+  }
+  async refreshCellContent() {
+    this.widget.refreshCellContent();
+  }
+  async savePendingEdits() {
+    this.widget.savePendingEdits();
   }
   async scrollToBottom() {
     this.widget.scrollToBottom();
   }
   async scrollToIndex(e) {
-    this.widget?.scrollToIndex(e);
+    this.widget.scrollToIndex(e);
   }
   async scrollToLeft() {
     this.widget.scrollLeft();
   }
   async scrollToRow(e) {
-    this.widget?.scrollToRow(e);
+    this.widget.scrollToRow(e);
   }
   async scrollToTop() {
     this.widget.scrollToTop();
   }
   async showAllColumns() {
-    this.widget?.showAllColumns();
+    this.widget.showAllColumns();
   }
   async showColumn(e) {
-    this.widget?.showColumn(e);
+    this.widget.showColumn(e);
+  }
+  async sortColumn(e, i) {
+    this.widget.sortColumn(e, i);
   }
-  async sortColumn(e, t) {
-    this.widget?.sortColumn(e, t);
+  async toggleColumnVisibility(e) {
+    this.widget.toggleColumnVisibility(e);
   }
   async zoomToSelection() {
-    this.widget?.zoomToSelection();
+    this.widget.zoomToSelection();
   }
   load() {
-    this.manager.onLifecycle(() => this.widget.highlightIds.on("change", this.geosceneSelectionChange.emit));
+    this.manager.onLifecycle(() => s(() => this.widget.highlightIds, "change", this.geosceneSelectionChange.emit));
   }
   willUpdate(e) {
-    if (e.has("layerItemId") && (m(this.layerItemId) ? this.layer = null : this.layerItemId && s.fromPortalItem({
+    if (e.has("layerItemId") && (u(this.layerItemId) ? this.layer = null : this.layerItemId && r.fromPortalItem({
       portalItem: {
         id: this.layerItemId
       }
-    }).then((t) => {
-      this.layer = t;
-    }).catch(console.error)), e.has("layerUrl")) {
-      const t = this.layerUrl;
-      t ? s.fromGeoSceneServerUrl({
-        url: t
-      }).then((n) => {
-        this.layer = n;
-      }).catch(console.error) : this.layer = null;
+    }).then((i) => {
+      this.layer = i;
+    }).catch(o(this))), e.has("layerUrl")) {
+      const i = this.layerUrl;
+      i ? r.fromGeoSceneServerUrl({
+        url: i
+      }).then((l) => {
+        this.layer = l;
+      }).catch(o(this)) : this.layer = null;
     }
   }
   loaded() {
-    c(this)?.classList.add("geoscene-feature-table");
+    p(this)?.classList.add("geoscene-feature-table");
+    const e = g(this.el);
+    this.setAttribute("calcite-mode", e);
   }
 }
-o("geoscene-feature-table", b);
+n("geoscene-feature-table", f);
 export {
-  b as GeosceneFeatureTable
+  f as GeosceneFeatureTable
 };

package/dist/components/geoscene-feature-templates-legacy/customElement.d.ts

@@ -0,0 +1,224 @@
+/// <reference path="../../index.d.ts" />
+import type TemplateItem from "@geoscene/core/widgets/FeatureTemplates/TemplateItem.js";
+import type SubtypeGroupLayer from "@geoscene/core/layers/SubtypeGroupLayer.js";
+import type TemplateItemGroup from "@geoscene/core/widgets/FeatureTemplates/TemplateItemGroup.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { GeosceneReferenceElement, IconName } from "../types.js";
+import type { SelectEvent, FeatureTemplatesViewModelState } from "@geoscene/core/widgets/FeatureTemplates/FeatureTemplatesViewModel.js";
+import type { MapViewOrSceneView } from "@geoscene/core/views/MapViewOrSceneView.js";
+import type { Filter, GroupByType } from "@geoscene/core/widgets/FeatureTemplates/types.js";
+import type { HeadingLevel } from "@geoscene/core/widgets/support/types.js";
+import type { Icon } from "@geoscene/calcite-components/components/calcite-icon";
+import type { LayerWithFeatureTemplatesUnion } from "@geoscene/core/layers/types.js";
+
+/**
+ * > [!WARNING]
+ * >
+ * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
+ * >
+ * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, development should use the native component.
+ *
+ * The FeatureTemplates component is part of an editing workflow. Its main purpose is to display [FeatureLayer](https://doc.geoscene.cn/javascript/5.0/references/core/layers/FeatureLayer/) templates from one or more feature layers.
+ *
+ * @since 5.0
+ */
+export abstract class GeosceneFeatureTemplatesLegacy 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://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-feature-templates-legacy/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * A function that can be defined to disable specific
+   * [template items](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/FeatureTemplates/TemplateItem/)
+   * within the component. The function takes an object containing a
+   * [layer](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/FeatureTemplates/TemplateItem/#layer)
+   * and [template](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/FeatureTemplates/TemplateItem/#template). If the function returns `true`, the item is disabled.
+   */
+  accessor disabledItemFunction: DisabledItemFunction;
+  /**
+   * Indicates whether the list of available feature [template items](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/FeatureTemplates/TemplateItem/) should scroll within its containing element.
+   *
+   * @default false
+   */
+  accessor enableListScroll: boolean;
+  /**
+   * A defined [function](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/FeatureTemplates/types/#Filter) used to help filter
+   * [template items](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/FeatureTemplates/TemplateItem/) 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://doc.geoscene.cn/javascript/5.0/references/core/widgets/FeatureTemplates/TemplateItem/#label)
+   * property of the [template item](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/FeatureTemplates/TemplateItem/).
+   *
+   * ![featureTemplatesFilterFunction](https://doc.geoscene.cn/javascript/5.0/assets/references/core/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://doc.geoscene.cn/javascript/5.0/references/core/widgets/FeatureTemplates/TemplateItem/). 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://doc.geoscene.cn/javascript/5.0/assets/references/core/widgets/groupByLayers.png)
+   * geometry | Groups template items by geometry type. | ![FeatureTemplatesGroupByGeometry](https://doc.geoscene.cn/javascript/5.0/assets/references/core/widgets/groupByGeometry.png)
+   * none | The component displays everything in one list with no grouping. | ![featureTemplatesGroupByLayer](https://doc.geoscene.cn/javascript/5.0/assets/references/core/widgets/groupByNone.png)
+   * [GroupByFunction](https://doc.geoscene.cn/javascript/5.0/references/core/widgets/FeatureTemplates/types/#GroupByFunction) | Custom function that takes an object containing a [FeatureTemplate](https://doc.geoscene.cn/javascript/5.0/references/core/layers/support/FeatureTemplate/) and [FeatureLayer](https://doc.geoscene.cn/javascript/5.0/references/core/layers/FeatureLayer/). | ![FeatureTemplatesGroupByCustomGroupFunction](https://doc.geoscene.cn/javascript/5.0/assets/references/core/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.
+   *
+   * @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"
+   * @see [Calcite Icons](https://doc.geoscene.cn/calcite-design-system/icons/)
+   */
+  get icon(): Icon["icon"];
+  set icon(value: IconName);
+  get items(): Array<TemplateItem | TemplateItemGroup>;
+  /** The component's default label. */
+  accessor label: string;
+  /**
+   * An array of [FeatureLayers](https://doc.geoscene.cn/javascript/5.0/references/core/layers/FeatureLayer/)
+   * 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.geosceneonline.cn/geoscene/rest/services/Military/FeatureServer/2"
+   * });
+   *
+   * let militaryHostile = new FeatureLayer({
+   *   url: "http://sampleserver6.geosceneonline.cn/geoscene/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://doc.geoscene.cn/javascript/5.0/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: GeosceneReferenceElement | string | undefined;
+  get selectedItem(): TemplateItem | 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"
+   */
+  accessor selectionMode: "single" | "none" | null | undefined;
+  /**
+   * The current state of the component.
+   *
+   * @default "disabled"
+   */
+  get state(): FeatureTemplatesViewModelState;
+  /** A reference to the MapView or SceneView. */
+  accessor view: MapViewOrSceneView | null | undefined;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  /**
+   * Selects the template item to use.
+   *
+   * @param item - The template item to select.
+   */
+  select(item: null | undefined | TemplateItem): void;
+  "@setterTypes": {
+    icon?: IconName;
+  };
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly geoscenePropertyChange: import("@geoscene/lumina").TargetedEvent<this, { name: "state"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly geosceneReady: import("@geoscene/lumina").TargetedEvent<this, void>;
+  readonly geosceneSelect: import("@geoscene/lumina").TargetedEvent<this, SelectEvent>;
+  readonly "@eventTypes": {
+    geoscenePropertyChange: GeosceneFeatureTemplatesLegacy["geoscenePropertyChange"]["detail"];
+    geosceneReady: GeosceneFeatureTemplatesLegacy["geosceneReady"]["detail"];
+    geosceneSelect: GeosceneFeatureTemplatesLegacy["geosceneSelect"]["detail"];
+  };
+}
+
+/** @param params */
+export type DisabledItemFunction = (params: Pick<TemplateItem, "layer" | "template">) => boolean;

package/dist/components/geoscene-feature-templates-legacy/customElement.js

@@ -0,0 +1,30 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as i } from "../../chunks/runtime.js";
+import { usePropertyChange as t } from "@geoscene/lumina/controllers";
+import { reEmitEvent as r } from "@geoscene/lumina/controllers/accessor";
+import o from "@geoscene/core/widgets/FeatureTemplates.js";
+import { LitElement as s, createEvent as a } from "@geoscene/lumina";
+import { m as l } from "../../chunks/useWidget.js";
+import { css as n } from "lit";
+const c = n`.geoscene-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.geoscene-widget__heading{font-size:var(--calcite-font-size-xl)}h2.geoscene-widget__heading{font-size:var(--calcite-font-size-md)}h3.geoscene-widget__heading,h4.geoscene-widget__heading,h5.geoscene-widget__heading,h6.geoscene-widget__heading{font-size:var(--calcite-font-size)}.geoscene-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)}.geoscene-widget *,.geoscene-widget :before,.geoscene-widget :after{box-sizing:inherit}.geoscene-widget.geoscene-widget--disabled>*{opacity:.4;pointer-events:none}.geoscene-widget.geoscene-widget--compact{--geoscene-widget-padding-y: 0;--geoscene-widget-padding-x: 0}.geoscene-widget__anchor{color:var(--calcite-color-text-2)}.geoscene-widget__anchor:hover{color:var(--calcite-color-text-3)}.geoscene-widget__anchor:hover,.geoscene-widget__anchor:focus{text-decoration:underline}.geoscene-widget__anchor--disabled{opacity:.4;pointer-events:none}.geoscene-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}.geoscene-widget__heading{word-break:break-word}.geoscene-widget__header .geoscene-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.geoscene-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}.geoscene-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.geoscene-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.geoscene-widget__footer-pagination-previous-button,.geoscene-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}.geoscene-widget__footer-pagination-previous-button:hover,.geoscene-widget__footer-pagination-previous-button:focus,.geoscene-widget__footer-pagination-next-button:hover,.geoscene-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.geoscene-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}.geoscene-menu .geoscene-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.geoscene-menu__list{margin:0;padding:0;list-style:none}.geoscene-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.geoscene-menu__list-item [class^=geoscene-icon-],.geoscene-menu__list-item [class*=" geoscene-icon-"]{padding-right:2.8px}.geoscene-menu__list-item:first-child{border-top:none}.geoscene-menu__list-item--focus,.geoscene-menu__list-item:hover,.geoscene-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.geoscene-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.geoscene-menu__list-item--active,.geoscene-menu__list-item--active:hover,.geoscene-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.geoscene-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.geoscene-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.geoscene-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.geoscene-widget__table tr a{color:var(--calcite-color-text-2)}.geoscene-widget__table tr a:hover,.geoscene-widget__table tr a:focus{color:var(--calcite-color-text-1)}.geoscene-widget__table tr td,.geoscene-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)}.geoscene-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.geoscene-widget__table tr td{width:50%}.geoscene-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.geoscene-input::-ms-clear{display:none}.geoscene-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.geoscene-input:placeholder-shown{text-overflow:ellipsis}.geoscene-input[type=text],.geoscene-input[type=password],.geoscene-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.geoscene-input{border:none}.geoscene-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.geoscene-widget__content--empty h1.geoscene-widget__heading,.geoscene-widget__content--empty h2.geoscene-widget__heading,.geoscene-widget__content--empty h3.geoscene-widget__heading,.geoscene-widget__content--empty h4.geoscene-widget__heading,.geoscene-widget__content--empty h5.geoscene-widget__heading{font-weight:var(--calcite-font-weight-regular)}.geoscene-widget__content-illustration--empty{width:128px;padding:1rem 0}.geoscene-widget__content-icon--empty{width:32px;padding:.5rem 0}.geoscene-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}.geoscene-select[disabled]{cursor:auto}.geoscene-select::-ms-expand{display:none}.geoscene-disabled a,.geoscene-disabled [role=menu],.geoscene-disabled [role=checkbox],.geoscene-disabled [class^=geoscene-icon-],.geoscene-disabled [class*=" geoscene-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .geoscene-widget:focus,.keynav-mode .geoscene-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.geoscene-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 geoscene-rotate;display:block;transform:translateZ(0)}:dir(rtl) .geoscene-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .geoscene-select{background-position:0}:dir(rtl) .geoscene-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .geoscene-menu__list-item [class^=geoscene-icon-],:dir(rtl) .geoscene-menu__list-item [class*=" geoscene-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .geoscene-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.geoscene-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.geoscene-rotating{animation:1.25s linear infinite geoscene-rotate;transform:translateZ(0)}.geoscene-clearfix:before,.geoscene-clearfix:after{content:" ";display:table}.geoscene-clearfix:after{clear:both}.geoscene-interactive{cursor:pointer}.geoscene-hidden{display:none!important}.geoscene-invisible{visibility:hidden!important}.geoscene-offscreen{position:absolute;top:-999em;left:-999em}.geoscene-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.geoscene-item-list{width:100%}.geoscene-item-list__filter-container--sticky{z-index:1;position:sticky;top:0}.geoscene-item-list__group{margin-top:12px}.geoscene-item-list__scroller{overflow-y:auto}.geoscene-item-list__scroller{z-index:0;position:relative}.geoscene-item-list__scroller--enabled{max-height:420px}.geoscene-item-list__group__header{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-medium)}.geoscene-item-list__list-item{cursor:pointer;min-height:32px}.geoscene-item-list__list-item[class^=geoscene-icon-],.geoscene-item-list__list-item[class*=" geoscene-icon-"]{padding-inline-end:2.8px}.geoscene-item-list__list-item--disabled{cursor:default}.geoscene-item-list__list-item-icon{justify-content:center;align-items:center;min-width:32px;height:32px;display:flex}.geoscene-item-list__list-item-icon span{line-height:0}.geoscene-thumbnail-preview{background-position:50%;width:22px;height:22px}.geoscene-item-list__no-matches-message{justify-content:center;align-items:center;height:96px;display:flex}.geoscene-feature-templates{background:var(--calcite-color-background);width:100%}.geoscene-feature-templates__list-item-icon{flex:0;justify-content:center;align-items:center;width:48px;min-width:48px;display:flex}.geoscene-feature-templates__list-item-icon>div{display:flex}.geoscene-ui .geoscene-feature-templates{width:300px}.geoscene-ui .geoscene-widget .geoscene-feature-templates{width:100%}.geoscene-feature-templates .geoscene-item-list__scroller--enabled{max-height:var(--geoscene-feature-templates-max-list-height, 420px)}`, d = l(o);
+class g extends s {
+  constructor() {
+    super(...arguments), this.widget = d(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.items = this.viewModel.items, this.selectedItem = this.viewModel.selectedItem, this.view = this.viewModel.view, this.geoscenePropertyChange = t()("state"), this.geosceneReady = a(), this.geosceneSelect = r(() => this.widget, "select");
+  }
+  static {
+    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, items: 32, selectedItem: 32, view: 0 };
+  }
+  static {
+    this.styles = c;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  select(e) {
+    this.widget.select(e);
+  }
+}
+i("geoscene-feature-templates-legacy", g);
+export {
+  g as GeosceneFeatureTemplatesLegacy
+};

package/dist/components/geoscene-feature-title/customElement.d.ts

@@ -0,0 +1,32 @@
+/// <reference path="../../index.d.ts" />
+import type Graphic from "@geoscene/core/Graphic.js";
+import type FeatureLayer from "@geoscene/core/layers/FeatureLayer.js";
+import type SubtypeGroupLayer from "@geoscene/core/layers/SubtypeGroupLayer.js";
+import type SubtypeSublayer from "@geoscene/core/layers/support/SubtypeSublayer.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+
+/**
+ * The Feature Title component generates a feature title for a graphic
+ * The component can be configured to only generate a title, when the element
+ * is within the visible scope of the page.
+ *
+ * @since 5.0
+ * @internal
+ */
+export abstract class GeosceneFeatureTitle extends LitElement {
+  /** @internal */
+  protected _messages: Partial<{ noTitleLabel: string; }> & T9nMeta<{ noTitleLabel: string; }>;
+  /** The graphic to generate the swatch for. */
+  accessor graphic: Graphic | undefined;
+  /**
+   * Flag to indicate that the graphic is a new feature and may not have an OID field
+   *
+   * @default false
+   */
+  accessor isNewFeature: boolean;
+  /** The layer to which the graphic belongs. This will be used to get the title for the layer */
+  accessor layer: FeatureLayer | SubtypeGroupLayer | SubtypeSublayer | undefined;
+  /** Label to show if the feature does not have a */
+  accessor noTitleLabel: string | undefined;
+}