@arcgis/map-components 5.2.0-next.24 → 5.2.0-next.25

package/dist/components/arcgis-floor-filter/customElement.js

@@ -52,7 +52,7 @@ const h = "floor-filter", v = `${h}__filter-menu`, o = {
 }, A = $`.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-button{box-sizing:border-box;cursor:pointer;white-space:normal;word-break:normal;color:var(--calcite-color-text-1);background-color:var(--calcite-color-status-info);border:var(--calcite-spacing-px) solid var(--calcite-color-status-info);justify-content:center;align-items:center;width:100%;min-height:var(--calcite-spacing-xxxl);padding:6px 7px;font-family:inherit;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out,border .125s ease-in-out;display:flex;overflow:hidden;&:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-status-info-hover);border:var(--calcite-spacing-px) solid var(--calcite-color-status-info-hover)}}.esri-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-text-2);border:1px solid var(--calcite-color-text-2)}.esri-button.esri-button--small{min-height:var(--calcite-spacing-xl);font-size:var(--calcite-font-size-sm)}.esri-button.esri-button--half{width:50%;display:inline-block}.esri-button.esri-button--third{width:33%;display:inline-block}.esri-button--secondary{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-button--tertiary{color:var(--calcite-color-brand);background-color:var(--calcite-color-transparent);border-color:var(--calcite-color-transparent)}.esri-button--tertiary:hover{color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-foreground-2);border-color:var(--calcite-color-transparent)}.esri-button--disabled{opacity:.4;pointer-events:none}.esri-button--drill-in{outline-offset:-4px;cursor:pointer;text-align:unset;background-color:var(--calcite-color-foreground-1);border:none;border-radius:2px;justify-content:space-between;align-items:center;margin:var(--calcite-spacing-md) 7px;padding:var(--calcite-spacing-md) 7px;text-decoration:none;transition:background-color .125s ease-in-out;display:flex;box-shadow:0 0 0 1px #adadad4d}.esri-button--drill-in:hover,.esri-button--drill-in:focus{background-color:var(--calcite-color-foreground-2)}.esri-button--drill-in__title{font-size:var(--calcite-font-size)}.esri-button--drill-in [class^=esri-icon-],.esri-button--drill-in [class*=" esri-icon-"]{padding:0 7px}.esri-widget--button{cursor:pointer;text-align:center;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);flex-flow:row;justify-content:center;align-items:center;width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);margin:0;padding:0;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out;display:flex;overflow:hidden}.esri-widget--button:is(calcite-button):not(:hover){--calcite-icon-color: var(--calcite-color-text-3)}.esri-widget--button:not([appearance]),.esri-widget--button[appearance=solid]{--calcite-color-foreground-3: var(--calcite-color-foreground-1)}.esri-widget--button:is(calcite-button){--calcite-offset-invert-focus: 1}.esri-widget--button calcite-loader[inline]{margin:auto}.esri-button--secondary{color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);&:hover{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-status-info);border:1px solid var(--calcite-color-status-info)}}:host{display:flex;--arcgis-internal-floor-filter-align-items: flex-start;--arcgis-internal-floor-filter-column-direction: column;--arcgis-internal-floor-filter-button-border-width: 1px 0 0;--arcgis-internal-floor-filter-button-display: flex;--arcgis-internal-floor-filter-menu-width: 300px;--arcgis-internal-floor-filter-menu-max-height: 240px;--arcgis-internal-floor-filter-levels-max-height: 156px}.floor-filter{background:0 0;border:none;flex-direction:var(--arcgis-internal-row-direction);display:flex;box-shadow:none!important}.esri-widget--button{cursor:pointer;text-align:center;color:var(--calcite-color-text-3);background:var(--calcite-color-foreground-1);flex-flow:row;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out;display:flex;overflow:hidden}.esri-widget--button-active{color:var(--calcite-color-text-highlight)!important;background:var(--calcite-color-foreground-current)!important}.floor-filter__icon-flip{transform:var(--arcgis-internal-collapse-icon-flip)}.floor-filter__position{align-items:var(--arcgis-internal-floor-filter-align-items)}.floor-filter__position .floor-filter__levels-container,.floor-filter__position .floor-filter__close-levels-button,.floor-filter__position .floor-filter__zoom-button,.floor-filter__position .floor-filter__zoom-button--levels,.floor-filter__position .floor-filter__minimize-toggle-button{border-width:var(--arcgis-internal-floor-filter-button-border-width)}.floor-filter__button-container{display:flex;flex-direction:var(--arcgis-internal-floor-filter-column-direction)}.floor-filter__layout--collapsed .floor-filter__button-container{max-width:48px}.floor-filter__layout--expanded .floor-filter__button-container{max-width:300px}.floor-filter__layout--collapsed .floor-filter__button-container .floor-filter__browse-button{border:none;width:48px;height:48px;padding:12px}.floor-filter__layout--collapsed .floor-filter__button-container .floor-filter__zoom-button{border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:48px;padding:12px}.floor-filter__layout--collapsed .floor-filter__button-container .floor-filter__zoom-button--levels{border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:32px;padding:8px 12px}.floor-filter__layout--collapsed .floor-filter__button-container .floor-filter__minimize-toggle-button{border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:32px;padding:4px 12px}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__button-info{inline-size:100%}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__browse-button{border:none;width:auto;height:48px;padding:12px}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__level-button{text-align:start;justify-content:flex-start;padding:16px}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__zoom-button{border-style:solid;border-color:var(--calcite-color-border-1);width:auto;height:48px;padding:12px}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__zoom-button--levels{border-style:solid;border-color:var(--calcite-color-border-1);width:auto;height:32px;padding:8px 12px}.floor-filter__layout--expanded .floor-filter__button-container .floor-filter__minimize-toggle-button{border-style:solid;border-color:var(--calcite-color-border-1);width:auto;height:32px;padding:4px 12px}.floor-filter__layout--expanded .floor-filter__button-info{gap:var(--calcite-spacing-sm)}.floor-filter__button-container .floor-filter__button-info{display:flex;align-items:center}.floor-filter__level-button{border:none;width:100%;height:48px}.floor-filter__levels-container{margin:unset;padding:unset;scrollbar-width:thin;border-style:solid;border-color:var(--calcite-color-border-1);width:100%;max-height:var(--arcgis-internal-floor-filter-levels-max-height);list-style-type:none;overflow:auto}.floor-filter__levels-container .esri-widget--button-active{font-weight:var(--calcite-font-weight-semibold)}.floor-filter__levels-container::-webkit-scrollbar{width:6px}.floor-filter__levels-container::-webkit-scrollbar-track{background:var(--calcite-color-text-1)}.floor-filter__levels-container::-webkit-scrollbar-thumb{background-color:var(--calcite-color-transparent-tint);border:3px solid var(--calcite-color-transparent-tint);border-radius:20px}.floor-filter__button-container{box-shadow:0 1px 2px #0000004d}.floor-filter__filter-menu{background:var(--calcite-color-foreground-1);flex-direction:column;align-items:stretch;width:var(--arcgis-internal-floor-filter-menu-width);max-height:var(--arcgis-internal-floor-filter-menu-max-height);display:flex;box-shadow:0 1px 2px #0000004d}.floor-filter__filter-menu .floor-filter__filter-menu-header{color:var(--calcite-color-text-2);flex-direction:row;align-items:stretch;height:auto;line-height:var(--calcite-font-line-height-relative-tight);display:flex;box-shadow:0 .5px var(--calcite-color-foreground-3)}.floor-filter__filter-menu-header .floor-filter__icon-close{color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;align-items:center;padding:20px 10px}.floor-filter__filter-menu .floor-filter__filter-menu-header-back{margin:unset;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;border-inline-end:1px solid var(--calcite-color-border-1);justify-content:center;align-items:center;min-width:28px;padding:20px 0;display:flex}.floor-filter__filter-menu .floor-filter__filter-menu-header-text-group{flex-direction:column;justify-content:center;padding:12px;display:flex;flex:1}.floor-filter__filter-menu .floor-filter__filter-menu-header-text{margin:unset;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:var(--calcite-font-size-md);font-style:normal;font-weight:var(--calcite-font-weight-semibold);display:-webkit-box;overflow:hidden}.floor-filter__filter-menu .floor-filter__filter-menu-header-subtext{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:var(--calcite-font-size);font-style:normal;font-weight:var(--calcite-font-weight-normal);display:-webkit-box;overflow:hidden}.floor-filter__filter-menu .floor-filter__icon-close:hover{cursor:pointer;color:var(--calcite-color-text-1);background:var(--calcite-color-foreground-2)}.floor-filter__filter-menu .floor-filter__filter-menu-search{background:var(--calcite-color-foreground-2);align-items:center;margin-top:.5px;margin-bottom:1px;padding:10px;display:flex;gap:6px;box-shadow:0 .5px var(--calcite-color-foreground-3)}.floor-filter__filter-menu-search-input{color:var(--calcite-color-text-2);background:0 0;border:none;outline:none;width:100%;font-size:var(--calcite-font-size)}.floor-filter__filter-menu .floor-filter__filter-menu-items{margin:unset;padding:unset;color:var(--calcite-color-text-2);width:100%;max-height:300px;list-style-type:none;overflow-y:auto}.floor-filter__filter-menu-site:hover,.floor-filter__filter-menu-site:focus,.floor-filter__filter-menu-facility:hover,.floor-filter__filter-menu-facility:focus,.floor-filter__level-button:focus,.floor-filter__level-button:hover,.esri-widget--button:hover,.floor-filter__filter-menu-header-back:hover{cursor:pointer;background:var(--calcite-color-foreground-2)}.floor-filter__filter-menu-site:active,.floor-filter__filter-menu-facility:active{color:var(--calcite-color-text-highlight);background-color:var(--calcite-color-foreground-current)}.floor-filter__filter-menu-site,.floor-filter__filter-menu-facility{color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1);border:none;flex-direction:row;align-items:center;gap:10px;inline-size:100%;line-height:var(--calcite-font-line-height-relative-tight);padding:18px;display:flex}.floor-filter__filter-menu-site .floor-filter__icon-left{transform:rotate(180deg)}.floor-filter__filter-menu-item-name{font-size:var(--calcite-font-size)}.floor-filter__filter-menu-item-name--selected{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);font-weight:var(--calcite-font-weight-bold)}.floor-filter__filter-menu-item-name,.floor-filter__filter-menu-item-name--selected{text-align:start;flex:1}.floor-filter__selected-item-circle{background:var(--calcite-color-brand-hover);border-radius:50%;width:4px;height:4px;margin-inline-start:-10px}.floor-filter__separator{box-shadow:none;background:0 0;border:none;width:10px}.esri-expand__content{width:max-content}.floor-filter__zoom-button,.floor-filter__zoom-button--levels,.floor-filter__minimize-toggle-button{display:var(--arcgis-internal-floor-filter-button-display)}.floor-filter__close-levels-button{background:var(--calcite-color-foreground-2);border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:48px;padding:12px}`, H = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "End", "Home"]), O = 50, j = S(L);
 class D extends T {
   constructor() {
-    super(...arguments), this.direction = B(), this.messages = N({}), this.store = E({ search: void 0 }), this.viewModel = j(this), this._activeMenu = null, this._activeMenuIndex = {
+    super(...arguments), this._direction = B(), this.messages = N({}), this.store = E({ search: void 0 }), this.viewModel = j(this), this._activeMenu = null, this._activeMenuIndex = {
       levels: -1,
       menuItems: -1
     }, this._facilitiesListNode = x(), this._levelsListNode = x(), this._sitesListNode = x(), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.facility = this.viewModel.facility, this.headingLevel = 2, this.icon = "urban-model", this.level = this.viewModel.level, this.longNames = this.viewModel.longNames, this.goToOverride = this.viewModel.goToOverride, this.site = this.viewModel.site, this.arcgisReady = F();
@@ -277,7 +277,7 @@ class D extends T {
     return c`<div class=${s(l(o.filterMenu))}>${r}${t}${n}</div>`;
   }
   _renderFacilityFilterMenu() {
-    const { site: e } = this, r = this.viewModel?.getSite(e)?.name, t = this.direction === "rtl", n = this.facility && this.viewModel?.getFacility(this.facility)?.name || this.messages.selector?.selectFacility, i = this.viewModel.hasMultipleSites ? c`<button class=${s(l(o.filterMenuHeaderBack))} @click=${this._backClicked} title=${this.messages.back ?? f} type=button><calcite-icon class=${s(l(t ? o.iconRight : o.iconLeft))} .icon=${t ? "chevron-right" : "chevron-left"}></calcite-icon></button>` : null, a = this.viewModel.hasMultipleSites ? w({ class: l(o.filterMenuHeaderSubtext), level: C(this.headingLevel), children: r }) : null, u = c`<div class=${s(l(o.filterMenuHeader))}>${i}<div class=${s(l(o.filterMenuHeaderTextGroup))}>${w({ class: l(o.filterMenuHeaderText), level: this.headingLevel, children: n })}${a}</div><button class=${s(l(o.iconClose))} @click=${this._closeClicked} title=${this.messages.close ?? f} type=button><calcite-icon icon=x></calcite-icon></button></div>`, g = this._renderSearchInput(), _ = this._renderFacilityItems();
+    const { site: e } = this, r = this.viewModel?.getSite(e)?.name, t = this._direction === "rtl", n = this.facility && this.viewModel?.getFacility(this.facility)?.name || this.messages.selector?.selectFacility, i = this.viewModel.hasMultipleSites ? c`<button class=${s(l(o.filterMenuHeaderBack))} @click=${this._backClicked} title=${this.messages.back ?? f} type=button><calcite-icon class=${s(l(t ? o.iconRight : o.iconLeft))} .icon=${t ? "chevron-right" : "chevron-left"}></calcite-icon></button>` : null, a = this.viewModel.hasMultipleSites ? w({ class: l(o.filterMenuHeaderSubtext), level: C(this.headingLevel), children: r }) : null, u = c`<div class=${s(l(o.filterMenuHeader))}>${i}<div class=${s(l(o.filterMenuHeaderTextGroup))}>${w({ class: l(o.filterMenuHeaderText), level: this.headingLevel, children: n })}${a}</div><button class=${s(l(o.iconClose))} @click=${this._closeClicked} title=${this.messages.close ?? f} type=button><calcite-icon icon=x></calcite-icon></button></div>`, g = this._renderSearchInput(), _ = this._renderFacilityItems();
     return c`<div class=${s(l(o.filterMenu))}>${u}${g}${_}</div>`;
   }
   _renderSearchInput() {
@@ -294,7 +294,7 @@ class D extends T {
     return c`<ul aria-label=${this.messages.selector?.sitesLabel ?? f} class=${s(l(o.filterMenuItems))} data-id=sites @keydown=${this._handleListKeydown} tabindex=-1 ${p(this._sitesListNode)}>${n}${i}</ul>`;
   }
   _renderSiteItem(e) {
-    const { name: r, id: t } = e, n = this.site === t, i = this.direction === "rtl";
+    const { name: r, id: t } = e, n = this.site === t, i = this._direction === "rtl";
     return c`<li><button class=${s(l(o.filterMenuSite))} data-id=${t ?? f} data-list-id=sites @click=${this._siteSelected} @focus=${this._onItemFocus} type=button>${n ? this._renderBlueCircle() : null}<span class=${s(l(n ? o.filterMenuSelectedItem : o.filterMenuItemName))}>${r}</span><calcite-icon class=${s(l(i ? o.iconLeft : o.iconRight))} icon=chevron-right scale=s></calcite-icon></button></li>`;
   }
   _renderFacilityItems() {

package/dist/components/arcgis-navigation-toggle/customElement.js

@@ -1,25 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as d } from "../../chunks/runtime.js";
-import { when as s } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as g, createEvent as h, nothing as r, safeClassMap as p } from "@arcgis/lumina";
-import { usePropertyChange as u } from "@arcgis/lumina/controllers";
-import { css as v, html as m } from "lit";
-import { u as f } from "../../chunks/useT9n.js";
-import { u as b } from "../../chunks/useView.js";
-import { g as y } from "../../chunks/globalCss.js";
-const M = v`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{display:flex;inline-size:fit-content;block-size:fit-content}.root{--calcite-internal-action-bar-padding: 0;--calcite-internal-action-bar-gap: 0;--calcite-action-corner-radius: 0}`, i = {
+import { c as u } from "../../chunks/runtime.js";
+import { ref as g } from "lit/directives/ref.js";
+import { when as p } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as v, createEvent as f, nothing as h, safeClassMap as m } from "@arcgis/lumina";
+import { useDirection as y, usePropertyChange as b } from "@arcgis/lumina/controllers";
+import { css as _, html as M } from "lit";
+import { u as A } from "../../chunks/useT9n.js";
+import { u as $ } from "../../chunks/useView.js";
+import { g as x } from "../../chunks/globalCss.js";
+import { b as w, a as R } from "../../chunks/keyboard-utils.js";
+const k = _`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{display:flex;inline-size:fit-content;block-size:fit-content}.root{--calcite-internal-action-bar-padding: 0;--calcite-internal-action-bar-gap: 0;--calcite-action-corner-radius: 0}calcite-action-group{--calcite-internal-action-group-gap: 0}`, r = {
   pan: "move",
   rotate: "rotate"
-};
-class $ extends g {
+}, d = Object.keys(r);
+class D extends v {
   constructor() {
-    super(...arguments), this._messages = f(), this._state = "disabled", this.autoDestroyDisabled = !1, this.view = b(this), this.icon = i.pan, this.layout = "vertical", this.navigationMode = "pan", this.visualScale = "m", this.arcgisPropertyChange = u()("layout", "state"), this.arcgisReady = h();
+    super(...arguments), this._messages = A(), this._actions = /* @__PURE__ */ new Map(), this._direction = y(), this._state = "disabled", this.autoDestroyDisabled = !1, this.view = $(this), this.icon = r.pan, this.layout = "vertical", this.navigationMode = "pan", this.visualScale = "m", this.arcgisPropertyChange = b()("layout", "state"), this.arcgisReady = f();
   }
   static {
-    this.properties = { _state: 16, autoDestroyDisabled: 5, view: 0, icon: 1, label: 1, layout: 3, messageOverrides: 0, navigationMode: 3, referenceElement: 1, state: 35, visualScale: 1 };
+    this.properties = { _state: 16, autoDestroyDisabled: 5, view: 0, icon: 1, label: 1, layout: 3, messageOverrides: 0, navigationMode: 3, referenceElement: 1, state: 32, visualScale: 1 };
   }
   static {
-    this.styles = M;
+    this.styles = k;
   }
   get state() {
     return this._state;
@@ -32,8 +34,8 @@ class $ extends g {
   }
   load() {
     this.manager.onLifecycle(() => [
-      s(() => this.view?.navigation?.actionMap, () => this._updateNavigationActionMap()),
-      s(() => {
+      p(() => this.view?.navigation?.actionMap, () => this._updateNavigationActionMap()),
+      p(() => {
         const { view: t } = this;
         return t?.ready && t?.type === "3d" ? "ready" : "disabled";
       }, (t) => {
@@ -44,25 +46,42 @@ class $ extends g {
   willUpdate(t) {
     t.has("navigationMode") && this._updateNavigationActionMap();
   }
-  _onPanClick() {
-    this.navigationMode = "pan";
+  _onActionGroupChange({ target: t }) {
+    const e = t.selectedActions.at(0)?.dataset.navigationMode;
+    e && (this.navigationMode = e);
+  }
+  _onActionKeyDown(t) {
+    const { key: e } = t, n = w(e, this._direction), l = R(e, this._direction);
+    if (!n && !l)
+      return;
+    t.preventDefault();
+    const s = d.indexOf(this.navigationMode), a = d.length, o = n ? (s + 1) % a : (s - 1 + a) % a, c = d[o];
+    this.navigationMode = c;
+    const i = this._actions.get(c);
+    i && (i.setFocus(), i.click());
+  }
+  _setPanActionRef(t) {
+    this._setActionRef("pan", t);
+  }
+  _setRotateActionRef(t) {
+    this._setActionRef("rotate", t);
   }
-  _onRotateClick() {
-    this.navigationMode = "rotate";
+  _setActionRef(t, e) {
+    e ? this._actions.set(t, e) : this._actions.delete(t);
   }
   _updateNavigationActionMap() {
     const t = this.view?.navigation?.actionMap;
     if (!t)
       return;
-    const a = this.navigationMode === "pan";
-    t.dragPrimary = a ? "pan" : "rotate", t.dragSecondary = a ? "rotate" : "pan";
+    const e = this.navigationMode === "pan";
+    t.dragPrimary = e ? "pan" : "rotate", t.dragSecondary = e ? "rotate" : "pan";
   }
   render() {
-    const { _messages: t, navigationMode: a, state: l } = this, o = t.pan ?? "", n = t.rotate ?? "", e = l === "disabled", c = a === "pan";
-    return m`<calcite-action-bar class=${p({ root: !0, [y.disabled]: e })} expand-disabled .layout=${this.layout}><calcite-action .active=${c} .disabled=${e} .icon=${i.pan} @click=${this._onPanClick} .scale=${this.visualScale} .text=${o} title=${o ?? r}></calcite-action><calcite-action .active=${!c} .disabled=${e} .icon=${i.rotate} @click=${this._onRotateClick} .scale=${this.visualScale} .text=${n} title=${n ?? r}></calcite-action></calcite-action-bar>`;
+    const { _messages: t, label: e, navigationMode: n, state: l } = this, s = e ?? t.componentLabel ?? "", a = t.pan ?? "", o = t.rotate ?? "", c = l === "disabled", i = n === "pan";
+    return M`<calcite-action-bar class=${m({ root: !0, [x.disabled]: c })} expand-disabled .layout=${this.layout} @keydown=${this._onActionKeyDown}><calcite-action-group .label=${s} @calciteActionGroupChange=${this._onActionGroupChange} selection-mode=single-persist><calcite-action .active=${i} data-navigation-mode=pan .icon=${r.pan} .label=${a} .scale=${this.visualScale} .text=${a} title=${a ?? h} ${g(this._setPanActionRef)}></calcite-action><calcite-action .active=${!i} data-navigation-mode=rotate .icon=${r.rotate} .label=${o} .scale=${this.visualScale} .text=${o} title=${o ?? h} ${g(this._setRotateActionRef)}></calcite-action></calcite-action-group></calcite-action-bar>`;
   }
 }
-d("arcgis-navigation-toggle", $);
+u("arcgis-navigation-toggle", D);
 export {
-  $ as ArcgisNavigationToggle
+  D as ArcgisNavigationToggle
 };

package/dist/components/arcgis-navigation-toggle/index.js

@@ -1,3 +1,4 @@
 import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action-group";
 import "@esri/calcite-components/components/calcite-action";
 export * from "./customElement.js";

package/dist/components/arcgis-paste/PasteViewModel.d.ts

@@ -18,7 +18,7 @@ import type { PasteCommand, PasteApplyError, PasteCommandApplyParameters } from
 import type { CustomPasteCommand } from "./commands/PasteCustomCommand.js";
 
 /** @internal */
-export interface PasteViewModelProperties extends Partial<Pick<PasteViewModel, "_activeFlowPage" | "activeCommand" | "activeFlowPage" | "alwaysShowFeatureForm" | "applying" | "bauActiveFeatureIndex" | "bauApplySet" | "bauFeatures" | "bauFormUpdating" | "bauFormValid" | "bauHasTooManyComplexFeatures" | "bauHasTooManyFeatures" | "bauHighlight" | "bauIndividualHighlight" | "bauInvalidFeatures" | "bauOriginalGraphics" | "beforeClipboard" | "beforeForm" | "clipboardGraphicsLayer" | "clipboardMover" | "closeOnApply" | "currentPasteOperation" | "customPasteCommands" | "formViewModelMap" | "hideErrorNotice" | "hideFooter" | "hideFooterCancelButton" | "hideHeaderCloseButton" | "hideTooltips" | "hideViewClipboard" | "highlightGroup" | "lastPasteError" | "layerPermissionsCheck" | "maximumFeatureCount" | "maximumFeatureCountWithComplexForms" | "pasteTemplate" | "pasteWithAttributes" | "pasteWithMultipleFeaturesEnabled" | "pasteWithMultipleLayersEnabled" | "selectedClipboardItemIndex" | "selectedFeature" | "showClipboardItems" | "supportedCommands" | "view">> {}
+export interface PasteViewModelProperties extends Partial<Pick<PasteViewModel, "_activeFlowPage" | "activeCommand" | "activeFlowPage" | "alwaysShowFeatureForm" | "applying" | "bauActiveFeatureIndex" | "bauApplySet" | "bauFeatures" | "bauFormUpdating" | "bauFormValid" | "bauHasTooManyComplexFeatures" | "bauHasTooManyFeatures" | "bauHighlight" | "bauIndividualHighlight" | "bauInvalidFeatures" | "bauOriginalGraphics" | "beforeClipboard" | "beforeForm" | "clipboardGraphicsLayer" | "clipboardMover" | "closeOnApply" | "currentPasteOperation" | "customPasteCommands" | "disableTemplatesMode" | "formViewModelMap" | "hideErrorNotice" | "hideFooter" | "hideFooterCancelButton" | "hideHeaderCloseButton" | "hideTooltips" | "hideViewClipboard" | "highlightGroup" | "lastPasteError" | "layerPermissionsCheck" | "maximumFeatureCount" | "maximumFeatureCountWithComplexForms" | "pasteTemplate" | "pasteWithAttributes" | "pasteWithMultipleFeaturesEnabled" | "pasteWithMultipleLayersEnabled" | "selectedClipboardItemIndex" | "selectedFeature" | "showClipboardItems" | "supportedCommands" | "view">> {}
 
 /**
  * The types of flow page that maybe being shown in the component
@@ -86,6 +86,8 @@ export default class PasteViewModel extends Accessor {
   /** @default "" */
   accessor currentPasteOperation: "" | "paste-as" | "paste-merge";
   accessor customPasteCommands: Collection<CustomPasteCommand>;
+  /** @default "never" */
+  accessor disableTemplatesMode: "never" | "scale" | "visible";
   accessor formViewModelMap: Map<FeatureLayer | SubtypeSublayer, BatchAttributeFormViewModel>;
   get hasClipboardItemMatchingTemplate(): boolean;
   get hasPasteCommandsPage(): boolean;

package/dist/components/arcgis-paste/customElement.d.ts

@@ -176,6 +176,12 @@ export abstract class ArcgisPaste extends LitElement {
    * @default false
    */
   accessor closeOnApply: boolean;
+  /**
+   * Decide if templates should be disabled when the layer is not visible, or not visible at the current scale.
+   *
+   * @default "never"
+   */
+  accessor disableTemplatesMode: "scale" | "never" | "visible";
   /**
    * Determines if the component should show error notices
    *

package/dist/components/arcgis-paste/customElement.js

@@ -973,7 +973,7 @@ function te(e) {
 let n = class extends U {
   //#region Lifecycle
   constructor(e) {
-    super(e), this.customPasteCommands = new j(), this.bauInvalidFeatures = [], this.bauFormValid = !0, this.bauFormUpdating = !1, this.bauActiveFeatureIndex = -1, this.bauHasTooManyFeatures = !1, this.bauHasTooManyComplexFeatures = !1, this.bauOriginalGraphics = [], this.formViewModelMap = /* @__PURE__ */ new Map(), this.supportedCommands = ["paste-append", "paste-as", "paste-subtract", "paste", "paste-merge"], this.pasteWithMultipleLayersEnabled = !1, this.pasteWithMultipleFeaturesEnabled = !1, this.alwaysShowFeatureForm = !1, this.selectedClipboardItemIndex = -1, this.pasteWithAttributes = !0, this.closeOnApply = !1, this.currentPasteOperation = "", this._activeFlowPage = "commands-page", this.showClipboardItems = !1, this.hideTooltips = !1, this.hideFooter = !1, this.hideFooterCancelButton = !1, this.hideHeaderCloseButton = !1, this.hideViewClipboard = !1, this.hideErrorNotice = !1, this.highlightGroup = "temporary", this._hoverHighlightHandle = null, this.maximumFeatureCount = 200, this.maximumFeatureCountWithComplexForms = 50, this.layerPermissionsCheck = {
+    super(e), this.customPasteCommands = new j(), this.bauInvalidFeatures = [], this.bauFormValid = !0, this.bauFormUpdating = !1, this.bauActiveFeatureIndex = -1, this.bauHasTooManyFeatures = !1, this.bauHasTooManyComplexFeatures = !1, this.bauOriginalGraphics = [], this.formViewModelMap = /* @__PURE__ */ new Map(), this.supportedCommands = ["paste-append", "paste-as", "paste-subtract", "paste", "paste-merge"], this.pasteWithMultipleLayersEnabled = !1, this.pasteWithMultipleFeaturesEnabled = !1, this.alwaysShowFeatureForm = !1, this.selectedClipboardItemIndex = -1, this.pasteWithAttributes = !0, this.closeOnApply = !1, this.currentPasteOperation = "", this.disableTemplatesMode = "never", this._activeFlowPage = "commands-page", this.showClipboardItems = !1, this.hideTooltips = !1, this.hideFooter = !1, this.hideFooterCancelButton = !1, this.hideHeaderCloseButton = !1, this.hideViewClipboard = !1, this.hideErrorNotice = !1, this.highlightGroup = "temporary", this._hoverHighlightHandle = null, this.maximumFeatureCount = 200, this.maximumFeatureCountWithComplexForms = 50, this.layerPermissionsCheck = {
       canCreate: (t) => t ? !!t.effectiveCapabilities?.operations.supportsAdd : !1,
       canUpdate: (t) => {
         if (!t)
@@ -1374,6 +1374,9 @@ c([
 c([
   r()
 ], n.prototype, "currentPasteOperation", 2);
+c([
+  r()
+], n.prototype, "disableTemplatesMode", 2);
 c([
   r()
 ], n.prototype, "activeFlowPage", 1);
@@ -1541,10 +1544,10 @@ M = S([
 const at = ve(n);
 class st extends he {
   constructor() {
-    super(), this._featureFormElement = V(), this._floatingChoiceContainer = V(), this._bauForm = V(), this._templateGallery = V(), this._messages = ge(), this.viewModel = at(this), this.hasPasteCommandsPage = this.viewModel.hasPasteCommandsPage, this.activeCommand = this.viewModel.activeCommand, this.availableCommands = this.viewModel.availableCommands, this._showFloatingChoice = !1, this.activeFlowPage = this.viewModel.activeFlowPage, this.autoDestroyDisabled = !1, this.view = this.viewModel.view, this.selectedFeature = this.viewModel.selectedFeature, this.closed = !1, this.highlightGroup = this.viewModel.highlightGroup, this.pasteWithMultipleLayersEnabled = this.viewModel.pasteWithMultipleLayersEnabled, this.pasteWithMultipleFeaturesEnabled = this.viewModel.pasteWithMultipleFeaturesEnabled, this.alwaysShowFeatureForm = this.viewModel.alwaysShowFeatureForm, this.closeOnApply = this.viewModel.closeOnApply, this.hideErrorNotice = this.viewModel.hideErrorNotice, this.hideFooterCancelButton = this.viewModel.hideFooterCancelButton, this.hideFooter = this.viewModel.hideFooter, this.hideHeaderCloseButton = this.viewModel.hideHeaderCloseButton, this.hideTooltips = this.viewModel.hideTooltips, this.hideViewClipboard = this.viewModel.hideViewClipboard, this.maximumFeatureCount = this.viewModel.maximumFeatureCount, this.maximumFeatureCountWithComplexForms = this.viewModel.maximumFeatureCountWithComplexForms, this.layerPermissionsCheck = this.viewModel.layerPermissionsCheck, this.pasteCommandsState = this.viewModel.pasteCommandsState, this.arcgisApplyPasteCommand = T(), this.arcgisApplyPasteError = T(), this.arcgisBeforeClipboardMove = T(), this.arcgisClipboardMoveStateChanged = T(), this.arcgisClose = T(), this.arcgisPropertyChange = xe()("pasteCommandsState", "activeFlowPage"), this.arcgisReady = T(), this.listenOn(window, "click", this._handleClickAway), this.listenOn(window, "keydown", this._handleKeyDown);
+    super(), this._featureFormElement = V(), this._floatingChoiceContainer = V(), this._bauForm = V(), this._templateGallery = V(), this._messages = ge(), this.viewModel = at(this), this.hasPasteCommandsPage = this.viewModel.hasPasteCommandsPage, this.activeCommand = this.viewModel.activeCommand, this.availableCommands = this.viewModel.availableCommands, this._showFloatingChoice = !1, this.activeFlowPage = this.viewModel.activeFlowPage, this.autoDestroyDisabled = !1, this.view = this.viewModel.view, this.selectedFeature = this.viewModel.selectedFeature, this.closed = !1, this.highlightGroup = this.viewModel.highlightGroup, this.pasteWithMultipleLayersEnabled = this.viewModel.pasteWithMultipleLayersEnabled, this.pasteWithMultipleFeaturesEnabled = this.viewModel.pasteWithMultipleFeaturesEnabled, this.alwaysShowFeatureForm = this.viewModel.alwaysShowFeatureForm, this.closeOnApply = this.viewModel.closeOnApply, this.hideErrorNotice = this.viewModel.hideErrorNotice, this.hideFooterCancelButton = this.viewModel.hideFooterCancelButton, this.hideFooter = this.viewModel.hideFooter, this.hideHeaderCloseButton = this.viewModel.hideHeaderCloseButton, this.hideTooltips = this.viewModel.hideTooltips, this.hideViewClipboard = this.viewModel.hideViewClipboard, this.maximumFeatureCount = this.viewModel.maximumFeatureCount, this.maximumFeatureCountWithComplexForms = this.viewModel.maximumFeatureCountWithComplexForms, this.layerPermissionsCheck = this.viewModel.layerPermissionsCheck, this.pasteCommandsState = this.viewModel.pasteCommandsState, this.disableTemplatesMode = this.viewModel.disableTemplatesMode, this.arcgisApplyPasteCommand = T(), this.arcgisApplyPasteError = T(), this.arcgisBeforeClipboardMove = T(), this.arcgisClipboardMoveStateChanged = T(), this.arcgisClose = T(), this.arcgisPropertyChange = xe()("pasteCommandsState", "activeFlowPage"), this.arcgisReady = T(), this.listenOn(window, "click", this._handleClickAway), this.listenOn(window, "keydown", this._handleKeyDown);
   }
   static {
-    this.properties = { hasPasteCommandsPage: 16, activeCommand: 16, availableCommands: 16, _showFloatingChoice: 16, activeFlowPage: 32, autoDestroyDisabled: 5, referenceElement: 1, view: 0, selectedFeature: 0, closed: 7, highlightGroup: 1, supportedCommands: 1, pasteWithMultipleLayersEnabled: 5, pasteWithMultipleFeaturesEnabled: 5, alwaysShowFeatureForm: 5, beforeApply: 0, clipboard: 32, closeOnApply: 5, hideErrorNotice: 5, hideFooterCancelButton: 5, hideFooter: 5, hideHeaderCloseButton: 5, hideTooltips: 5, hideViewClipboard: 5, maximumFeatureCount: 9, maximumFeatureCountWithComplexForms: 9, layerPermissionsCheck: 0, pasteCommandsState: 0 };
+    this.properties = { hasPasteCommandsPage: 16, activeCommand: 16, availableCommands: 16, _showFloatingChoice: 16, activeFlowPage: 32, autoDestroyDisabled: 5, referenceElement: 1, view: 0, selectedFeature: 0, closed: 7, highlightGroup: 1, supportedCommands: 1, pasteWithMultipleLayersEnabled: 5, pasteWithMultipleFeaturesEnabled: 5, alwaysShowFeatureForm: 5, beforeApply: 0, clipboard: 32, closeOnApply: 5, hideErrorNotice: 5, hideFooterCancelButton: 5, hideFooter: 5, hideHeaderCloseButton: 5, hideTooltips: 5, hideViewClipboard: 5, maximumFeatureCount: 9, maximumFeatureCountWithComplexForms: 9, layerPermissionsCheck: 0, pasteCommandsState: 0, disableTemplatesMode: 1 };
   }
   static {
     this.styles = $e;
@@ -1694,9 +1697,9 @@ class st extends he {
         t.selectedTemplateId !== this.viewModel.pasteTemplate.id && (t.selectedTemplateId = this.viewModel.pasteTemplate.id);
         return;
       }
-      if (t.effectiveTemplates.length === 0)
+      if (t.effectiveTemplates?.length === 0)
         return;
-      const i = t.effectiveTemplates[0].templates[0];
+      const i = t.effectiveTemplates?.[0].templates[0];
       i && (this.viewModel.pasteTemplate = i, t.selectedTemplateId = i.id);
     });
   }
@@ -1764,7 +1767,7 @@ class st extends he {
       this.viewModel.activeFlowPage = "merge-page";
     }} title=${this._messages.seeMergeOptions ?? ue}>${this._messages.seeMergeOptions}</calcite-link>` : null}</calcite-notice></div>` : null}${this.viewModel.clipboardAndTemplateSupportAttributes && this.viewModel.pasteTemplate ? this._renderAttributeCheckbox(!this.viewModel.clipboardAndTemplateSupportAttributes) : null}${this.viewModel.clipboardAndTemplateSupportAttributes ? null : this._renderAttributeCheckbox(!1)}</div><calcite-list .hidden=${this.viewModel.activeCommand !== "paste-merge"} .label=${this._messages.pasteCommandChoices ?? ""} selection-mode=none selection-appearance=border><calcite-list-item .label=${this._messages.mergeOptionsTitle} .description=${this._messages.mergeOptionsDesc} .disabled=${this.viewModel.updating} @click=${() => {
       this.viewModel.activeFlowPage = "merge-page";
-    }}><calcite-icon slot=content-start icon=configure></calcite-icon><calcite-icon slot=content-end icon=chevron-right></calcite-icon></calcite-list-item></calcite-list><div>${this.viewModel.workingLayers.length > 0 ? d`<arcgis-feature-templates .applicationDisabledFunction=${(i) => !!(i.template && ie(i.template) && i.template.type !== "feature")} class="paste-feature-templates" .layers=${this.viewModel.workingLayers} @arcgisTemplatesChanged=${() => {
+    }}><calcite-icon slot=content-start icon=configure></calcite-icon><calcite-icon slot=content-end icon=chevron-right></calcite-icon></calcite-list-item></calcite-list><div>${this.viewModel.workingLayers.length > 0 ? d`<arcgis-feature-templates .disableTemplatesMode=${this.disableTemplatesMode} .applicationDisabledFunction=${(i) => !!(i.template && ie(i.template) && i.template.type !== "feature")} class="paste-feature-templates" .layers=${this.viewModel.workingLayers} @arcgisTemplatesChanged=${() => {
       this._checkAndUpdateInitialPasteTemplate();
     }} @arcgisSelectTemplate=${(i) => {
       this.viewModel.pasteTemplate = i.detail.template;

package/dist/components/arcgis-popup/customElement.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="../../index.d.ts" />
-import type Features from "@arcgis/core/popup/Features.js";
 import type ActionButton from "@arcgis/core/support/actions/ActionButton.js";
 import type ActionToggle from "@arcgis/core/support/actions/ActionToggle.js";
 import type Graphic from "@arcgis/core/Graphic.js";
@@ -600,13 +599,13 @@ export abstract class ArcgisPopup extends LitElement {
    *
    * @see [selectedFeatureIndex](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#selectedFeatureIndex)
    */
-  next(): Promise<Features>;
+  next(): Promise<void>;
   /**
    * Selects the feature at the previous index in relation to the selected feature.
    *
    * @see [selectedFeatureIndex](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#selectedFeatureIndex)
    */
-  previous(): Promise<Features>;
+  previous(): Promise<void>;
   /** Use this method to give focus to the component if the component is able to be focused. */
   setFocus(): Promise<void>;
   /**

package/dist/components/arcgis-popup/customElement.js

@@ -55,8 +55,8 @@ class j extends L {
   set dockOptions(t) {
     const e = { ...C }, o = this.viewModel?.view?.breakpoints, i = {};
     o && (i.width = o.xsmall, i.height = o.xsmall);
-    const s = { ...e, ...t }, n = { ...e.breakpoint, ...i }, { breakpoint: a } = s;
-    typeof a == "object" ? s.breakpoint = { ...n, ...a } : a && (s.breakpoint = n), this._dockOptions = s;
+    const s = { ...e, ...t }, n = { ...e.breakpoint, ...i }, { breakpoint: r } = s;
+    typeof r == "object" ? s.breakpoint = { ...n, ...r } : r && (s.breakpoint = n), this._dockOptions = s;
   }
   get selectedDrillInFeature() {
     return this._featuresComponent.value?.selectedDrillInFeature ?? null;
@@ -68,25 +68,25 @@ class j extends L {
     return this.viewModel.handleViewClick(t);
   }
   async clear() {
-    return this.viewModel.clear();
+    this.viewModel.clear();
   }
   async destroy() {
     await this.manager.destroy(), this._dockAction.destroy(), this._popupResizeObserver.disconnect();
   }
   async fetchFeatures(t, e) {
-    return await this._featuresComponent.value?.fetchFeatures(t, e);
+    await this._featuresComponent.value?.fetchFeatures(t, e);
   }
   async next() {
-    return this.viewModel.next();
+    this.viewModel.next();
   }
   async previous() {
-    return this.viewModel.previous();
+    this.viewModel.previous();
   }
   async setFocus() {
     this._featuresComponent.value?.setFocus();
   }
   async triggerAction(t) {
-    return await this._featuresComponent.value?.triggerAction(t);
+    await this._featuresComponent.value?.triggerAction(t);
   }
   connectedCallback() {
     super.connectedCallback(), this._syncPopupResizeObserver();
@@ -157,7 +157,7 @@ class j extends L {
     const { _mainContainerNode: e, _popupRect: o, viewModel: i } = this, { view: s } = i, { screenLocation: n } = this;
     if (n == null || !s || !o || !e.value)
       return "top-center";
-    const a = window.getComputedStyle(e.value), l = f(a.maxHeight), r = f(a.height), c = this._getPointerSize(), { height: d, width: k } = o, h = k + c, u = Math.max(d, l, r) + c, z = this._isOutsideView({
+    const r = window.getComputedStyle(e.value), l = f(r.maxHeight), a = f(r.height), c = this._getPointerSize(), { height: d, width: k } = o, h = k + c, u = Math.max(d, l, a) + c, z = this._isOutsideView({
       popupHeight: u,
       popupWidth: h,
       screenLocation: n,
@@ -239,35 +239,35 @@ class j extends L {
   _calculateAlignmentPosition(t, e, o, i) {
     if (t < 0 || e < 0 || !o || !i || t > o.width || e > o.height)
       return;
-    const { topLayerDisabled: s } = this, n = s ? t : t + o.x, a = s ? e : e + o.y, { _direction: l, currentAlignment: r } = this, c = this._getPointerSize(), d = c / 2;
-    if (r === "top-left" || r === "top-start" && l === "ltr" || r === "top-end" && l === "rtl")
+    const { topLayerDisabled: s } = this, n = s ? t : t + o.x, r = s ? e : e + o.y, { _direction: l, currentAlignment: a } = this, c = this._getPointerSize(), d = c / 2;
+    if (a === "top-left" || a === "top-start" && l === "ltr" || a === "top-end" && l === "rtl")
       return {
-        top: a - (i.height + d),
+        top: r - (i.height + d),
         left: n - i.width - d
       };
-    if (r === "top-center")
+    if (a === "top-center")
       return {
-        top: a - (i.height + c),
+        top: r - (i.height + c),
         left: n - i.width / 2
       };
-    if (r === "top-right" || r === "top-end" && l === "ltr" || r === "top-start" && l === "rtl")
+    if (a === "top-right" || a === "top-end" && l === "ltr" || a === "top-start" && l === "rtl")
       return {
-        top: a - (i.height + d),
+        top: r - (i.height + d),
         left: n + d
       };
-    if (r === "bottom-left" || r === "bottom-start" && l === "ltr" || r === "bottom-end" && l === "rtl")
+    if (a === "bottom-left" || a === "bottom-start" && l === "ltr" || a === "bottom-end" && l === "rtl")
       return {
-        top: a + d,
+        top: r + d,
         left: n - i.width - d
       };
-    if (r === "bottom-center")
+    if (a === "bottom-center")
       return {
-        top: a + c,
+        top: r + c,
         left: n - i.width / 2
       };
-    if (r === "bottom-right" || r === "bottom-end" && l === "ltr" || r === "bottom-start" && l === "rtl")
+    if (a === "bottom-right" || a === "bottom-end" && l === "ltr" || a === "bottom-start" && l === "rtl")
       return {
-        top: a + d,
+        top: r + d,
         left: n + d
       };
   }
@@ -287,8 +287,8 @@ class j extends L {
       return `inset: ${this._getPositionStyleValue(i.top)} ${this._getPositionStyleValue(i.right)} ${this._getPositionStyleValue(i.bottom)} ${this._getPositionStyleValue(i.left)};`;
   }
   _dockingThresholdCrossed(t, e, o) {
-    const [i, s] = t, [n, a] = e, { width: l = 0, height: r = 0 } = o ?? {};
-    return i <= l && n > l || i > l && n <= l || s <= r && a > r || s > r && a <= r;
+    const [i, s] = t, [n, r] = e, { width: l = 0, height: a = 0 } = o ?? {};
+    return i <= l && n > l || i > l && n <= l || s <= a && r > a || s > a && r <= a;
   }
   _updateDockEnabledForViewSize(t, e) {
     if (!t || !e || !this.viewModel?.view?.ready)
@@ -303,14 +303,14 @@ class j extends L {
     const { width: i, height: s } = o;
     if (Number.isNaN(i) || Number.isNaN(s) || typeof e != "object")
       return !1;
-    const n = typeof e.width == "number" && i <= (e.width ?? 0), a = typeof e.height == "number" && s <= (e.height ?? 0);
-    return n || a;
+    const n = typeof e.width == "number" && i <= (e.width ?? 0), r = typeof e.height == "number" && s <= (e.height ?? 0);
+    return n || r;
   }
   _setDockEnabledForViewSize(t) {
     this.viewModel?.view?.ready && typeof t.breakpoint == "object" && (this.dockEnabled = this._shouldDockAtCurrentViewSize(t));
   }
   render() {
-    const { _direction: t, dockEnabled: e, currentAlignment: o, currentDockPosition: i, positionStyle: s } = this, { active: n, view: a } = this.viewModel, l = n && e, r = n && !e, c = a?.widthBreakpoint, d = a?.heightBreakpoint, k = {
+    const { _direction: t, dockEnabled: e, currentAlignment: o, currentDockPosition: i, positionStyle: s } = this, { active: n, view: r } = this.viewModel, l = n && e, a = n && !e, c = r?.widthBreakpoint, d = r?.heightBreakpoint, k = {
       "aligned-top-center": o === "top-center",
       "aligned-bottom-center": o === "bottom-center",
       "aligned-top-left": o === "top-left" || o === "top-start" && t === "ltr" || o === "top-end" && t === "rtl",
@@ -318,7 +318,7 @@ class j extends L {
       "aligned-top-right": o === "top-right" || o === "top-end" && t === "ltr" || o === "top-start" && t === "rtl",
       "aligned-bottom-right": o === "bottom-right" || o === "bottom-end" && t === "ltr" || o === "bottom-start" && t === "rtl",
       "is-docked": l,
-      shadow: r,
+      shadow: a,
       "is-rtl": this._direction === "rtl",
       "is-docked-top-start": i === "top-start",
       "is-docked-top-end": i === "top-end",

package/dist/components/arcgis-sketch/customElement.d.ts

@@ -11,7 +11,7 @@ import type Collection from "@arcgis/core/core/Collection.js";
 import type { SketchGroupName } from "@arcgis/core/applications/ExperienceBuilder/sketchUtils.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { CreateOptions, CreateTool, UpdateEvent, UndoEvent, RedoEvent, DeleteEvent, CreateEvent, CustomToolOptions, CustomActionProperties, SketchTool, SelectionTool, CreationMode, UpdateOptions, Layout, SketchPointSymbol, SketchPolygonSymbol, SketchPolylineSymbol, State, ToolbarKind } from "@arcgis/core/widgets/Sketch/types.js";
+import type { CreateOptions, CreateTool, UpdateEvent, UndoEvent, DuplicateEvent, RedoEvent, DeleteEvent, CreateEvent, CustomToolOptions, CustomActionProperties, SketchTool, SelectionTool, CreationMode, UpdateOptions, Layout, SketchPointSymbol, SketchPolygonSymbol, SketchPolylineSymbol, State, ToolbarKind } from "@arcgis/core/widgets/Sketch/types.js";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
 import type { Button as Button } from "@esri/calcite-components/components/calcite-button";
@@ -550,6 +550,12 @@ export abstract class ArcgisSketch extends LitElement {
   dismissFloatingElements(): Promise<void>;
   duplicate(): Promise<void>;
   redo(): Promise<void>;
+  /**
+   * @param location
+   * @internal
+   * @since 5.1
+   */
+  setContextualToolLocation(location: "inline-end" | "inline" | "separate"): Promise<void>;
   /**
    * @param createToolOptions
    * @param customActionOptions
@@ -563,6 +569,12 @@ export abstract class ArcgisSketch extends LitElement {
    * @since 5.1
    */
   setGroupAllowCollapseOptions(options: Map<SketchGroupName, boolean>): Promise<void>;
+  /**
+   * @param priorities
+   * @internal
+   * @since 5.1
+   */
+  setGroupCollapsePriorities(priorities: Map<SketchGroupName, number> | null): Promise<void>;
   /**
    * @param graphic
    * @param updateOptions
@@ -576,6 +588,8 @@ export abstract class ArcgisSketch extends LitElement {
   readonly arcgisCreate: import("@arcgis/lumina").TargetedEvent<this, CreateEvent>;
   /** Fires when a user deletes selected graphics by clicking the Delete feature button on the Sketch widget or when the `delete()` method is called. */
   readonly arcgisDelete: import("@arcgis/lumina").TargetedEvent<this, DeleteEvent>;
+  /** Fires when the user duplicates selected graphics. */
+  readonly arcgisDuplicate: import("@arcgis/lumina").TargetedEvent<this, DuplicateEvent>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
   /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
@@ -589,6 +603,7 @@ export abstract class ArcgisSketch extends LitElement {
   readonly "@eventTypes": {
     arcgisCreate: ArcgisSketch["arcgisCreate"]["detail"];
     arcgisDelete: ArcgisSketch["arcgisDelete"]["detail"];
+    arcgisDuplicate: ArcgisSketch["arcgisDuplicate"]["detail"];
     arcgisPropertyChange: ArcgisSketch["arcgisPropertyChange"]["detail"];
     arcgisReady: ArcgisSketch["arcgisReady"]["detail"];
     arcgisRedo: ArcgisSketch["arcgisRedo"]["detail"];