npm - @arcgis/map-components - Versions diffs - 5.1.0-next.9 → 5.1.0-next.90 - Mend

@arcgis/map-components 5.1.0-next.9 → 5.1.0-next.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1741) hide show

package/dist/components/arcgis-bookmarks/customElement.d.ts CHANGED Viewed

@@ -1,14 +1,11 @@
 /// <reference path="../../index.d.ts" />
 import type Bookmark from "@arcgis/core/webmap/Bookmark.js";
 import type Collection from "@arcgis/core/core/Collection.js";
-import type SceneView from "@arcgis/core/views/SceneView";
-import type MapView from "@arcgis/core/views/MapView";
+import type SceneView from "@arcgis/core/views/SceneView.js";
+import type MapView from "@arcgis/core/views/MapView.js";
 import type { ReadonlyArrayOrCollection } from "@arcgis/core/core/Collection.js";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type { ArcgisReferenceElement, IconName, HeadingLevel, GoToOverride } from "../types.js";
 import type { BookmarkOptions, BookmarkEditEvent, BookmarkSelectEvent, BookmarksState } from "./types.js";
-import type { HeadingLevel } from "../../support/heading.js";
-import type { IconName } from "../../utils/action-utils.js";
-import type { GoToOverride } from "../support/goTo.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
@@ -25,7 +22,7 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
  * To enable these features, set the following properties to `true`:
  * [showAddBookmarkButton](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#showAddBookmarkButton), [showEditBookmarkButton](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#showEditBookmarkButton), and [dragEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#dragEnabled).
  *
- * **Note:** Bookmarks are supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) only if they come from a [WebMap](https://developers.arcgis.com/javascript/latest/references/core/WebMap/#bookmarks) or are [provided manually](#bookmarks). [Presentation](https://developers.arcgis.com/javascript/latest/references/core/webscene/Presentation/) provides a similar experience for [WebScenes](https://developers.arcgis.com/javascript/latest/references/core/webscene/Presentation/).
+ * **Note:** Bookmarks are supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) only if they come from a [WebMap](https://developers.arcgis.com/javascript/latest/references/core/WebMap/#bookmarks) or are provided manually from [bookmarks](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-bookmarks/#bookmarks). [Presentation](https://developers.arcgis.com/javascript/latest/references/core/webscene/Presentation/) provides a similar experience for [WebScenes](https://developers.arcgis.com/javascript/latest/references/core/webscene/Presentation/).
  *
  * @since 4.28
  * @see [Sample - Bookmarks component](https://developers.arcgis.com/javascript/latest/sample-code/bookmarks/)
@@ -123,7 +120,7 @@ export abstract class ArcgisBookmarks extends LitElement {
   get defaultEditOptions(): BookmarkOptions;
   set defaultEditOptions(value: Partial<BookmarkOptions>);
   /**
-   * When true, the component is visually withdrawn and cannot be interacted with.
+   * When true, the component is visually withdrawn and cannot receive user interaction.
    *
    * @default false
    */
@@ -214,6 +211,7 @@ export abstract class ArcgisBookmarks extends LitElement {
    */
   accessor messageOverrides: {
       addBookmark?: string | undefined;
+      bookmarkSelected?: string | undefined;
       goToBookmark?: string | undefined;
       includeTimeExtent?: string | undefined;
       noBookmarksHeading?: string | undefined;
@@ -245,6 +243,7 @@ export abstract class ArcgisBookmarks extends LitElement {
   /** @internal */
   protected messages: Partial<{
       addBookmark: string;
+      bookmarkSelected: string;
       goToBookmark: string;
       includeTimeExtent: string;
       noBookmarksHeading: string;
@@ -274,6 +273,7 @@ export abstract class ArcgisBookmarks extends LitElement {
       save: string;
   }> & T9nMeta<{
       addBookmark: string;
+      bookmarkSelected: string;
       goToBookmark: string;
       includeTimeExtent: string;
       noBookmarksHeading: string;

package/dist/components/arcgis-bookmarks/customElement.js CHANGED Viewed

@@ -1,10 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as D } from "../../chunks/runtime.js";
-import { css as U, html as a } from "lit";
+import { c as U } from "../../chunks/runtime.js";
+import { css as C, html as a } from "lit";
 import { ref as f } from "lit/directives/ref.js";
 import { keyed as F } from "lit/directives/keyed.js";
-import C from "@arcgis/core/webmap/Bookmark.js";
-import T from "@arcgis/core/core/Collection.js";
+import D from "@arcgis/core/webmap/Bookmark.js";
+import y from "@arcgis/core/core/Collection.js";
 import b from "@arcgis/core/core/Error.js";
 import A from "@arcgis/core/webdoc/support/SlideThumbnail.js";
 import O from "@arcgis/core/Viewpoint.js";
@@ -13,19 +13,19 @@ import { LitElement as z, createEvent as x, nothing as B, safeClassMap as N } fr
 import { H as L } from "../../chunks/heading.js";
 import V from "@arcgis/core/core/Accessor.js";
 import { property as g, subclass as P } from "@arcgis/core/core/accessorSupport/decorators.js";
-import { isHTTPSProtocol as k, isDataProtocol as y } from "@arcgis/core/core/urlUtils.js";
+import { isHTTPSProtocol as _, isDataProtocol as T } from "@arcgis/core/core/urlUtils.js";
 import { c as q } from "../../chunks/goTo.js";
 import { classes as R } from "@arcgis/toolkit/dom";
 import { formatDate as S, convertDateFormatToIntlOptions as I } from "@arcgis/core/intl.js";
 import { generateGuid as H } from "@arcgis/toolkit/string";
 import { usePropertyChange as Z } from "@arcgis/lumina/controllers";
 import { u as j } from "../../chunks/useT9n.js";
-import { u as G } from "../../chunks/useView.js";
+import { u as M } from "../../chunks/useView.js";
 import { watch as $ } from "@arcgis/core/core/reactiveUtils.js";
-var M = Object.defineProperty, J = Object.getOwnPropertyDescriptor, u = (l, e, t, i) => {
+var G = Object.defineProperty, J = Object.getOwnPropertyDescriptor, u = (l, e, t, i) => {
   for (var r = i > 1 ? void 0 : i ? J(e, t) : e, o = l.length - 1, n; o >= 0; o--)
     (n = l[o]) && (r = (i ? n(e, t, r) : n(r)) || r);
-  return i && r && M(e, t, r), r;
+  return i && r && G(e, t, r), r;
 };
 let m = class extends V {
   constructor(l) {
@@ -39,7 +39,7 @@ let m = class extends V {
     if (this._customUrl)
       return this._customUrl;
     const l = this.editedBookmark?.thumbnail?.url ?? "";
-    return l ?? (k(l) ? l : null);
+    return l ?? (_(l) ? l : null);
   }
   set customUrl(l) {
     this._customUrl = l;
@@ -48,7 +48,7 @@ let m = class extends V {
     if (this._screenshotUrl)
       return this._screenshotUrl;
     const l = this.editedBookmark?.thumbnail?.url ?? "";
-    return l ?? (y(l) ? l : null);
+    return l ?? (T(l) ? l : null);
   }
   set screenshotUrl(l) {
     this._screenshotUrl = l;
@@ -63,7 +63,7 @@ let m = class extends V {
     if (this._thumbnailState)
       return this._thumbnailState;
     const l = this.editedBookmark?.thumbnail?.url;
-    return l ? k(l) ? "url" : "screenshot" : "none";
+    return l ? _(l) ? "url" : "screenshot" : "none";
   }
   set thumbnailState(l) {
     this._thumbnailState = l;
@@ -105,7 +105,7 @@ u([
 m = u([
   P("UserState")
 ], m);
-const K = U`.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__heading{word-break:break-word}.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{display:flex}.root{width:100%;overflow:hidden auto;transition:max-height .25s ease-in-out}:host([closed]) .root{display:none}.empty{display:flex;flex-flow:column wrap;align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);text-align:center;color:var(--calcite-color-text-1)}.root .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.root calcite-flow-item[loading]{min-height:150px}.loader{margin-inline-end:0}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.bookmark-image-container .bookmark-image{max-width:64px;overflow:hidden}.drag-enabled .bookmark-image-container{margin-inline-start:0}.no-bookmarks-heading{margin:0;margin-block-start:var(--calcite-spacing-md);font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-tight);font-weight:var(--calcite-font-weight-regular)}.authoring{display:flex;flex-direction:column}.authoring-image-container{display:flex;align-items:middle;justify-content:center;margin-block-end:var(--calcite-spacing-md);margin-inline-end:var(--calcite-spacing-lg);background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff;width:128px;height:128px;text-align:center}.authoring-image-container .bookmark-image{max-width:128px;max-height:128px}.form{display:flex;height:100%}.form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.bookmark-content-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.bookmark-content calcite-table{margin-inline-start:-.25rem}.bookmark-content calcite-table,.bookmark-content calcite-table-row{--calcite-table-border-color: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-table-row-background-color: transparent;pointer-events:none}`, Q = T.ofType(C), W = {
+const K = C`.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__heading{word-break:break-word}.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{display:flex}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}:host([closed]) .root{display:none}.empty{display:flex;flex-flow:column wrap;align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);text-align:center;color:var(--calcite-color-text-1)}.root .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.root calcite-flow-item[loading]{min-height:150px}.loader{margin-inline-end:0}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.bookmark-image-container .bookmark-image{max-width:64px;overflow:hidden}.drag-enabled .bookmark-image-container{margin-inline-start:0}.no-bookmarks-heading{margin:0;margin-block-start:var(--calcite-spacing-md);font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-tight);font-weight:var(--calcite-font-weight-regular)}.authoring{display:flex;flex-direction:column}.authoring-image-container{display:flex;align-items:middle;justify-content:center;margin-block-end:var(--calcite-spacing-md);margin-inline-end:var(--calcite-spacing-lg);background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff;width:128px;height:128px;text-align:center}.authoring-image-container .bookmark-image{max-width:128px;max-height:128px}.form{display:flex;height:100%}.form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.bookmark-content-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.bookmark-content calcite-table{margin-inline-start:-.25rem}.bookmark-content calcite-table,.bookmark-content calcite-table-row{--calcite-table-border-color: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-table-row-background-color: transparent;pointer-events:none}`, Q = C`.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}`, W = y.ofType(D), X = {
   width: 128,
   height: 128,
   format: "png"
@@ -116,21 +116,21 @@ const K = U`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .
   captureScale: !0,
   captureTimeExtent: !0
 };
-class X extends z {
+class Y extends z {
   constructor() {
-    super(...arguments), this._bookmarks = null, this._defaultCreateOptions = { ...E }, this._defaultEditOptions = { ...E }, this._defaultBookmarks = new Q(), this._guid = H(), this._addInputNode = null, this._editInputNode = null, this._urlEditInputNode = null, this._lastDragDetail = null, this.messages = j({}), this._storeEditFlowItemNode = (e) => {
+    super(...arguments), this._bookmarks = null, this._defaultCreateOptions = { ...E }, this._defaultEditOptions = { ...E }, this._defaultBookmarks = new W(), this._guid = H(), this._addInputNode = null, this._editInputNode = null, this._urlEditInputNode = null, this._lastDragDetail = null, this.messages = j({}), this._storeEditFlowItemNode = (e) => {
       this._editFlowItemEl = e;
     }, this._storeRootFlowItem = (e) => {
       this._rootFlowItemEl = e;
     }, this._storeAddFlowItemNode = (e) => {
       this._addFlowItemEl = e;
-    }, this._activeBookmark = null, this._userState = null, this._userCreatingBookmark = !1, this.editIncludeTimeExtent = !1, this.view = G(this), this.icon = "bookmark", this.closed = !1, this.disabled = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.showAddBookmarkButton = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showEditBookmarkButton = !1, this.showFilter = !1, this.showHeading = !1, this.hideThumbnail = !1, this.hideTime = !1, this.timeDisabled = !1, this.autoDestroyDisabled = !1, this.state = this._state, this.arcgisBookmarkEdit = x(), this.arcgisBookmarkSelect = x(), this.arcgisPropertyChange = Z()("state"), this.arcgisReady = x(), this.arcgisClose = x();
+    }, this._activeBookmark = null, this._userState = null, this._userCreatingBookmark = !1, this.editIncludeTimeExtent = !1, this.view = M(this), this.icon = "bookmark", this.closed = !1, this.disabled = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.showAddBookmarkButton = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showEditBookmarkButton = !1, this.showFilter = !1, this.showHeading = !1, this.hideThumbnail = !1, this.hideTime = !1, this.timeDisabled = !1, this.autoDestroyDisabled = !1, this.state = this._state, this.arcgisBookmarkEdit = x(), this.arcgisBookmarkSelect = x(), this.arcgisPropertyChange = Z()("state"), this.arcgisReady = x(), this.arcgisClose = x();
   }
   static {
-    this.properties = { _activeBookmark: 16, _userState: 16, _userStateValue: 16, _userValidationState: 16, _userThumbnailState: 16, _userCreatingBookmark: 16, editIncludeTimeExtent: 16, _state: 16, view: 0, referenceElement: 1, icon: 1, closed: 7, defaultCreateOptions: 0, defaultEditOptions: 0, bookmarks: [1, { type: T }], disabled: 5, dragEnabled: 5, filterPlaceholder: 1, filterText: 1, headingLevel: 9, goToOverride: 0, showAddBookmarkButton: 5, showCloseButton: 5, showCollapseButton: 5, showEditBookmarkButton: 5, showFilter: 5, showHeading: 5, hideThumbnail: 5, hideTime: 5, timeDisabled: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, state: 32 };
+    this.properties = { _bookmarkSelectedMessage: 16, _activeBookmark: 16, _userState: 16, _userStateValue: 16, _userValidationState: 16, _userThumbnailState: 16, _userCreatingBookmark: 16, editIncludeTimeExtent: 16, _state: 16, view: 0, referenceElement: 1, icon: 1, closed: 7, defaultCreateOptions: 0, defaultEditOptions: 0, bookmarks: [1, { type: y }], disabled: 5, dragEnabled: 5, filterPlaceholder: 1, filterText: 1, headingLevel: 9, goToOverride: 0, showAddBookmarkButton: 5, showCloseButton: 5, showCollapseButton: 5, showEditBookmarkButton: 5, showFilter: 5, showHeading: 5, hideThumbnail: 5, hideTime: 5, timeDisabled: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, state: 32 };
   }
   static {
-    this.styles = K;
+    this.styles = [K, Q];
   }
   get _state() {
     const { view: e } = this;
@@ -152,7 +152,7 @@ class X extends z {
     return this._bookmarks ?? this.view?.map?.bookmarks ?? this._defaultBookmarks;
   }
   set bookmarks(e) {
-    this._bookmarks = T.isCollection(e) ? e : new T(e);
+    this._bookmarks = y.isCollection(e) ? e : new y(e);
   }
   async destroy() {
     await this.manager.destroy(), this._activeBookmark = null;
@@ -168,7 +168,7 @@ class X extends z {
       });
     this._activeBookmark = e;
     const r = q({ target: i }, t, this.goToOverride), o = e?.timeExtent;
-    return !this.timeDisabled && o && (t.timeExtent = o), this.arcgisBookmarkSelect.emit({ bookmark: e }), r.catch().then(() => this._activeBookmark = null), r;
+    return !this.timeDisabled && o && (t.timeExtent = o), this.arcgisBookmarkSelect.emit({ bookmark: e }), this._bookmarkSelectedMessage = this.messages?.bookmarkSelected?.replace("{bookmarkName}", e.name), r.catch().then(() => this._activeBookmark = null), r;
   }
   loaded() {
     this.manager.onLifecycle(() => [
@@ -186,7 +186,7 @@ class X extends z {
       ...i,
       ...e
     }, d = r ? await this._createThumbnail(o) : void 0, p = !this.timeDisabled && h && t.timeExtent != null ? t.timeExtent.clone() : void 0;
-    return new C({
+    return new D({
       ...d && { thumbnail: d },
       ...h && { timeExtent: p },
       ...n && {
@@ -211,7 +211,7 @@ class X extends z {
     if (!t)
       throw new b("bookmark:invalid-view", "Cannot create slide thumbnail without a view");
     const i = await t.takeScreenshot({
-      ...W,
+      ...X,
       ...e
     });
     return new A({ url: i.dataUrl });
@@ -241,7 +241,7 @@ class X extends z {
     const { hideTime: t } = this, { timeExtent: i } = e;
     if (!i)
       return {};
-    const { start: r, end: o } = i, n = o != null && (r == null || r.getTime() !== o.getTime()), s = r ? this._formatDate(r) : "", c = r && !t ? this._formatTime(r) : "";
+    const { start: r, end: o } = i, n = o != null && r?.getTime() !== o.getTime(), s = r ? this._formatDate(r) : "", c = r && !t ? this._formatTime(r) : "";
     if (!n)
       return { startDate: s, startTime: c };
     const h = this._formatDate(o), d = t ? "" : this._formatTime(o);
@@ -251,9 +251,9 @@ class X extends z {
     const { _userState: e, _urlEditInputNode: t } = this, i = t?.value;
     if (!e?.editedBookmark || !i)
       return;
-    e.validationState = void 0, y(e.editedBookmark.thumbnail?.url ?? "") && (e.screenshotUrl = e.editedBookmark.thumbnail?.url);
+    e.validationState = void 0, T(e.editedBookmark.thumbnail?.url ?? "") && (e.screenshotUrl = e.editedBookmark.thumbnail?.url);
     const r = { url: i };
-    k(r.url) && (e.customUrl = i, e.editedBookmark.thumbnail = r);
+    _(r.url) && (e.customUrl = i, e.editedBookmark.thumbnail = r);
   }
   _getBookmarkTitle(e) {
     return (e?.name || this.messages.untitled) ?? "";
@@ -306,7 +306,7 @@ class X extends z {
   }
   _storeCurrentUrl() {
     const { _userState: e } = this, t = e?.editedBookmark?.thumbnail?.url;
-    t && (k(t) ? e.customUrl = t : y(t) && (e.screenshotUrl = t));
+    t && (_(t) ? e.customUrl = t : T(t) && (e.screenshotUrl = t));
   }
   async _handleThumbnailTypeSelect(e) {
     const { _userState: t } = this;
@@ -361,7 +361,7 @@ class X extends z {
     }
     if (t.bookmark.name = n, t.bookmark.thumbnail = t.editedBookmark.thumbnail, r || (t.bookmark.timeExtent = null), t.thumbnailState === "url" && o) {
       const c = { url: o.value };
-      if (!k(c.url)) {
+      if (!_(c.url)) {
         t.validationState = "absolute-url-required";
         return;
       }
@@ -402,7 +402,7 @@ class X extends z {
     t.insertBefore(i, t.children[r]);
   }
   render() {
-    return a`<div class="root">${this._renderBookmarksContainer()}</div>`;
+    return a`<div class="root"><div class="sr-only" aria-live=polite>${this._bookmarkSelectedMessage}</div>${this._renderBookmarksContainer()}</div>`;
   }
   _renderNoBookmarksContainer(e) {
     const { messages: t, _state: i } = this;
@@ -416,7 +416,7 @@ class X extends z {
     return e ? e.toArray().map((t) => this._renderBookmark(t)) : [];
   }
   _renderBookmarksContainer() {
-    const { _state: e, bookmarks: t, dragEnabled: i, messages: r, disabled: o, filterPlaceholder: n, filterText: s, closed: c, headingLevel: h } = this, d = t.filter((_) => _ != null), w = d.length ? a`<calcite-list class="list" display-mode=flat .dragEnabled=${i} .filterEnabled=${this.showFilter} .filterPlaceholder=${n} .filterProps=${["label", "description", "metadata"]} .filterText=${s} .group=${`bookmarks-${this._guid}`} .label=${r.componentLabel ?? ""} selection-appearance=border selection-mode=none @calciteListDragEnd=${(_) => this._handleCalciteListDragEnd(_.detail)} @calciteListFilter=${(_) => this.filterText = _.currentTarget?.filterText ?? ""} @calciteListOrderChange=${(_) => this._onCalciteListOrderChange(_.detail)}>${this._renderBookmarkItems(d)}${this.showFilter ? a`<div class="filter-no-results" slot=filter-no-results><calcite-notice kind=info open width=full><div slot=message>${r.noBookmarksHeading}</div>;</calcite-notice></div>` : null}</calcite-list>` : null, v = [
+    const { _state: e, bookmarks: t, dragEnabled: i, messages: r, disabled: o, filterPlaceholder: n, filterText: s, closed: c, headingLevel: h } = this, d = t.filter((k) => k != null), w = d.length ? a`<calcite-list class="list" display-mode=flat .dragEnabled=${i} .filterEnabled=${this.showFilter} .filterPlaceholder=${n} .filterProps=${["label", "description", "metadata"]} .filterText=${s} .group=${`bookmarks-${this._guid}`} .label=${r.componentLabel ?? ""} selection-appearance=border selection-mode=none @calciteListDragEnd=${(k) => this._handleCalciteListDragEnd(k.detail)} @calciteListFilter=${(k) => this.filterText = k.currentTarget?.filterText ?? ""} @calciteListOrderChange=${(k) => this._onCalciteListOrderChange(k.detail)}>${this._renderBookmarkItems(d)}${this.showFilter ? a`<div class="filter-no-results" slot=filter-no-results><calcite-notice kind=info open width=full><div slot=message>${r.noBookmarksHeading}</div>;</calcite-notice></div>` : null}</calcite-list>` : null, v = [
       a`<calcite-flow-item .closable=${this.showCloseButton} .closed=${c} .collapsible=${this.showCollapseButton} .disabled=${o} .heading=${this.showHeading ? r.componentLabel : void 0} .headingLevel=${h} .loading=${e === "loading"} .selected=${!this._userStateValue} @calciteFlowItemClose=${this._handleClose} ${f(this._storeRootFlowItem)}>${this._renderNoBookmarksContainer(d)}${w}${this._renderAddBookmarkButton()}</calcite-flow-item>`,
       this._renderAddingBookmark(),
       this._renderEditBookmarkFlowItems()
@@ -490,7 +490,7 @@ class X extends z {
     return !this.timeDisabled && (t?.timeExtent ?? i) ? a`<div>${this._renderBookmarkTimeSwitch(e)}${this._renderEditBookmarkTimeExtent(e)}</div>` : null;
   }
   _renderEditingBookmarkImage(e) {
-    const { _userThumbnailState: t } = this, i = e.thumbnail?.url ?? "", r = k(i) ? t === "url" : y(i) ? t === "screenshot" : null;
+    const { _userThumbnailState: t } = this, i = e.thumbnail?.url ?? "", r = _(i) ? t === "url" : T(i) ? t === "screenshot" : null;
     if (r)
       return this._renderBookmarkImage(e, r);
   }
@@ -500,10 +500,12 @@ class X extends z {
   }
   _renderUpdateThumbnailButton() {
     const { hideThumbnail: e, messages: t, _userThumbnailState: i } = this;
-    return !e && i === "screenshot" ? a`<calcite-button appearance=outline class="authoring-refresh-thumbnail-button" icon-start=refresh kind=neutral @click=${() => void this._updateThumbnail()} width=full>${t.updateThumbnail}</calcite-button>` : null;
+    return !e && i === "screenshot" ? a`<calcite-button appearance=outline class="authoring-refresh-thumbnail-button" icon-start=refresh kind=neutral @click=${() => {
+      this._updateThumbnail();
+    }} width=full>${t.updateThumbnail}</calcite-button>` : null;
   }
   _renderEditingBookmarkUrlInput(e) {
-    const { messages: t, _userValidationState: i, _userThumbnailState: r } = this, o = e.thumbnail?.url ?? "", n = k(o) ? o : void 0, s = o && i === "absolute-url-required";
+    const { messages: t, _userValidationState: i, _userThumbnailState: r } = this, o = e.thumbnail?.url ?? "", n = _(o) ? o : void 0, s = o && i === "absolute-url-required";
     return r === "url" ? a`<calcite-label><calcite-input name=bookmark-thumbnail-url pattern=https://.* .placeholder=${t ? `https://<${t.imageUrlPlaceholder}>` : void 0} required title=${t.imageUrlTooltip ?? B} type=text .value=${n} @calciteInputChange=${this._handleUrlEditInputChange} @calciteInputInput=${this._handleUrlEditInputChange} ${f(this._storeUrlEditInput)}></calcite-input>${s ? a`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidImageUrl}</calcite-input-message>` : null}</calcite-label>` : null;
   }
   _renderThumbnailSelector() {
@@ -534,7 +536,7 @@ class X extends z {
     }} ${f(this._storeAddFlowItemNode)}><div class="form-content">${this._renderAddingBookmarkName()}</div>${this._renderAddingBookmarkActions()}</calcite-flow-item></form>` : null;
   }
 }
-D("arcgis-bookmarks", X);
+U("arcgis-bookmarks", Y);
 export {
-  X as ArcgisBookmarks
+  Y as ArcgisBookmarks
 };

package/dist/components/arcgis-bookmarks/types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type Bookmark from "@arcgis/core/webmap/Bookmark.js";
-import type { UserSettings } from "@arcgis/core/views/types";
+import type { UserSettings } from "@arcgis/core/views/types.js";
 /**
  * Specifies the state of the Bookmarks component.

package/dist/components/arcgis-building-discipline-tree/customElement.js CHANGED Viewed

@@ -145,10 +145,16 @@ let h = class extends m {
       E(
         () => this.layers,
         "change",
-        () => void this._onLayersChange(),
+        () => {
+          this._onLayersChange();
+        },
         {
-          onListenerAdd: () => void this._onLayersChange(),
-          onListenerRemove: () => void this._onLayersChange()
+          onListenerAdd: () => {
+            this._onLayersChange();
+          },
+          onListenerRemove: () => {
+            this._onLayersChange();
+          }
         }
       )
     ), this._onLayersChange();

package/dist/components/arcgis-building-explorer/customElement.d.ts CHANGED Viewed

@@ -2,18 +2,16 @@
 import type SceneView from "@arcgis/core/views/SceneView.js";
 import type BuildingSceneLayer from "@arcgis/core/layers/BuildingSceneLayer.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { IconName } from "../../utils/action-utils.js";
-import type { HeadingLevel } from "../../support/heading.js";
+import type { ArcgisReferenceElement, IconName, HeadingLevel } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 /**
- * The Building Explorer component is used to filter and explore the various building elements of [BuildingSceneLayers](https://developers.arcgis.com/javascript/latest/references/core/layers/BuildingSceneLayer/). BuildingSceneLayers are complex digital models of buildings and interiors and can contain thousands of building elements grouped in sublayers. Using the Building Explorer component, buildings can be filtered by [level](#level), [construction phase](#phase) or by disciplines and categories.
- * The visibility of these elements can be configured using the component's [hideLevels](#hideLevels), [hidePhases](#hidePhases) and [hideDisciplines](#hideDisciplines) properties.
+ * The Building Explorer component is used to filter and explore the various building elements of [BuildingSceneLayers](https://developers.arcgis.com/javascript/latest/references/core/layers/BuildingSceneLayer/). BuildingSceneLayers are complex digital models of buildings and interiors and can contain thousands of building elements grouped in sublayers. Using the Building Explorer component, buildings can be filtered by [level](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-building-explorer/#level), [phase](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-building-explorer/#phase) or by disciplines and categories.
+ * The visibility of these elements can be configured using the component's [hideLevels](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-building-explorer/#hideLevels), [hidePhases](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-building-explorer/#hidePhases) and [hideDisciplines](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-building-explorer/#hideDisciplines) properties.
  *
- * [![building-explorer](https://developers.arcgis.com/javascript/latest/assets/img/components/building-explorer/building-explorer.png)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-filter/)
+ * [![building-explorer](https://developers.arcgis.com/javascript/latest/assets/references/components/building-explorer/building-explorer.avif)](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-filter/)
  *
- * The [BuildingSceneLayers](https://developers.arcgis.com/javascript/latest/references/core/layers/BuildingSceneLayer/) to be explored have to be set on the [layers](#layers) property of the component. When setting multiple layers, the filters set by the Building Explorer component will be applied on all layers. The component doesn't allow the user to select between multiple layers present in a scene.
+ * The [BuildingSceneLayers](https://developers.arcgis.com/javascript/latest/references/core/layers/BuildingSceneLayer/) to be explored have to be set on the [layers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-building-explorer/#layers) property of the component. When setting multiple layers, the filters set by the Building Explorer component will be applied on all layers. The component doesn't allow the user to select between multiple layers present in a scene.
  *
  * Often, [BuildingSceneLayers](https://developers.arcgis.com/javascript/latest/references/core/layers/BuildingSceneLayer/) contain an _Overview_ [BuildingComponentSublayer](https://developers.arcgis.com/javascript/latest/references/core/layers/buildingSublayers/BuildingComponentSublayer/) that serves as an exterior shell and views the building model as a single feature. When a layer is added to the Building Explorer component, the visibility of the _Overview_ layer is turned off, so that the user can directly interact with the individual features in the _Full Model_ [BuildingGroupSublayer](https://developers.arcgis.com/javascript/latest/references/core/layers/buildingSublayers/BuildingGroupSublayer/).
  *
@@ -27,7 +25,7 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
  *
  * **Known limitations**
  *
- * Building Explorer is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
+ * Building Explorer is only supported in a 3D [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) component.
  *
  * **See also**
  *

package/dist/components/arcgis-building-explorer/customElement.js CHANGED Viewed

@@ -23,7 +23,7 @@ function O(t) {
   const e = typeof t == "string" ? t : t.id;
   return !!e && e.includes(D);
 }
-function A(t, e) {
+function S(t, e) {
   for (const i of t)
     for (const s of i.filters) {
       if (!O(s))
@@ -54,7 +54,7 @@ function te(t, e) {
   return !0;
 }
 function ie(t) {
-  const e = S(t);
+  const e = A(t);
   return e ? {
     filterExpression: e,
     // @ts-expect-error TODO: support autocasting in BuildingFilterBlock?
@@ -62,14 +62,14 @@ function ie(t) {
   } : null;
 }
 function re(t) {
-  const e = S(t);
+  const e = A(t);
   return e ? {
     filterExpression: e,
     // @ts-expect-error TODO: support autocasting in BuildingFilterBlock?
     filterMode: { type: "solid" }
   } : null;
 }
-function S(t) {
+function A(t) {
   return t.filter((e) => !!e).map((e) => `(${e})`).join(" AND ");
 }
 function V(t) {
@@ -114,7 +114,9 @@ let n = class extends z {
     super(t), w(this, x, N(!0)), w(this, b, N(void 0)), w(this, _, N(null)), w(this, m, new p()), this._state = "disabled", this._domainInfo = V([]), this._loadLayers = X(), this.layers = new p();
   }
   initialize() {
-    this.addHandles(this.layers.on("change", () => void this._onLayersChange())), this._onLayersChange();
+    this.addHandles(this.layers.on("change", () => {
+      this._onLayersChange();
+    })), this._onLayersChange();
   }
   destroy() {
     this._state = "disabled";
@@ -357,7 +359,7 @@ let f = class extends n {
     this._domainInfo = V(t);
     const e = this._valueBeforeReady;
     this._valueBeforeReady = void 0;
-    const i = e ?? A(this.layers, he(this, k));
+    const i = e ?? S(this.layers, he(this, k));
     i != null ? this.select(i) : (this.disabled = !0, this.value = this._firstValue);
   }
 };
@@ -420,7 +422,7 @@ let g = class extends n {
     this._domainInfo = V(t);
     const e = this._valueBeforeReady;
     if (this._valueBeforeReady = void 0, this.allowedValues.length > 0) {
-      const i = e ?? A(this.layers, this._parseValueFromFilter);
+      const i = e ?? S(this.layers, this._parseValueFromFilter);
       this.select(i ?? this._lastValue);
     } else
       this.clear();
@@ -549,22 +551,27 @@ class we extends J {
     e == null ? this.#t.allowedValues = null : this.#t.allowedValues = e;
   }
   get levelDisabled() {
-    return this.#e?.disabled;
+    return this.#e.disabled;
   }
   get phaseDisabled() {
-    return this.#t?.disabled;
+    return this.#t.disabled;
   }
   async destroy() {
     await this.manager.destroy();
   }
   loaded() {
     this.#e.changeEmitter = () => this.arcgisBuildingLevelChange.emit(), this.#t.changeEmitter = () => this.arcgisBuildingPhaseChange.emit(), this.manager.onLifecycle(() => [
-      M(() => ({ layers: this.#i.toArray(), filter: this.#r.filter }), ({ layers: e, filter: i }) => {
-        ee(e, i);
+      M(() => ({
+        layers: this.#i.toArray(),
+        filter: this.#r.filter,
+        levelState: this.#e.state,
+        phaseState: this.#t.state
+      }), ({ layers: e, filter: i, levelState: s, phaseState: r }) => {
+        s !== "ready" || r !== "ready" || ee(e, i);
       }, { initial: !0 }),
       M(() => this.layers, (e) => {
         this.#r.layers = new p(e);
-      })
+      }, { initial: !0 })
     ]);
   }
   render() {

package/dist/components/arcgis-building-phase-picker/customElement.js CHANGED Viewed

@@ -82,7 +82,7 @@ class x extends d {
   }
 }
 function c(t) {
-  return o(t.className, a`<calcite-action appearance=transparent class=${s(t.className)} .disabled=${t.disabled} .icon=${t.icon} icon-flip-rtl @click=${t.onClick} scale=s .text=${t.text} title=${t.text ?? p}></calcite-action>`);
+  return o(t.className, a`<calcite-action class=${s(t.className)} .disabled=${t.disabled} .icon=${t.icon} icon-flip-rtl @click=${t.onClick} scale=s .text=${t.text} title=${t.text ?? p}></calcite-action>`);
 }
 l("arcgis-building-phase-picker", x);
 export {

package/dist/components/arcgis-catalog-layer-list/customElement.d.ts CHANGED Viewed

@@ -1,13 +1,11 @@
 /// <reference path="../../index.d.ts" />
-import type ListItem from "@arcgis/core/widgets/LayerList/ListItem";
-import type Collection from "@arcgis/core/core/Collection";
+import type Collection from "@arcgis/core/core/Collection.js";
+import type ListItem from "@arcgis/core/widgets/LayerList/ListItem.js";
 import type CatalogLayer from "@arcgis/core/layers/CatalogLayer.js";
-import type Collection2 from "@arcgis/core/core/Collection.js";
-import type ListItem2 from "@arcgis/core/widgets/LayerList/ListItem.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { IconName } from "../../utils/action-utils.js";
-import type { LayerListViewModelTriggerActionEvent } from "@arcgis/core/widgets/LayerList/LayerListViewModel";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
+import type { TableSupportedLayers } from "../../utils/layer-list-utils.js";
+import type { LayerListViewModelTriggerActionEvent } from "@arcgis/core/widgets/LayerList/LayerListViewModel.js";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 import type { FilterPredicate, ListItemModifier, VisibilityAppearance } from "@arcgis/core/widgets/LayerList/types.js";
 import type { HeadingLevel } from "@arcgis/core/widgets/support/types.js";
@@ -177,6 +175,8 @@ export abstract class ArcgisCatalogLayerList extends LitElement {
    * @since 4.11
    */
   accessor label: string;
+  /** @internal */
+  accessor layerTablesEnabled: Collection<TableSupportedLayers>;
   /**
    * A function that executes each time a [ListItem](https://developers.arcgis.com/javascript/latest/references/core/widgets/LayerList/ListItem/) is created.
    * Use this function to add actions and panels to list items, and to override
@@ -216,6 +216,10 @@ export abstract class ArcgisCatalogLayerList extends LitElement {
    * ```
    */
   accessor minFilterItems: number;
+  /** @internal */
+  accessor onCatalogOpen: (item: ListItem) => void;
+  /** @internal */
+  accessor onTablesOpen: (item: ListItem) => void;
   /**
    * 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.
    *
@@ -229,7 +233,7 @@ export abstract class ArcgisCatalogLayerList extends LitElement {
    * @see [selectionMode](https://developers.arcgis.com/javascript/latest/references/core/widgets/CatalogLayerList/#selectionMode)
    * @see [catalogItems](https://developers.arcgis.com/javascript/latest/references/core/widgets/CatalogLayerList/#catalogItems)
    */
-  accessor selectedItems: Collection2<ListItem2>;
+  accessor selectedItems: Collection<ListItem>;
   /**
    * Specifies the selection mode.
    * Selected items are available in the [selectedItems](https://developers.arcgis.com/javascript/latest/references/core/widgets/CatalogLayerList/#selectedItems) property.
@@ -307,8 +311,8 @@ export abstract class ArcgisCatalogLayerList extends LitElement {
    *
    * | Value | Description | Example |
    * | ----- | ----------- | ------- |
-   * | default | Displays view icons on the far side. Icons are hidden except on hover or if they have keyboard focus. See [view-visible](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-visible&library=Calcite%20UI&query=view) and [view-hide](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-hide&library=Calcite%20UI&query=view) calcite icons. | ![visibilityAppearance-default](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/layer-list/visibilityAppearance-default.png) |
-   * | checkbox | Displays checkbox icons on the near side. See [check-square-f](https://developers.arcgis.com/calcite-design-system/icons/?icon=check-square-f&library=Calcite%20UI&query=check) and [square](https://developers.arcgis.com/calcite-design-system/icons/?icon=square&library=Calcite%20UI&query=square) calcite icons. | ![visibilityAppearance-checkbox](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/layer-list/visibilityAppearance-checkbox.png) |
+   * | default | Displays view icons on the far side. Icons are hidden except on hover or if they have keyboard focus. See [view-visible](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-visible&library=Calcite%20UI&query=view) and [view-hide](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-hide&library=Calcite%20UI&query=view) calcite icons. | ![visibilityAppearance-default](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/layer-list/visibilityAppearance-default.avif) |
+   * | checkbox | Displays checkbox icons on the near side. See [check-square-f](https://developers.arcgis.com/calcite-design-system/icons/?icon=check-square-f&library=Calcite%20UI&query=check) and [square](https://developers.arcgis.com/calcite-design-system/icons/?icon=square&library=Calcite%20UI&query=square) calcite icons. | ![visibilityAppearance-checkbox](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/layer-list/visibilityAppearance-checkbox.avif) |
    *
    * @default "default"
    * @example

package/dist/components/arcgis-catalog-layer-list/customElement.js CHANGED Viewed

@@ -10,10 +10,10 @@ import { u as n } from "../../chunks/useCloseEvent.js";
 const c = l`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media(prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media(prefers-reduced-motion:reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.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__heading{word-break:break-word}.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-catalog-layer-list{display:flex;width:100%}.esri-catalog-layer-list__filter-no-results{padding:var(--calcite-spacing-md) 15px}.esri-catalog-layer-list__item{--calcite-list-item-icon-center: 8.5px}.esri-catalog-layer-list__item-table-icon{margin-inline-end:0}.esri-catalog-layer-list__item-action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 var(--calcite-spacing-xl);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);font-size:var(--calcite-font-size)}.esri-catalog-layer-list__action-menu .esri-catalog-layer-list__action-group{display:none}.esri-catalog-layer-list__action-menu[open] .esri-catalog-layer-list__action-group{display:flex}.esri-catalog-layer-list__visible-icon{visibility:hidden}.esri-catalog-layer-list__item--active:hover>.esri-catalog-layer-list__visible-toggle>.esri-catalog-layer-list__visible-icon,.esri-catalog-layer-list__item--active:focus>.esri-catalog-layer-list__visible-toggle>.esri-catalog-layer-list__visible-icon,.esri-catalog-layer-list__item--active:focus-within>.esri-catalog-layer-list__visible-toggle>.esri-catalog-layer-list__visible-icon{visibility:visible}.esri-catalog-layer-list__status-indicator{visibility:hidden;color:var(--calcite-color-text-1);margin-inline:0}.esri-catalog-layer-list__publishing{visibility:visible;color:var(--calcite-color-transparent-tint);transform-origin:var(--calcite-list-item-icon-center) var(--calcite-list-item-icon-center);animation:2s infinite esri-catalog-layer-list__publishing-anim}.esri-catalog-layer-list__updating{visibility:visible;animation:2s infinite esri-catalog-layer-list__updating-anim}.esri-catalog-layer-list__connection-status{visibility:visible;color:var(--calcite-color-status-danger);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);margin-inline:7px}.esri-catalog-layer-list__connection-status--connected{color:var(--calcite-color-status-success-press)}.esri-catalog-layer-list__item-content-bottom{margin:var(--calcite-spacing-md) 15px}.esri-catalog-layer-list__item-content-bottom .esri-legend__service{padding:0 0 var(--calcite-spacing-md)}.esri-catalog-layer-list__item-message{margin:var(--calcite-spacing-md) 15px}@keyframes esri-catalog-layer-list__updating-anim{0%,40%{color:var(--calcite-color-foreground-1)}50%,80%{color:var(--calcite-color-brand)}to{color:var(--calcite-color-foreground-1)}}@keyframes esri-catalog-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}`, d = s(r);
 class g extends a {
   constructor() {
-    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.arcgisClose = n(this), this.view = this.widget.view, this.autoDestroyDisabled = !1, this.catalogLayer = this.widget.catalogLayer, this.closed = !1, this.collapsed = this.widget.collapsed, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minFilterItems = this.widget.minFilterItems, this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = i()("state"), this.arcgisReady = o(), this.arcgisTriggerAction = t(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.arcgisClose = n(this), this.view = this.widget.view, this.autoDestroyDisabled = !1, this.catalogLayer = this.widget.catalogLayer, this.closed = !1, this.collapsed = this.widget.collapsed, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.layerTablesEnabled = this.widget.layerTablesEnabled, this.minFilterItems = this.widget.minFilterItems, this.onCatalogOpen = this.widget.onCatalogOpen, this.onTablesOpen = this.widget.onTablesOpen, this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = i()("state"), this.arcgisReady = o(), this.arcgisTriggerAction = t(() => this.widget, "trigger-action");
   }
   static {
-    this.properties = { view: 0, autoDestroyDisabled: 5, catalogItems: 32, catalogLayer: 0, closed: 5, collapsed: 7, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideStatusIndicators: 5, icon: 1, label: 1, listItemCreatedFunction: 0, minFilterItems: 9, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 32, visibilityAppearance: 1 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, catalogItems: 32, catalogLayer: 0, closed: 5, collapsed: 7, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideStatusIndicators: 5, icon: 1, label: 1, listItemCreatedFunction: 0, layerTablesEnabled: 0, minFilterItems: 9, onCatalogOpen: 0, onTablesOpen: 0, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 32, visibilityAppearance: 1 };
   }
   static {
     this.styles = c;