@arcgis/map-components 5.2.0-next.96 → 5.2.0-next.98

package/dist/components/arcgis-layer-list-item-indicator/customElement.js

@@ -3,12 +3,12 @@ import { c as l } from "../../chunks/runtime.js";
 import { ref as p } from "lit/directives/ref.js";
 import { css as u, html as a } from "lit";
 import { usePropertyChange as m } from "@arcgis/lumina/controllers";
-import { LitElement as d, nothing as g, safeClassMap as h } from "@arcgis/lumina";
-import { f } from "../../chunks/layer-list-utils.js";
+import { LitElement as g, nothing as h, safeClassMap as d } from "@arcgis/lumina";
+import { n as f } from "../../chunks/layer-list-utils.js";
 import { c as n } from "../../chunks/css.js";
 import { classes as y } from "@arcgis/toolkit/dom";
 const b = u`:host{margin-inline:var(--calcite-space-sm)}.status-indicator{visibility:hidden}.publishing{visibility:visible;color:var(--calcite-color-text-2);transform-origin:var(--calcite-list-item-icon-center) var(--calcite-list-item-icon-center);animation:2s infinite arcgis-layer-list__publishing-anim}.updating{visibility:visible;animation:2s infinite arcgis-layer-list__updating-anim}.connection-status{visibility:visible;color:var(--calcite-color-status-warning);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl)}.connection-status--connected{color:var(--calcite-color-status-success)}@keyframes arcgis-layer-list__updating-anim{0%,40%{color:transparent}50%,80%{color:var(--calcite-color-brand)}to{color:transparent}}@keyframes arcgis-layer-list__publishing-anim{0%,20%{transform:rotate(45deg)}80%,to{transform:rotate(135deg)}}`;
-class v extends d {
+class v extends g {
   constructor() {
     super(...arguments), this.autoDestroyDisabled = !1, this.arcgisPropertyChange = m()("item", "parent");
   }
@@ -42,10 +42,10 @@ class v extends d {
   render() {
     if (!this.item)
       return null;
-    const { publishing: i } = this.item, o = "updating" in this.item && this.item.updating && !this.parent, s = "connectionStatus" in this.item ? this.item.connectionStatus : void 0, t = !!s, e = i || o || t ? f({ connectionStatus: s, publishing: i }) : "blank", { messages: c } = this, r = this.getTooltipText(i, o, s, c);
-    return a`<calcite-icon class=${h(y(n.statusIndicator, { [n.publishing]: i }, "updating" in n && { [n.updating]: o }, "connectionStatus" in n && { [n.connectionStatus]: t }, "connectionStatusConnected" in n && {
+    const i = "publishing" in this.item && this.item.publishing, o = "updating" in this.item && this.item.updating && !this.parent, s = "connectionStatus" in this.item ? this.item.connectionStatus : void 0, t = !!s, e = i || o || t ? f({ connectionStatus: s, publishing: i }) : "blank", { messages: c } = this, r = this.getTooltipText(i, o, s, c);
+    return a`<calcite-icon class=${d(y(n.statusIndicator, { [n.publishing]: i }, "updating" in n && { [n.updating]: o }, "connectionStatus" in n && { [n.connectionStatus]: t }, "connectionStatusConnected" in n && {
       [n.connectionStatusConnected]: t && s === "connected"
-    }))} title=${c?.connectionStatus ?? g} .icon=${e} scale=s ${p(this._setIconEl)}></calcite-icon>${this._iconEl ? a`<calcite-tooltip placement=top .referenceElement=${this._iconEl}>${r}</calcite-tooltip>` : null}`;
+    }))} title=${c?.connectionStatus ?? h} .icon=${e} scale=s ${p(this._setIconEl)}></calcite-icon>${this._iconEl ? a`<calcite-tooltip placement=top .referenceElement=${this._iconEl}>${r}</calcite-tooltip>` : null}`;
   }
 }
 l("arcgis-layer-list-item-indicator", v);

package/dist/components/arcgis-layer-list-item-panel/customElement.js

@@ -1,23 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as a } from "../../chunks/runtime.js";
-import { css as n, html as s } from "lit";
-import { usePropertyChange as l } from "@arcgis/lumina/controllers";
-import { i as c } from "../../chunks/layer-list-utils.js";
-import { LitElement as d, renderElement as p } from "@arcgis/lumina";
-const g = n`@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-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{width:100%;div{width:100%}}arcgis-legend{--calcite-color-foreground-1: var(--calcite-color-transparent);--calcite-color-text-2: var(--arcgis-internal-layer-list-legend-color-text);width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;overflow-y:auto}`;
-class m extends d {
+import { c as n } from "../../chunks/runtime.js";
+import { css as s, html as l } from "lit";
+import { usePropertyChange as c } from "@arcgis/lumina/controllers";
+import { o as d } from "../../chunks/layer-list-utils.js";
+import { LitElement as p, renderElement as g } from "@arcgis/lumina";
+import { i as a, c as m } from "../../chunks/utils2.js";
+const f = s`@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-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{width:100%;div{width:100%}}arcgis-legend{--calcite-color-foreground-1: var(--calcite-color-transparent);--calcite-color-text-2: var(--arcgis-internal-layer-list-legend-color-text);width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;overflow-y:auto}`;
+class h extends p {
   constructor() {
-    super(...arguments), this._disabled = null, this.content = this.item?.panel.content, this.listItem = this.item?.panel.listItem ?? this.item, this.autoDestroyDisabled = !1, this.arcgisPropertyChange = l()("listItem");
+    super(...arguments), this._disabled = null, this.content = this.item?.panel.content, this.listItem = this.item?.panel.listItem ?? this.item, this.autoDestroyDisabled = !1, this.arcgisPropertyChange = c()("listItem");
   }
   static {
     this.properties = { _canCreateLegend: 16, _legendLayerInfo: 16, content: 1, item: 0, disabled: 5, listItem: 0, view: 0, autoDestroyDisabled: 5 };
   }
   static {
-    this.styles = g;
+    this.styles = f;
   }
   get _canCreateLegend() {
     const { content: e, listItem: t } = this.item?.panel ?? {};
-    if (!t)
+    if (!t || a(t))
       return !1;
     const i = "legend";
     return e === i ? !0 : e != null && (Array.isArray(e) ? e.includes(i) : !1);
@@ -26,7 +27,7 @@ class m extends d {
     const e = this.item?.panel?.listItem?.layer;
     if (!e || e.type === "subtype-sublayer")
       return null;
-    const t = c(e) ? e : null, i = t?.source?.type === "map-layer" ? t.source : null, r = "layer" in e && e.layer, o = "";
+    const t = d(e) ? e : null, i = t?.source?.type === "map-layer" ? t.source : null, r = "layer" in e && e.layer, o = "";
     return i && r ? {
       layer: r,
       // checked above
@@ -54,7 +55,7 @@ class m extends d {
     this._canCreateLegend && (this._legendElement || (this._legendElement = this._createLegendElement()));
   }
   _createLegendElement() {
-    return p(s`<arcgis-legend .view=${this.view} @arcgisReady=${(e) => e.stopPropagation()} .layerInfos=${this._legendLayerInfo ? [this._legendLayerInfo] : []}></arcgis-legend>`);
+    return g(l`<arcgis-legend .view=${this.view} @arcgisReady=${(e) => e.stopPropagation()} .layerInfos=${this._legendLayerInfo ? [this._legendLayerInfo] : []}></arcgis-legend>`);
   }
   render() {
     return this._renderContents();
@@ -64,11 +65,14 @@ class m extends d {
     return !e || t || !this.item?.panel?.open ? null : e === "legend" ? (this._legendElement || this._loadLegend(), this._legendElement) : e instanceof HTMLElement || typeof e == "string" ? e : null;
   }
   _renderContents() {
-    const { content: e, open: t } = this.item?.panel ?? {};
-    return t ? Array.isArray(e) ? e.map((i) => this._renderContent(i)) : this._renderContent(e) : null;
+    const { open: e } = this.item?.panel ?? {};
+    if (!e)
+      return null;
+    const t = a(this.item) ? m(this.item.panel.content) : this.item?.panel?.content;
+    return Array.isArray(t) ? t.map((i) => this._renderContent(i)) : this._renderContent(t);
   }
 }
-a("arcgis-layer-list-item-panel", m);
+n("arcgis-layer-list-item-panel", h);
 export {
-  m as ArcgisLayerListItemPanel
+  h as ArcgisLayerListItemPanel
 };

package/dist/components/arcgis-layer-list-next/customElement.d.ts

@@ -25,6 +25,7 @@ import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.j
  * The Layer List (next) provides a way to display a list of layers and switch on/off their visibility.
  * The [listItemCreatedFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/#listItemCreatedFunction) and the [Item](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) API provides access to each layer's properties, allows
  * the developer to configure actions related to the layer, and allows the developer to add content to the item related to the layer.
+ * Track info items can also be configured with custom panel content. Legend panel content is not supported for individual track info parts.
  *
  * > **Notes**
  * >
@@ -422,6 +423,11 @@ export abstract class ArcgisLayerListNext extends LitElement {
       tableError?: string | undefined;
       temporary?: string | undefined;
       tables?: string | undefined;
+      trackInfo?: {
+          latestObservations?: string | undefined;
+          previousObservations?: string | undefined;
+          trackLines?: string | undefined;
+      } | undefined;
       catalogLayers?: string | undefined;
       connectionStatus?: string | undefined;
       updating?: string | undefined;
@@ -450,6 +456,11 @@ export abstract class ArcgisLayerListNext extends LitElement {
       tableError: string;
       temporary: string;
       tables: string;
+      trackInfo: {
+          latestObservations: string;
+          previousObservations: string;
+          trackLines: string;
+      };
       catalogLayers: string;
       connectionStatus: string;
       updating: string;
@@ -476,6 +487,11 @@ export abstract class ArcgisLayerListNext extends LitElement {
       tableError: string;
       temporary: string;
       tables: string;
+      trackInfo: {
+          latestObservations: string;
+          previousObservations: string;
+          trackLines: string;
+      };
       catalogLayers: string;
       connectionStatus: string;
       updating: string;

package/dist/components/arcgis-layer-list-next/customElement.js

@@ -1,30 +1,31 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as R } from "../../chunks/runtime.js";
+import { c as k } from "../../chunks/runtime.js";
 import { html as h } from "lit";
 import { keyed as v } from "lit/directives/keyed.js";
-import { repeat as N } from "lit/directives/repeat.js";
-import x from "@arcgis/core/layers/list/LayerItemCollection.js";
-import { classes as B } from "@arcgis/toolkit/dom";
-import { generateGuid as k } from "@arcgis/toolkit/string";
+import { repeat as x } from "lit/directives/repeat.js";
+import B from "@arcgis/core/layers/list/LayerItemCollection.js";
+import { classes as S } from "@arcgis/toolkit/dom";
+import { generateGuid as U } from "@arcgis/toolkit/string";
 import { createRef as w, ref as b } from "lit/directives/ref.js";
-import { u as S } from "../../chunks/useT9n.js";
-import { m as U } from "../../chunks/useViewModel.js";
-import { g as $ } from "../../chunks/globalCss.js";
-import { c as y } from "../../chunks/css.js";
-import { g as m, a as F, m as G, b as H, r as V, s as j, c as q, d as z, e as J } from "../../chunks/layer-list-utils.js";
+import { u as G } from "../../chunks/useT9n.js";
+import { m as H } from "../../chunks/useViewModel.js";
+import { g as C } from "../../chunks/globalCss.js";
+import { c as I } from "../../chunks/css.js";
+import { g as m, a as F, m as V, b as j, r as M, s as q, c as z, d as J, e as K } from "../../chunks/layer-list-utils.js";
 import p from "@arcgis/core/core/Collection.js";
-import { on as C, watch as K } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as Q, createEvent as I, renderElement as M, safeClassMap as E, nothing as A } from "@arcgis/lumina";
+import { on as $, watch as A } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as Q, createEvent as y, renderElement as O, safeClassMap as E, nothing as D } from "@arcgis/lumina";
 import { usePropertyChange as W } from "@arcgis/lumina/controllers";
 import { reEmitEvent as X } from "@arcgis/lumina/controllers/accessor";
 import { u as Y } from "../../chunks/useCloseEvent.js";
-import { r as Z, A as ee } from "../../chunks/layer-list-item.js";
-import { s as te, a as se } from "../../chunks/layer-list-next.js";
+import { ArcgisLayerListItem as Z } from "./layer-list-item/customElement.js";
+import { s as ee, a as te } from "../../chunks/layer-list-next.js";
+import { i as se, h as ie, r as ae } from "../../chunks/utils2.js";
 import "../arcgis-layer-list-item-indicator/customElement.js";
-const O = "nested", ie = U(x);
-class ae extends Q {
+const P = "nested", re = H(B);
+class oe extends Q {
   constructor() {
-    super(...arguments), this._lastDragDetail = null, this._rootListRef = w(), this._layerFlowItemRef = w(), this._panelFlowItemRef = w(), this._selectedDragItemLayerUid = null, this._rootGroupUid = `operational-${k()}`, this._openedLayersController = null, this.messages = S(), this._canMove = ({ dragEl: e, fromEl: t, toEl: s }, a) => {
+    super(...arguments), this._lastDragDetail = null, this._rootListRef = w(), this._layerFlowItemRef = w(), this._panelFlowItemRef = w(), this._selectedDragItemLayerUid = null, this._rootGroupUid = `operational-${U()}`, this._openedLayersController = null, this.messages = G(), this._canMove = ({ dragEl: e, fromEl: t, toEl: s }, a) => {
       const i = a === "pull" ? this.listItemCanGiveFunction : this.listItemCanReceiveFunction, r = m(e, this.operationalItems);
       if (!r?.sortable)
         return !1;
@@ -32,8 +33,8 @@ class ae extends Q {
         selected: r,
         from: n,
         to: g
-      }, _ = o?.group, c = l?.group, D = n?.layer?.type ?? "", P = g?.layer?.type ?? "", T = /* @__PURE__ */ new Set(["map-image", "catalog", "knowledge-graph"]);
-      return _ && c && typeof i == "function" ? i(f) : L && !T.has(D) && !T.has(P) && r?.layer?.type !== "sublayer";
+      }, _ = o?.group, c = l?.group, R = n?.layer?.type ?? "", N = g?.layer?.type ?? "", T = /* @__PURE__ */ new Set(["map-image", "catalog", "knowledge-graph"]);
+      return _ && c && typeof i == "function" ? i(f) : L && !T.has(R) && !T.has(N) && r?.layer?.type !== "sublayer";
     }, this._onCatalogOpen = (e) => {
       this.openedLayers.push(e.layer?.parent);
     }, this._onTablesOpen = (e) => {
@@ -45,30 +46,30 @@ class ae extends Q {
     }, this._setActiveItem = (e) => {
       if (this.visibilityAppearance !== "default")
         return;
-      const t = Array.from(e.composedPath()).find((a) => a.classList?.contains(y.item)), s = m(t, this.operationalItems);
+      const t = Array.from(e.composedPath()).find((a) => a.classList?.contains(I.item)), s = m(t, this.operationalItems);
       this._activeItem = s;
-    }, this.viewModel = ie(this), this.arcgisClose = Y(this), this._activeItem = null, this._onTooltipReferenceChange = (e, t) => {
+    }, this.viewModel = re(this), this.arcgisClose = Y(this), this._activeItem = null, this._onTooltipReferenceChange = (e, t) => {
       t ? this._tooltipReferenceMap.set(e, t) : this._tooltipReferenceMap.delete(e);
     }, this._onSelectedDragItemLayerUidChange = (e) => {
       this._selectedDragItemLayerUid = e;
     }, this._onTriggerAction = (e, t) => {
       this.triggerAction(e, t);
-    }, this._tooltipReferenceMap = /* @__PURE__ */ new Map(), this._layerListMap = /* @__PURE__ */ new Map(), this.layerTablesEnabled = new p(["knowledge-graph"]), this.mapImageOptions = null, this.openedLayerLists = new p(), this.tileOptions = null, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.hideCatalogLayerList = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.hideStatusIndicators = !1, this.icon = "layers", this.layerTablesAvailable = new p(["knowledge-graph"]), this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.minDragEnabledItems = G, this.minFilterItems = H, this.openedLayers = new p(), this.operationalItems = this.viewModel.operationalItems, this.selectedItems = new p(), this.selectionMode = "none", this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.view = this.viewModel.view, this.visibilityAppearance = "default", this.arcgisFilterChange = I(), this.arcgisOpenedLayersChange = I(), this.arcgisPropertyChange = W()("state"), this.arcgisReady = I(), this.arcgisSelectedItemsChange = I(), this.arcgisTriggerAction = X(() => this.viewModel, "trigger-action");
+    }, this._tooltipReferenceMap = /* @__PURE__ */ new Map(), this._layerListMap = /* @__PURE__ */ new Map(), this.layerTablesEnabled = new p(["knowledge-graph"]), this.mapImageOptions = null, this.openedLayerLists = new p(), this.tileOptions = null, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.hideCatalogLayerList = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.hideStatusIndicators = !1, this.icon = "layers", this.layerTablesAvailable = new p(["knowledge-graph"]), this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.minDragEnabledItems = V, this.minFilterItems = j, this.openedLayers = new p(), this.operationalItems = this.viewModel.operationalItems, this.selectedItems = new p(), this.selectionMode = "none", this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.view = this.viewModel.view, this.visibilityAppearance = "default", this.arcgisFilterChange = y(), this.arcgisOpenedLayersChange = y(), this.arcgisPropertyChange = W()("state"), this.arcgisReady = y(), this.arcgisSelectedItemsChange = y(), this.arcgisTriggerAction = X(() => this.viewModel, "trigger-action");
   }
   static {
     this.properties = { _catalogLayerList: 16, _tableList: 16, _tooltipReferenceMap: 16, _layerListMap: 16, _totalItems: 16, _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, layerTablesEnabled: 16, mapImageOptions: 16, openedLayerLists: 16, tileOptions: 16, _renderedOpenLayerFlowItems: 16, autoDestroyDisabled: 5, catalogLayerList: 32, catalogOptions: 0, closed: 5, collapsed: 5, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, hideStatusIndicators: 5, icon: 1, knowledgeGraphOptions: 0, label: 1, layerTablesAvailable: 0, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, listModeDisabled: 5, messageOverrides: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 32, operationalItems: 0, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 32, tableList: 32, view: 0, visibilityAppearance: 1 };
   }
   static {
-    this.styles = [te, se];
+    this.styles = [ee, te];
   }
   get _totalItems() {
-    return this.viewModel.operationalItems.flatten((e) => e.children.filter((t) => t.layer?.type !== "catalog-dynamic-group")).length;
+    return this.viewModel.operationalItems.flatten((t) => t.children.filter((s) => s.layer?.type !== "catalog-dynamic-group")).length;
   }
   get _visibleItems() {
     return this.operationalItems?.filter((e) => !e.hidden && (this.showErrors || !e.error));
   }
   get _openedPanelItems() {
-    return this._visibleItems.flatten((e) => e.children).filter(({ hidden: e, panel: t }) => !e && t?.open && !t.disabled && t.flowEnabled);
+    return this._visibleItems.flatten((e) => e.children).filter((e) => !e.hidden && e.panel?.open && !e.panel.disabled && e.panel.flowEnabled && (!se(e) || ie(e)));
   }
   get _dragEnabled() {
     return this._totalItems >= this.minDragEnabledItems && this.dragEnabled;
@@ -91,12 +92,15 @@ class ae extends Q {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      C(() => this.openedLayers, "change", () => {
+      $(() => this.openedLayers, "change", () => {
         this._handleOpenedLayersChange();
       }, { initial: !0 }),
-      C(() => this.viewModel.operationalItems, "change", () => V(this.selectedItems), { initial: !0 }),
-      C(() => this.selectedItems, "change", () => this.arcgisSelectedItemsChange.emit()),
-      K(() => [this.filterPredicate, this._rootListRef.value], () => j(this._rootListRef.value, this.filterPredicate, this.operationalItems))
+      $(() => this.viewModel.operationalItems, "change", () => M(this.selectedItems), { initial: !0 }),
+      A(() => this.operationalItems.flatten((e) => e.children).map((e) => e.uid).join(","), () => {
+        M(this.selectedItems), this.requestUpdate();
+      }, { initial: !0 }),
+      $(() => this.selectedItems, "change", () => this.arcgisSelectedItemsChange.emit()),
+      A(() => [this.filterPredicate, this._rootListRef.value], () => q(this._rootListRef.value, this.filterPredicate, this.operationalItems))
     ]);
   }
   triggerAction(e, t) {
@@ -153,7 +157,7 @@ class ae extends Q {
   }
   async _createCatalogLayerList(e) {
     const { headingLevel: t, catalogOptions: s, filterPlaceholder: a, listItemCreatedFunction: i, minFilterItems: r, selectionMode: o, visibilityAppearance: l } = this;
-    return M(h`<arcgis-catalog-layer-list-next .headingLevel=${t} .filterPlaceholder=${s?.filterPlaceholder ?? a} .listItemCreatedFunction=${s?.listItemCreatedFunction ?? i} .minFilterItems=${s?.minFilterItems ?? r} .selectionMode=${s?.selectionMode ?? o} .visibilityAppearance=${s?.visibilityAppearance ?? l} .showErrors=${s?.showErrors ?? this.showErrors} .showFilter=${s?.showFilter ?? this.showFilter} .hideStatusIndicators=${s?.hideStatusIndicators ?? this.hideStatusIndicators} .showTemporaryLayerIndicators=${s?.showTemporaryLayerIndicators ?? this.showTemporaryLayerIndicators} .messageOverrides=${this.messageOverrides} @arcgisReady=${(n) => n.stopPropagation()} .catalogLayer=${e} .view=${this.view} .referenceElement=${this.referenceElement} @catalogOpen=${this._onCatalogOpen} @tablesOpen=${this._onTablesOpen}></arcgis-catalog-layer-list-next>`);
+    return O(h`<arcgis-catalog-layer-list-next .headingLevel=${t} .filterPlaceholder=${s?.filterPlaceholder ?? a} .listItemCreatedFunction=${s?.listItemCreatedFunction ?? i} .minFilterItems=${s?.minFilterItems ?? r} .selectionMode=${s?.selectionMode ?? o} .visibilityAppearance=${s?.visibilityAppearance ?? l} .showErrors=${s?.showErrors ?? this.showErrors} .showFilter=${s?.showFilter ?? this.showFilter} .hideStatusIndicators=${s?.hideStatusIndicators ?? this.hideStatusIndicators} .showTemporaryLayerIndicators=${s?.showTemporaryLayerIndicators ?? this.showTemporaryLayerIndicators} .messageOverrides=${this.messageOverrides} @arcgisReady=${(n) => n.stopPropagation()} .catalogLayer=${e} .view=${this.view} .referenceElement=${this.referenceElement} @catalogOpen=${this._onCatalogOpen} @tablesOpen=${this._onTablesOpen}></arcgis-catalog-layer-list-next>`);
   }
   _getTableListParams(e) {
     switch (e.type) {
@@ -175,14 +179,14 @@ class ae extends Q {
   }
   async _createTableList(e) {
     const { headingLevel: t, selectionMode: s, dragEnabled: a } = this, i = this._getTableListParams(e);
-    return M(h`<arcgis-table-list-next .headingLevel=${i?.headingLevel ?? t} .selectionMode=${i?.selectionMode ?? s} .dragEnabled=${i?.dragEnabled ?? a} .collapsed=${i?.collapsed} .filterPlaceholder=${i?.filterPlaceholder} .filterText=${i?.filterText} .icon=${i?.icon ?? void 0} .label=${i?.label ?? void 0} .listItemCreatedFunction=${i?.listItemCreatedFunction} .messageOverrides=${this.messageOverrides} .tables=${i?.tables} .referenceElement=${this.referenceElement} @arcgisReady=${(r) => r.stopPropagation()}></arcgis-table-list-next>`);
+    return O(h`<arcgis-table-list-next .headingLevel=${i?.headingLevel ?? t} .selectionMode=${i?.selectionMode ?? s} .dragEnabled=${i?.dragEnabled ?? a} .collapsed=${i?.collapsed} .filterPlaceholder=${i?.filterPlaceholder} .filterText=${i?.filterText} .icon=${i?.icon ?? void 0} .label=${i?.label ?? void 0} .listItemCreatedFunction=${i?.listItemCreatedFunction} .messageOverrides=${this.messageOverrides} .tables=${i?.tables} .referenceElement=${this.referenceElement} @arcgisReady=${(r) => r.stopPropagation()}></arcgis-table-list-next>`);
   }
   _handlePanelFlowItemBack(e) {
     e.open = !1;
   }
   _moveLayerFromChildList({ toEl: e, fromEl: t, dragEl: s, newIndex: a }) {
     const i = this._resolveListContainer(e), r = this._resolveListContainer(t), o = m(s, this.operationalItems), l = this._getContainerItem(i), n = this._getContainerItem(r);
-    a == null || !o || (this.viewModel.moveItem(o, n, l, a), Z(this, o.uid, (d) => this._resolveListContainer(d.parentElement) === i));
+    a == null || !o || (this.viewModel.moveItem(o, n, l, a), ae(this, o.uid, (d) => this._resolveListContainer(d.parentElement) === i));
   }
   _onCalciteListDragEnd(e) {
     const { fromEl: t, toEl: s, dragEl: a, oldIndex: i } = e;
@@ -215,12 +219,12 @@ class ae extends Q {
   _sortLayers(e, t) {
     if (e)
       if (e === this._rootListRef.value)
-        q(this.el.view?.map?.layers, t);
+        z(this.el.view?.map?.layers, t);
       else {
         const s = m(e, this.operationalItems);
         if (!s)
           return;
-        z(s, t);
+        J(s, t);
       }
   }
   _handleCalciteListChange(e) {
@@ -232,10 +236,10 @@ class ae extends Q {
   }
   render() {
     const { state: e } = this, t = {
-      [$.hidden]: e === "loading",
-      [$.disabled]: e === "disabled"
+      [C.hidden]: e === "loading",
+      [C.disabled]: e === "disabled"
     };
-    return h`<div class=${E(B($.widget, t))}>${this._visibleItems?.length ? this._renderItemTooltips() : null}${this._renderItems()}</div>`;
+    return h`<div class=${E(S(C.widget, t))}>${this._visibleItems?.length ? this._renderItemTooltips() : null}${this._renderItems()}</div>`;
   }
   _renderItemTooltip(e) {
     const { _tooltipReferenceMap: t, messages: s } = this;
@@ -254,17 +258,17 @@ class ae extends Q {
     return h`<div slot=message>${this.messages.noItemsToDisplay}</div>`;
   }
   _renderNoItems() {
-    return this.hideNoItemsNotice ? null : h`<div class=${E(y.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`;
+    return this.hideNoItemsNotice ? null : h`<div class=${E(I.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`;
   }
   _renderLayerFlowItem(e, t) {
     const { messages: s, openedLayers: a } = this, i = e.title || this.messages.untitledLayer;
-    return v(e?.uid ?? i, h`<calcite-flow-item data-layer-uid=${e?.uid ?? "" ?? A} .description=${i} .heading=${s[e.type === "catalog" ? "catalogLayers" : "tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${(r) => {
+    return v(e?.uid ?? i, h`<calcite-flow-item data-layer-uid=${e?.uid ?? "" ?? D} .description=${i} .heading=${s[e.type === "catalog" ? "catalogLayers" : "tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${(r) => {
       r.preventDefault(), a.pop(), a.at(-1) && this._layerFlowItemRef.value?.setFocus();
     }} ${b(this._layerFlowItemRef)}>${this._layerListMap.get(e)}</calcite-flow-item>`);
   }
   _renderPanelFlowItems() {
     const { _openedPanelItems: e, openedLayers: t } = this;
-    return N(e.toArray(), (a) => a.uid, (a, i) => {
+    return x(e.toArray(), (a) => a.uid, (a, i) => {
       const { panel: r, title: o } = a, l = () => this._handlePanelFlowItemBack(r);
       return h`<calcite-flow-item .description=${o} .heading=${r.title} .headingLevel=${this.headingLevel} .selected=${!t.length && i === e.length - 1} @calciteFlowItemBack=${(n) => {
         n.preventDefault(), l();
@@ -273,19 +277,19 @@ class ae extends Q {
   }
   _renderItems() {
     const { collapsed: e, _visibleItems: t, _openedPanelItems: s, _filterEnabled: a, _rootGroupUid: i, showCloseButton: r, showCollapseButton: o, showHeading: l, _dragEnabled: n, selectionMode: d, filterText: g, openedLayers: u, filterPlaceholder: L, messages: f } = this, _ = [
-      h`<calcite-flow-item .closable=${r} .closed=${this.closed} .collapsed=${e} .collapsible=${o} .heading=${l ? f.componentLabel : void 0} .headingLevel=${this.headingLevel} .selected=${!u.length && !s.length} @calciteFlowItemClose=${() => this.closed = !1}>${t?.length ? h`<calcite-list @focusin=${this._setActiveItem} @focusout=${this._clearActiveItem} .canPull=${(c) => this._canMove(c, "pull")} .canPut=${(c) => this._canMove(c, "put")} data-layer-type=${i ?? A} .displayMode=${O} .dragEnabled=${n} .filterEnabled=${a} .filterPlaceholder=${L} .filterProps=${J} .filterText=${a ? g : ""} .group=${i} .label=${f.componentLabel} @mouseleave=${this._clearActiveItem} @mouseover=${this._setActiveItem} selection-appearance=highlight .selectionMode=${d} @calciteListChange=${this._handleCalciteListChange} @calciteListFilter=${(c) => {
+      h`<calcite-flow-item .closable=${r} .closed=${this.closed} .collapsed=${e} .collapsible=${o} .heading=${l ? f.componentLabel : void 0} .headingLevel=${this.headingLevel} .selected=${!u.length && !s.length} @calciteFlowItemClose=${() => this.closed = !1}>${t?.length ? h`<calcite-list @focusin=${this._setActiveItem} @focusout=${this._clearActiveItem} .canPull=${(c) => this._canMove(c, "pull")} .canPut=${(c) => this._canMove(c, "put")} data-layer-type=${i ?? D} .displayMode=${P} .dragEnabled=${n} .filterEnabled=${a} .filterPlaceholder=${L} .filterProps=${K} .filterText=${a ? g : ""} .group=${i} .label=${f.componentLabel} @mouseleave=${this._clearActiveItem} @mouseover=${this._setActiveItem} selection-appearance=highlight .selectionMode=${d} @calciteListChange=${this._handleCalciteListChange} @calciteListFilter=${(c) => {
         this.filterText = c.currentTarget?.filterText ?? "", this.arcgisFilterChange.emit();
-      }} @calciteListOrderChange=${(c) => this._onCalciteListOrderChange(c.detail)} @calciteListDragEnd=${(c) => this._onCalciteListDragEnd(c.detail)} ${b(this._rootListRef)}>${t.toArray().map((c) => this._renderItem(c))}${a && !this.hideNoFilterResultsNotice ? h`<div class=${E(y.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>` : null}</calcite-list>` : this._renderNoItems()}</calcite-flow-item>`,
+      }} @calciteListOrderChange=${(c) => this._onCalciteListOrderChange(c.detail)} @calciteListDragEnd=${(c) => this._onCalciteListDragEnd(c.detail)} ${b(this._rootListRef)}>${t.toArray().map((c) => this._renderItem(c))}${a && !this.hideNoFilterResultsNotice ? h`<div class=${E(I.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>` : null}</calcite-list>` : this._renderNoItems()}</calcite-flow-item>`,
       this._renderPanelFlowItems(),
       this._renderedOpenLayerFlowItems
     ];
     return this.closed ? null : v("root-flow", h`<calcite-flow>${_}</calcite-flow>`);
   }
   _renderItem(e, t, s) {
-    return v(e.uid, ee({ activeItem: this._activeItem, canMove: this._canMove, css: y, displayMode: O, dragEnabled: this.dragEnabled, hideStatusIndicators: this.hideStatusIndicators, hideCatalogLayerList: this.hideCatalogLayerList, item: e, messages: this.messages, layerTablesEnabled: this.layerTablesEnabled, listModeDisabled: this.viewModel.listModeDisabled, operationalItems: this.operationalItems, parent: t, parentTitles: s, rootGroupUid: this._rootGroupUid, selectedDragItemLayerUid: this._selectedDragItemLayerUid, selectedItems: this.selectedItems, selectionMode: this.selectionMode, setCurrentActiveItem: this._setCurrentActiveItem, showTemporaryLayerIndicators: this.showTemporaryLayerIndicators, showCloseButton: this.showCloseButton, showCollapseButton: this.showCollapseButton, showErrors: this.showErrors, showHeading: this.showHeading, showFilter: this.showFilter, clearActiveItem: this._clearActiveItem, visibilityAppearance: this.visibilityAppearance, handleAction: this._onTriggerAction, handleCatalogOpen: this._onCatalogOpen, handleSelectedDragItemLayerUidChange: this._onSelectedDragItemLayerUidChange, handleTablesOpen: this._onTablesOpen, handleTooltipReferenceChange: this._onTooltipReferenceChange, view: this.view }));
+    return v(e.uid, Z({ activeItem: this._activeItem, canMove: this._canMove, css: I, displayMode: P, dragEnabled: this.dragEnabled, hideStatusIndicators: this.hideStatusIndicators, hideCatalogLayerList: this.hideCatalogLayerList, item: e, messages: this.messages, layerTablesEnabled: this.layerTablesEnabled, listModeDisabled: this.viewModel.listModeDisabled, operationalItems: this.operationalItems, parent: t, parentTitles: s, rootGroupUid: this._rootGroupUid, selectedDragItemLayerUid: this._selectedDragItemLayerUid, selectedItems: this.selectedItems, selectionMode: this.selectionMode, setCurrentActiveItem: this._setCurrentActiveItem, showTemporaryLayerIndicators: this.showTemporaryLayerIndicators, showCloseButton: this.showCloseButton, showCollapseButton: this.showCollapseButton, showErrors: this.showErrors, showHeading: this.showHeading, showFilter: this.showFilter, clearActiveItem: this._clearActiveItem, visibilityAppearance: this.visibilityAppearance, handleAction: this._onTriggerAction, handleCatalogOpen: this._onCatalogOpen, handleSelectedDragItemLayerUidChange: this._onSelectedDragItemLayerUidChange, handleTablesOpen: this._onTablesOpen, handleTooltipReferenceChange: this._onTooltipReferenceChange, view: this.view }));
   }
 }
-R("arcgis-layer-list-next", ae);
+k("arcgis-layer-list-next", oe);
 export {
-  ae as ArcgisLayerListNext
+  oe as ArcgisLayerListNext
 };

package/dist/components/arcgis-layer-list-next/layer-list-item/customElement.js

@@ -1,13 +1,137 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import "lit";
-import "lit/directives/keyed.js";
-import "@arcgis/core/layers/catalog/catalogUtils.js";
-import "@arcgis/lumina";
-import "@arcgis/toolkit/dom";
-import "lit/directives/ref.js";
-import "../../../chunks/action-utils.js";
-import "../../../chunks/layer-list-utils.js";
-import { A as L } from "../../../chunks/layer-list-item.js";
+import { html as s } from "lit";
+import { keyed as K } from "lit/directives/keyed.js";
+import { isLayerFromCatalog as Le } from "@arcgis/core/layers/catalog/catalogUtils.js";
+import { safeClassMap as r, nothing as d } from "@arcgis/lumina";
+import { classes as Q } from "@arcgis/toolkit/dom";
+import { createRef as W, ref as X } from "lit/directives/ref.js";
+import { a as Me } from "../../../chunks/action-utils.js";
+import { f as ke, i as Y, l as Ee, h as Pe, j as we, k as De, g as Oe } from "../../../chunks/layer-list-utils.js";
+import { i as Fe, g as Z, t as ee, h as te, a as Ge, F as Re, b as Ve, L as ie, f as He } from "../../../chunks/utils2.js";
+const ae = /* @__PURE__ */ new Map();
+function le(a) {
+  return a ? ae.get(a) ?? !1 : !1;
+}
+function Ue(a, e) {
+  const y = !(a.aria?.pressed ?? le(e));
+  return a.aria = { ...a.aria, pressed: y }, e && ae.set(e, y), y;
+}
+function qe(a) {
+  const { item: e, itemType: y = "layer", parent: f, hideStatusIndicators: ne, css: i, visibilityAppearance: I, hideCatalogLayerList: ce, dragEnabled: P = !1, rootGroupUid: A, listModeDisabled: se = !1, selectionMode: T, displayMode: oe, layerTablesEnabled: C, showErrors: re, parentTitles: w, selectedItems: de, activeItem: me, handleCatalogOpen: ue, handleTablesOpen: be, selectedDragItemLayerUid: ge, handleSelectedDragItemLayerUidChange: pe, handlePanelOpen: $e, messages: l, setCurrentActiveItem: D, clearActiveItem: O } = a, c = Fe(e), p = W(), S = W(), ye = y === "table" ? l.untitledTable ?? "" : l.untitledLayer ?? "", fe = c ? l.trackInfo?.[e.trackInfoType] ?? e.trackInfoType ?? "" : "", b = e.title || fe || ye || "";
+  let F = null;
+  !ne && !c && (F = s`<arcgis-layer-list-item-indicator class=${r(i.statusIndicator)} .messages=${l} .item=${e} .parent=${f} slot=content-end></arcgis-layer-list-item-indicator>`);
+  let G = null;
+  {
+    const { layer: t } = e, n = t && "persistenceEnabled" in t && (Le(t) || !t.persistenceEnabled);
+    !c && (a.showTemporaryLayerIndicators || a.showTemporaryTableIndicators) && n && (G = s`<calcite-icon class=${r(i.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${l.temporary ?? d}></calcite-icon>`);
+  }
+  let R = null;
+  if ("visible" in e && "visibleToggle" in i && I) {
+    const t = Z(f);
+    if (t !== "inherited") {
+      const n = ke({
+        visible: e.visible,
+        exclusive: t === "exclusive",
+        visibilityAppearance: I
+      }), o = I === "checkbox", m = l.layerVisibility, $ = e.title ?? e.layer?.title ?? "", g = $ ? `${m ?? ""}: ${$}` : m ?? "", v = c ? e.visible : le(e.layer?.id);
+      R = s`<calcite-action .aria=${{ pressed: v }} class=${r(i.visibleToggle)} .icon=${o ? n : void 0} .label=${g} @click=${(E) => {
+        c || Ue(E.currentTarget, e.layer?.id), ee(e, f);
+      }} .slot=${o ? "actions-start" : "actions-end"} .text=${m ?? ""} title=${m ?? d}>${o ? null : s`<calcite-icon class=${r(Q({
+        [i.visibleIcon]: t !== "exclusive" && e.visible
+      }))} .icon=${n} scale=s></calcite-icon>`}</calcite-action>`;
+    }
+  }
+  let V = null;
+  {
+    const t = e.panel;
+    t?.open && !t.disabled && !t.flowEnabled && (!c || te(e)) && (V = s`<div class=${r(i.itemContentBottom)} slot=content-bottom><arcgis-layer-list-item-panel .item=${e} .view=${a.view}></arcgis-layer-list-item-panel></div>`);
+  }
+  let H = null;
+  {
+    const t = e.panel;
+    if (t?.visible && (!c || te(e))) {
+      const { open: n, title: o, disabled: m } = t;
+      (t.content === "legend" || Array.isArray(t.content) && t.content.includes("legend")) && (t.icon = "legend");
+      const $ = {
+        icon: t.icon,
+        image: t.image ?? void 0,
+        indicator: !1
+      }, g = Me($);
+      H = s`<calcite-action .active=${n} .disabled=${m} .icon=${g} @click=${() => Ge(e, $e)} slot=actions-end .text=${o ?? ""} title=${o ?? void 0 ?? d}>${Re(i, t)}</calcite-action>`;
+    }
+  }
+  let U = null;
+  {
+    const t = e.layer, n = t?.type === "catalog-footprint", o = t?.type === "sublayer" && Y(t, "footprints");
+    !c && "itemCatalogIcon" in i && (n || o) && (U = s`<calcite-icon class=${r(i.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`);
+  }
+  let q = null;
+  {
+    const t = e.layer, n = t?.type === "catalog-dynamic-group", o = t?.type === "sublayer" && Y(t, "layers-in-view");
+    !c && "itemCatalogIcon" in i && (n || o) && (q = s`<calcite-icon class=${r(i.itemCatalogIcon)} icon=catalog-dataset scale=s slot=content-start></calcite-icon>`);
+  }
+  let j = null;
+  if ("visible" in e) {
+    const t = e.layer;
+    !c && !ce && t?.type === "catalog-dynamic-group" && (j = s`<calcite-action .disabled=${!t.visible} icon=chevron-right icon-flip-rtl @click=${() => ue?.(e)} scale=s slot=actions-end .text=${b ?? ""}></calcite-action>`);
+  }
+  let B = null, x = !1;
+  {
+    const t = e.layer;
+    if (!c && C && t)
+      switch (t.type) {
+        case "knowledge-graph":
+          x = C.includes(t.type) && "tables" in t && !!t.tables?.length;
+          break;
+        case "map-image":
+        case "tile":
+          x = C.includes(t.type) && "subtables" in t && !!t.subtables?.length;
+          break;
+      }
+    "itemTableIcon" in i && "visible" in e && "tables" in l && x && (B = K(`${e.uid}-tables`, s`<calcite-list-item class=${r(i.item)} data-layer-id=${t?.id ?? d} drag-disabled .label=${l.tables} title=${l.tables ?? d} @calciteListItemSelect=${() => be?.(e)} .value=${e}><calcite-icon class=${r(i.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`));
+  }
+  let N = null;
+  if ("children" in e) {
+    const t = [...w ?? [], e.title], { children: n, layer: o } = e, m = o?.type !== "catalog-dynamic-group" && Ee(e), $ = se ? !1 : Pe(o), g = o?.type === "group", v = !$ && !m && P && g, E = g && "sortable" in e && e.sortable, Ce = n.some((u) => "sortable" in u && u.sortable), Se = P && (m || v) && (Ce || v) && ("childrenSortable" in e && e.childrenSortable || E) && we(e), xe = m ? (n?.filter((u) => !u.hidden && (re || !u.error)).toArray() ?? []).map((u) => qe({
+      ...a,
+      item: u,
+      parent: e,
+      parentTitles: t
+    })) : null;
+    (m || v) && (N = s`<calcite-list .canPull=${(u) => a.canMove ? a.canMove(u, "pull") : !1} .canPut=${(u) => a.canMove ? a.canMove(u, "put") : !1} data-item=${e.uid ?? d} data-layer-type=${A ?? d} .displayMode=${oe} .dragEnabled=${Se} .group=${g ? A : `${A}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${T}>${xe}${B}</calcite-list>`);
+  }
+  let L = null;
+  if (!c && e.error) {
+    const t = "layerError" in l ? l.layerError : l.tableError;
+    L = s`<div class=${r(i.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${t}</div></calcite-notice></div>`;
+  } else "incompatible" in e && e.incompatible && "layerIncompatible" in l && (L = s`<div class=${r(i.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${X(S)}><div slot=message>${l.layerIncompatible}</div></calcite-notice></div>`);
+  const _ = Ve(e), M = e.actionsSections.reduce((t, n) => t + n.length, 0), z = De(_), ve = _.toArray().map((t) => s`<calcite-action-group>${t.toArray().map((n) => ie(a, n, !0))}</calcite-action-group>`), he = (t) => {
+    e.actionsOpen = t.currentTarget.open;
+  };
+  let J = null;
+  M > 1 && (J = s`<calcite-action-menu appearance=transparent .label=${l.menu ?? ""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${he}><calcite-action .aria=${{
+    expanded: e.actionsOpen ?? !1,
+    hasPopup: "true"
+  }} icon=ellipsis scale=s slot=trigger .text=${l.options ?? ""} title=${l.options ?? d}></calcite-action>${ve}</calcite-action-menu>`);
+  let k = null;
+  M === 1 && z ? k = ie(a, z, !1) : M > 1 && (k = J);
+  const Ie = c ? b : "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in l && !e.visibleAtCurrentTimeExtent ? `${b} (${l.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in l && !e.visibleAtCurrentScale ? `${b} (${l.layerInvisibleAtScale})` : b, Ae = "parent" in e && e.parent?.layer?.type === "catalog", h = e.layer, Te = !c && ("visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent);
+  return queueMicrotask(() => {
+    c || He(p.value ?? null, e, ge, pe), S.value && (a.handleTooltipReferenceChange?.(h?.uid, S.value), queueMicrotask(() => a.handleTooltipReferenceChange?.(h?.uid, null)));
+  }), K(e.uid, s`<calcite-list-item class=${r(Q(i.item, "itemActive" in i && { [i.itemActive]: me?.uid === e.uid }))} data-item=${e.uid ?? d} data-layer-id=${h?.id ?? d} .dragDisabled=${!("sortable" in e && e.sortable) || Ae} id=${(c ? void 0 : h?.uid) ?? d} .label=${b} .metadata=${{ parentTitles: w ?? [], _title: b }} .expanded=${"open" in e && e.open} .selected=${T !== "none" ? de.includes(e) : !1} title=${Ie ?? d} .unavailable=${Te} .value=${e} @focusin=${() => {
+    D?.(e), p.value?.classList.add(i.itemActive);
+  }} @focusout=${() => {
+    O?.(), p.value?.classList.remove(i.itemActive);
+  }} @mouseover=${() => {
+    D?.(e), p.value?.classList.add(i.itemActive);
+  }} @mouseleave=${() => {
+    O?.(), p.value?.classList.remove(i.itemActive);
+  }} @calciteListItemSelect=${(t) => {
+    t.target === t.currentTarget && "visible" in e && Oe(t.currentTarget, a.operationalItems) === e && T === "none" && Z(f) !== "inherited" && ee(e, f);
+  }} @calciteListItemToggle=${(t) => {
+    "open" in e && (t.stopPropagation(), e.open = t.target.expanded);
+  }} ${X(p)}>${U}${q}${F}${R}${j}${G}${N}${L}${V}${H}${k}</calcite-list-item>`);
+}
 export {
-  L as ArcgisLayerListItem
+  qe as ArcgisLayerListItem
 };

package/dist/components/arcgis-layer-list-next/types.d.ts

@@ -40,6 +40,11 @@ export type LayerListMessages = {
     tableError: string;
     temporary: string;
     tables: string;
+    trackInfo: {
+        latestObservations: string;
+        previousObservations: string;
+        trackLines: string;
+    };
     catalogLayers: string;
     connectionStatus: string;
     updating: string;

package/dist/components/arcgis-legend-card-color-ramp/customElement.js

@@ -4,7 +4,7 @@ import { css as y, html as s } from "lit";
 import { LitElement as v, safeClassMap as $, safeStyleMap as u } from "@arcgis/lumina";
 import { classes as L } from "@arcgis/toolkit/dom";
 import { r as b } from "../../chunks/svgUtils.js";
-import { a as x } from "../../chunks/utils2.js";
+import { a as x } from "../../chunks/utils3.js";
 const w = y`:host{display:flex}.layer-row{display:flex;flex:1}.color-ramp-container{justify-content:center}.symbol-container{display:flex;flex-direction:column}.interval-separators-container{text-align:center}.interval-separator{font-size:.5em}.ramp-label{margin:0 .5em;white-space:nowrap;height:25px;line-height:var(--calcite-font-line-height-fixed-xl)}`, R = 25, E = 25, _ = 100;
 class S extends v {
   constructor() {