npm - @arcgis/map-components - Versions diffs - 5.2.0-next.12 → 5.2.0-next.121 - Mend

@arcgis/map-components 5.2.0-next.12 → 5.2.0-next.121

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

Files changed (3023) hide show

package/dist/components/arcgis-multi-feature-form/customElement.js CHANGED Viewed

@@ -1,34 +1,53 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as s } from "../../chunks/runtime.js";
-import { usePropertyChange as c } from "@arcgis/lumina/controllers";
-import { reEmitEvent as a } from "@arcgis/lumina/controllers/accessor";
-import l from "@arcgis/core/widgets/BatchAttributeForm.js";
-import { LitElement as d, createEvent as g } from "@arcgis/lumina";
-import { m as h } from "../../chunks/useWidget.js";
-import { css as u } from "lit";
-const p = u`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-batch-attribute-form{background-color:var(--calcite-color-background);padding:var(--arcgis-internal-padding, var(--calcite-spacing-md) var(--calcite-spacing-lg))}.esri-batch-attribute-form__notice-error{margin:0 0 var(--calcite-spacing-xxl)}.esri-batch-attribute-form__form{display:flex;flex-direction:column}.esri-batch-attribute-form__centered-button{align-self:center}.esri-batch-attribute-form__description-text{color:var(--calcite-color-text-2)}.esri-batch-attribute-form__label{white-space:pre-wrap;word-break:break-word;word-wrap:break-word;display:flex;position:relative;flex-direction:column;justify-content:space-between;transition:opacity .25s,margin .25s;opacity:1;margin-bottom:var(--calcite-spacing-xs)}.esri-batch-attribute-form__label:last-child{margin-bottom:0}.esri-batch-attribute-form-text-content{white-space:pre-wrap;word-break:break-word;word-wrap:break-word;display:flex;align-items:center}.esri-batch-attribute-form__input--switch{margin:7px 0}.esri-batch-attribute-form__input--radio-label{display:flex;align-items:center}.esri-batch-attribute-form__input--radio-group{display:flex;flex-direction:column}.esri-batch-attribute-form__input--radio-placeholder{color:var(--calcite-color-text-3);font-style:italic}.esri-batch-attribute-form__form-header{margin-bottom:var(--calcite-spacing-md)}.esri-batch-attribute-form__form-header .esri-batch-attribute-form__description-text~.esri-widget__heading{margin-bottom:0}.esri-batch-attribute-form__input{width:100%;&:focus{outline:var(--calcite-spacing-base) solid var(--calcite-color-brand);outline-offset:-2px}}.esri-batch-attribute-form__input--disabled{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.esri-batch-attribute-form__individual-element{margin:var(--calcite-spacing-xxl) 0}.esri-batch-attribute-form__date-input-container{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm)}.esri-batch-attribute-form__date-input-container .esri-batch-attribute-form__input{margin-bottom:3px}.esri-batch-attribute-form__date-input-container :last-child{margin-bottom:0}.esri-batch-attribute-form__group{margin:0 0 var(--calcite-spacing-md);background-color:inherit;margin-inline:-10px}.esri-batch-attribute-form__group--sequential{border-bottom:none;border-inline-start:3px solid #adadad4d}.esri-batch-attribute-form__block{margin-inline:-10px}.esri-batch-attribute-form__text-element-input{line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);a{display:inline;position:relative;transition:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start inset-size,opacity,outline-color,transform var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;border-style:none;background-color:transparent;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px;padding:0;text-decoration:none;color:var(--calcite-color-text-link);&:hover,&:focus{background-size:100% 1px,100% 1px}&:active{background-size:100% 2px,100% 2px}&.calcite--rtl{background-position:100% 100%,100% 100%}}code{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-xs);background-color:var(--calcite-color-foreground-3);padding:var(--calcite-spacing-xxs);white-space:normal;word-break:break-word;color:var(--calcite-color-text-2);font-family:var(--calcite-code-family);font-size:85%}h1,h2,h3,h4,h5{margin-bottom:var(--calcite-spacing-xxs);line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-bold)}h5{font-weight:var(--calcite-font-weight-medium)}h6{margin-bottom:var(--calcite-spacing-xxs);line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium)}p{margin-bottom:var(--calcite-spacing-lg);line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal)}strong{font-weight:var(--calcite-font-weight-bold)}}:dir(rtl) .esri-batch-attribute-form__date-input-part:first-child .esri-batch-attribute-form__input{border-right:var(--calcite-spacing-px) solid #adadad4d;border-left:none}`;
-var o = (t) => {
+import { c as y } from "../../chunks/runtime.js";
+import { usePropertyChange as k, bypassReadOnly as z } from "@arcgis/lumina/controllers";
+import { reEmitEvent as v } from "@arcgis/lumina-toolkit/reEmitEvent";
+import F from "@arcgis/core/widgets/BatchAttributeForm.js";
+import { LitElement as M, createEvent as C } from "@arcgis/lumina";
+import { m as T } from "../../chunks/useWidget.js";
+import { css as E } from "lit";
+import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
+const V = E`.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-batch-attribute-form{background-color:var(--calcite-color-background);padding:var(--arcgis-internal-padding, var(--calcite-space-md) var(--calcite-space-lg))}.esri-batch-attribute-form__notice-error{margin:0 0 var(--calcite-space-2xl)}.esri-batch-attribute-form__form{display:flex;flex-direction:column}.esri-batch-attribute-form__centered-button{align-self:center}.esri-batch-attribute-form__description-text{color:var(--calcite-color-text-3)}.esri-batch-attribute-form__label{white-space:pre-wrap;overflow-wrap:break-word;display:flex;position:relative;flex-direction:column;justify-content:space-between;transition:opacity .25s,margin .25s;opacity:1;margin-bottom:var(--calcite-space-xs);&:last-child{margin-bottom:0}}.esri-batch-attribute-form__label-text-content{white-space:pre-wrap;overflow-wrap:break-word;display:flex;align-items:center}.esri-batch-attribute-form__input--switch{margin:7px 0}.esri-batch-attribute-form__input--radio-label{display:flex;align-items:center}.esri-batch-attribute-form__input--radio-group{display:flex;flex-direction:column}.esri-batch-attribute-form__input--radio-placeholder{color:var(--calcite-color-text-3);font-style:italic}.esri-batch-attribute-form__multiple-choice-input,.esri-batch-attribute-form__multiple-choice-input__other-choice{display:flex;flex-direction:column;gap:var(--calcite-space-sm)}.esri-batch-attribute-form__multiple-choice-input__select-all{border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);padding-block-end:var(--calcite-space-sm)}.esri-batch-attribute-form__multiple-choice-input__other-choice--with-select-all{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);padding-block-start:var(--calcite-space-sm)}.esri-batch-attribute-form__form-header{margin-bottom:var(--calcite-space-md);.esri-batch-attribute-form__description-text~.esri-widget__heading{margin-bottom:0}}.esri-batch-attribute-form__input{width:100%;&:not(calcite-checkbox):focus{outline:var(--calcite-space-base) solid var(--calcite-color-brand);outline-offset:-2px}}.esri-batch-attribute-form__input--disabled{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.esri-batch-attribute-form__individual-element{margin:var(--calcite-space-2xl) 0}.esri-batch-attribute-form__date-input-container{display:flex;flex-direction:column;gap:var(--calcite-space-sm);.esri-batch-attribute-form__input{margin-bottom:var(--calcite-space-base)}&:last-child{margin-bottom:0}}.esri-batch-attribute-form__group{margin:0 0 var(--calcite-space-md) 0;background-color:inherit;margin-inline:calc(var(--calcite-space-md) * -1)}.esri-batch-attribute-form__group--sequential{border-bottom:none;border-inline-start:3px solid var(--calcite-color-border-1)}.esri-batch-attribute-form__group--active{border-inline-start-color:var(--calcite-color-brand)}.esri-batch-attribute-form__relationship-element-input{margin-block-end:var(--calcite-space-lg);calcite-notice,.esri-batch-attribute-form__relationship-element-input_list{margin-bottom:var(--calcite-space-md-plus)}}.esri-batch-attribute-form__relationship-element-input_header{color:var(--calcite-color-text-1)}.esri-batch-attribute-form__relationship-element-input_description,.esri-batch-attribute-form__relationship-element-input_header{margin-bottom:var(--calcite-space-md-plus)}.esri-batch-attribute-form__relationship-element-input_list{min-height:var(--calcite-space-2xs)}.esri-batch-attribute-form__relationship-element-input_list-observer{position:relative;bottom:20px;z-index:2;text-align:center}.esri-batch-attribute-form__relationship-element-input_showing-all{.esri-batch-attribute-form__relationship-element-input_add-button{margin-block:var(--calcite-space-md)}}.esri-batch-attribute-form__attachment-element-input{margin-bottom:var(--calcite-space-2xl)}.esri-batch-attribute-form__attachment-element-label{white-space:pre-wrap;overflow-wrap:break-word;margin-bottom:var(--calcite-space-2xs);color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-medium)}.esri-batch-attribute-form__attachment-element-list{margin-block:var(--calcite-space-sm);border-block:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.esri-batch-attribute-form__attachment-element-list-item{--calcite-list-item-border-color: var(--calcite-color-border-3);white-space:pre-wrap;overflow-wrap:break-word;min-block-size:var(--calcite-space-2xl)}.esri-batch-attribute-form__attachment-element-list-item-start{display:flex;align-items:center;justify-content:center;border-radius:var(--calcite-corner-radius-sm);background-color:var(--calcite-color-surface-3);block-size:var(--calcite-space-3xl);inline-size:var(--calcite-space-3xl);color:var(--calcite-color-text-2)}.esri-batch-attribute-form__attachment-element-list-item-staged-indicator{display:inline-flex;border-radius:50%;background-color:var(--calcite-color-brand);block-size:var(--calcite-space-xs);inline-size:var(--calcite-space-xs)}.esri-batch-attribute-form__attachment-element-list-item-thumb{border-radius:inherit;block-size:100%;inline-size:100%;object-fit:cover}.esri-batch-attribute-form__attachment-element-list-item-icon{color:inherit}.esri-batch-attribute-form__attachment-element-empty-state{padding-block:var(--calcite-space-sm);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}.esri-batch-attribute-form__attachment-element-add-actions{display:flex;flex-direction:column;gap:var(--calcite-space-sm);align-items:flex-start;justify-content:flex-start;inline-size:100%}.esri-batch-attribute-form__attachment-element-capture-notice{inline-size:100%}.esri-batch-attribute-form__attachment-element-empty-action-hint{line-height:var(--calcite-font-line-height-fixed-base);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-regular)}.esri-batch-attribute-form__attachment-element-empty-action-hint-value{color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-medium)}.esri-batch-attribute-form__attachment-element-all-panel{display:flex;flex-direction:column;gap:var(--calcite-space-md);padding:var(--calcite-space-sm)}.esri-batch-attribute-form__attachment-element-file-input{display:none}.esri-batch-attribute-form__attachment-element-add-panel{display:flex;flex-direction:column;gap:var(--calcite-space-md);padding:var(--calcite-space-sm)}.esri-batch-attribute-form__attachment-element-add-dropzone{box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:0;align-items:center;justify-content:center;transition:border-color var(--calcite-animation-timing) ease-in-out,background-color var(--calcite-animation-timing) ease-in-out,box-shadow var(--calcite-animation-timing) ease-in-out;border:var(--calcite-border-width-sm) dashed var(--calcite-color-border-input);border-radius:var(--calcite-corner-radius-sm);background-color:var(--calcite-color-surface-2);padding:var(--calcite-space-lg) var(--calcite-space-md);min-block-size:10.875rem;inline-size:100%;text-align:center}.esri-batch-attribute-form__attachment-element-add-dropzone-icon{margin-block-end:var(--calcite-space-sm);color:var(--calcite-color-text-3)}.esri-batch-attribute-form__attachment-element-add-dropzone-heading{margin-block-end:var(--calcite-space-xs);line-height:var(--calcite-font-line-height-fixed-base);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-regular)}.esri-batch-attribute-form__attachment-element-add-dropzone-detail{white-space:pre-wrap;overflow-wrap:break-word;margin-block-end:var(--calcite-space-md);max-inline-size:13rem;line-height:var(--calcite-font-line-height-fixed-base);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-regular)}.esri-batch-attribute-form__attachment-element-add-dropzone calcite-button{align-self:center}.esri-batch-attribute-form__attachment-element-validation-criteria{display:flex;flex-direction:column;gap:var(--calcite-space-xs);padding:var(--calcite-space-sm)}.esri-batch-attribute-form__attachment-element-detail{display:flex;flex-direction:column;gap:var(--calcite-space-md);padding:var(--calcite-space-sm)}.esri-batch-attribute-form__attachment-element-detail-metadata-group{display:flex;flex-direction:column;gap:var(--calcite-space-2xs)}.esri-batch-attribute-form__attachment-element-detail-file-name-row{display:flex;gap:var(--calcite-space-2xs);align-items:center;inline-size:100%}.esri-batch-attribute-form__attachment-element-detail-file-name-input{flex:1 1 auto;min-inline-size:0}.esri-batch-attribute-form__attachment-element-detail-preview{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--calcite-space-sm);align-items:center;justify-content:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);background-color:var(--calcite-color-surface-2);padding:var(--calcite-space-sm);inline-size:100%}.esri-batch-attribute-form__attachment-element-dialog-preview{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--calcite-space-sm);align-items:center;justify-content:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);background-color:var(--calcite-color-surface-2);padding:var(--calcite-space-sm);block-size:100%;min-block-size:0;max-block-size:100%;inline-size:100%;overflow:hidden;.esri-batch-attribute-form__attachment-element-detail-preview-image{max-block-size:100%;max-inline-size:100%}}.esri-batch-attribute-form__attachment-element-detail-preview-image{display:block;block-size:auto;max-block-size:min(24rem,50vh);inline-size:100%;object-fit:contain}.esri-batch-attribute-form__attachment-element-detail-preview-icon{color:var(--calcite-color-text-2)}.esri-batch-attribute-form__attachment-element-detail-actions{display:flex;flex-wrap:wrap;gap:var(--calcite-space-xs)}.esri-batch-attribute-form__attachment-element-detail-metadata{display:flex;flex-direction:column;gap:var(--calcite-space-md);padding-block-start:var(--calcite-space-lg)}.esri-batch-attribute-form__attachment-element-detail-metadata-label{line-height:var(--calcite-font-line-height-fixed-base);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-regular);font-style:normal}.esri-batch-attribute-form__attachment-element-detail-metadata-value{white-space:pre-wrap;overflow-wrap:break-word;line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-regular);font-style:normal}.esri-batch-attribute-form__text-element-input{line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular);a{display:inline;position:relative;transition:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start inset-size,opacity,outline-color,transform var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;border-style:none;background-color:transparent;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px;padding:0;text-decoration:none;color:var(--calcite-color-text-link);&:hover,&:focus{background-size:100% 1px,100% 1px}&:active{background-size:100% 2px,100% 2px}&.calcite--rtl{background-position:100% 100%,100% 100%}}code{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-xs);background-color:var(--calcite-color-surface-4);padding:var(--calcite-space-2xs);white-space:normal;word-break:break-word;color:var(--calcite-color-text-2);font-family:var(--calcite-code-family);font-size:85%}h1,h2,h3,h4,h5{margin-bottom:var(--calcite-space-2xs);line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-bold)}h5{font-weight:var(--calcite-font-weight-medium)}h6{margin-bottom:var(--calcite-space-2xs);line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium)}p{margin-bottom:var(--calcite-space-lg);line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-regular)}strong{font-weight:var(--calcite-font-weight-bold)}}.esri-batch-attribute-form__utility-network-associations-element-input{margin-block-end:var(--calcite-space-md);.esri-feature-utility-network-associations{.esri-feature-element-info__description{color:var(--calcite-color-text-3)}h5{color:var(--calcite-color-text-1);font-size:inherit}}}`;
+var _ = (t) => {
   throw TypeError(t);
-}, n = (t, e, i) => e.has(t) || o("Cannot " + i), m = (t, e, i) => (n(t, e, "read from private field"), i ? i.call(t) : e.get(t)), b = (t, e, i) => e.has(t) ? o("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), f = (t, e, i, w) => (n(t, e, "write to private field"), e.set(t, i), i), r;
-const _ = h(l);
-class v extends d {
+}, x = (t, e, a) => e.has(t) || _("Cannot " + a), S = (t, e, a) => (x(t, e, "read from private field"), a ? a.call(t) : e.get(t)), I = (t, e, a) => e.has(t) ? _("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), q = (t, e, a, c) => (x(t, e, "write to private field"), e.set(t, a), a), o;
+const A = T(F);
+class H extends M {
   constructor() {
-    super(...arguments), b(this, r), this.widget = _(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.editType = this.viewModel.editType, this.groupDisplay = this.widget.groupDisplay, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.status = this.viewModel.status, this.valid = this.viewModel.valid, this.label = this.widget.label, this.features = this.widget.features, this.disabled = this.widget.disabled, this.activeFeatureIndex = this.widget.activeFeatureIndex, this.submitHasBeenAttempted = this.viewModel.submitHasBeenAttempted, this.updating = this.viewModel.updating, this.maximumFeatureCount = this.viewModel.maximumFeatureCount, this.maximumFeatureCountWithComplexForms = this.viewModel.maximumFeatureCountWithComplexForms, this.hasTooManyFeatures = this.viewModel.hasTooManyFeatures, this.hasTooManyComplexFeatures = this.viewModel.hasTooManyComplexFeatures, this.readOnly = this.widget.readOnly, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = c()("status", "valid", "updating", "submitHasBeenAttempted", "activeFeatureIndex"), this.arcgisReady = g(), this.arcgisSubmit = a(() => this.widget, "submit"), this.arcgisValueChange = a(() => this.widget, "value-change");
+    super(...arguments), I(this, o), this.widget = A(this), this.viewModel = this.widget.viewModel, this._updating = !1, this._hasTooManyFeatures = !1, this._hasTooManyComplexFeatures = !1, this._status = "not-loaded", this._expressionEvaluationFailed = !1, this._invalidFeatures = [], this._valid = !1, this.autoDestroyDisabled = !1, this.editType = this.viewModel.editType, this.groupDisplay = this.widget.groupDisplay, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.features = this.widget.features, this.disabled = this.widget.disabled, this.activeFeatureIndex = this.widget.activeFeatureIndex, this.submitHasBeenAttempted = this.viewModel.submitHasBeenAttempted, this.maximumFeatureCount = this.viewModel.maximumFeatureCount, this.maximumFeatureCountWithComplexForms = this.viewModel.maximumFeatureCountWithComplexForms, this.readOnly = this.widget.readOnly, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = k()("status", "valid", "updating", "submitHasBeenAttempted", "activeFeatureIndex", "hasTooManyFeatures", "hasTooManyComplexFeatures", "expressionEvaluationFailed", "invalidFeatures"), this.arcgisReady = C(), this.arcgisSubmit = v(() => this.widget, "submit"), this.arcgisValueChange = v(() => this.widget, "value-change");
   }
   static {
-    this.properties = { view: 0, autoDestroyDisabled: 5, editType: 1, groupDisplay: 1, headingLevel: 9, icon: 1, status: 1, valid: 5, label: 1, features: 0, disabled: 5, activeFeatureIndex: 9, submitHasBeenAttempted: 5, updating: 5, maximumFeatureCount: 9, maximumFeatureCountWithComplexForms: 9, hasTooManyFeatures: 5, hasTooManyComplexFeatures: 5, invalidFeatures: 32, position: 1, referenceElement: 1, readOnly: 5, timeZone: 1 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, editType: 1, groupDisplay: 1, headingLevel: 9, icon: 1, status: 32, valid: 32, label: 1, features: 0, disabled: 5, activeFeatureIndex: 9, submitHasBeenAttempted: 5, updating: 32, maximumFeatureCount: 9, maximumFeatureCountWithComplexForms: 9, hasTooManyFeatures: 32, hasTooManyComplexFeatures: 32, expressionEvaluationFailed: 32, invalidFeatures: 32, position: 1, referenceElement: 1, readOnly: 5, timeZone: 1 };
   }
   static {
-    this.styles = p;
+    this.styles = V;
   }
   get layerInfos() {
-    return m(this, r);
+    return S(this, o);
   }
   set layerInfos(e) {
-    f(this, r, e);
+    q(this, o, e);
+  }
+  get status() {
+    return this._status;
+  }
+  get valid() {
+    return this._valid;
+  }
+  get updating() {
+    return this._updating;
+  }
+  get hasTooManyFeatures() {
+    return this._hasTooManyFeatures;
+  }
+  get hasTooManyComplexFeatures() {
+    return this._hasTooManyComplexFeatures;
+  }
+  get expressionEvaluationFailed() {
+    return this._expressionEvaluationFailed;
   }
   get invalidFeatures() {
-    return this.viewModel.invalidFeatures;
+    return this._invalidFeatures;
   }
   async destroy() {
     await this.manager.destroy();
@@ -42,9 +61,67 @@ class v extends d {
   userChangesHaveMadeFeatureInvalid(e) {
     return this.viewModel.userChangesHaveMadeFeatureInvalid(e);
   }
+  loaded() {
+    this._syncTrackedViewModelState(), this.manager.onLifecycle(() => [
+      r(() => this.viewModel.status, () => {
+        this._syncTrackedViewModelState();
+      }),
+      r(() => this.viewModel.valid, () => {
+        this._syncTrackedViewModelState();
+      }),
+      r(() => this.viewModel.expressionEvaluationFailed, () => {
+        this._syncTrackedViewModelState();
+      }),
+      r(() => this.viewModel.invalidFeatures, () => {
+        this._syncTrackedViewModelState();
+      }),
+      r(() => this.viewModel.updating, () => {
+        this._syncTrackedViewModelState();
+      }),
+      r(() => this.viewModel.hasTooManyFeatures, () => {
+        this._syncTrackedViewModelState();
+      }),
+      r(() => this.viewModel.hasTooManyComplexFeatures, () => {
+        this._syncTrackedViewModelState();
+      })
+    ]);
+  }
+  _syncTrackedViewModelState() {
+    const e = this.viewModel.status, a = this.viewModel.valid, c = this.viewModel.updating, l = this.viewModel.expressionEvaluationFailed, n = [...this.viewModel.invalidFeatures ?? []], s = this.viewModel.hasTooManyFeatures, d = this.viewModel.hasTooManyComplexFeatures, h = this.status !== e, m = this.valid !== a, u = this.updating !== c, p = this.expressionEvaluationFailed !== l, g = this.hasTooManyFeatures !== s, b = this.hasTooManyComplexFeatures !== d, f = this.invalidFeatures.length !== n.length || this.invalidFeatures.some((i, w) => i !== n[w]);
+    !h && !m && !u && !p && !g && !b && !f || z(() => {
+      if (h) {
+        const i = this._status;
+        this._status = e, this.requestUpdate("status", i);
+      }
+      if (m) {
+        const i = this._valid;
+        this._valid = a, this.requestUpdate("valid", i);
+      }
+      if (u) {
+        const i = this._updating;
+        this._updating = c, this.requestUpdate("updating", i);
+      }
+      if (p) {
+        const i = this._expressionEvaluationFailed;
+        this._expressionEvaluationFailed = l, this.requestUpdate("expressionEvaluationFailed", i);
+      }
+      if (g) {
+        const i = this._hasTooManyFeatures;
+        this._hasTooManyFeatures = s, this.requestUpdate("hasTooManyFeatures", i);
+      }
+      if (b) {
+        const i = this._hasTooManyComplexFeatures;
+        this._hasTooManyComplexFeatures = d, this.requestUpdate("hasTooManyComplexFeatures", i);
+      }
+      if (f) {
+        const i = this._invalidFeatures;
+        this._invalidFeatures = n, this.requestUpdate("invalidFeatures", i);
+      }
+    });
+  }
 }
-r = /* @__PURE__ */ new WeakMap();
-s("arcgis-multi-feature-form", v);
+o = /* @__PURE__ */ new WeakMap();
+y("arcgis-multi-feature-form", H);
 export {
-  v as ArcgisMultiFeatureForm
+  H as ArcgisMultiFeatureForm
 };

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

@@ -39,6 +39,15 @@ export abstract class ArcgisNavigationToggle extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-navigation-toggle auto-destroy-disabled></arcgis-navigation-toggle>
+   * ```
+   *
+   * ```js
+   * navigationToggleElement.autoDestroyDisabled = true;
+   * ```
+   *
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -84,8 +93,8 @@ export abstract class ArcgisNavigationToggle extends LitElement {
   /** The current state of the component. */
   get state(): NavigationToggleState;
   /**
-   * The view associated with the component.
-   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-navigation-toggle component will be associated with a map or scene component rather than using the `view` property.
+   * The view associated with the component.
+   * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-navigation-toggle component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: SceneView | undefined;
   /**
@@ -100,7 +109,7 @@ export abstract class ArcgisNavigationToggle extends LitElement {
   toggle(): Promise<void>;
   /** 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: "layout" | "state"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisPropertyChange: ArcgisNavigationToggle["arcgisPropertyChange"]["detail"];

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

@@ -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 { c 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-toggle-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 CHANGED Viewed

@@ -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-oriented-imagery-viewer/customElement.d.ts CHANGED Viewed

@@ -13,6 +13,18 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
  * @since 4.31
  */
 export abstract class ArcgisOrientedImageryViewer extends LitElement {
+  /**
+   * Specifies the position of the action bar within the oriented imagery viewer.
+   * | Position | Description |
+   * |----------|-------------|
+   * | bottom   | Action bar is positioned at the bottom of the viewer. |
+   * | end      | Action bar is positioned at the end of the viewer. |
+   * | start    | Action bar is positioned at the start of the viewer. |
+   * | top      | Action bar is positioned at the top of the viewer. |
+   *
+   * @since 5.2
+   */
+  accessor actionBarPosition: "bottom" | "end" | "start" | "top";
   /**
    * If true, the component will not be destroyed automatically when it is
    * disconnected from the document. This is useful when you want to move the
@@ -21,6 +33,15 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-oriented-imagery-viewer auto-destroy-disabled></arcgis-oriented-imagery-viewer>
+   * ```
+   *
+   * ```js
+   * orientedImageryViewerElement.autoDestroyDisabled = true;
+   * ```
+   *
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -34,7 +55,7 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
   accessor currentCoverageVisible: boolean;
   /**
    * Indicates whether the data capture tools are enabled in the oriented imagery viewer for digitization.
-   * When set to `true` , the data capture (edit) option will be visible on the digitizable overlayed feature layers available in the image overlays tab.
+   * When set to `true`, the data capture (edit) option will be visible on the digitizable overlayed feature layers available in the image overlays tab.
    * On clicking the data capture option, the digitization tools will appear at the bottom of the viewer once the overlay tab is closed.
    *
    * @default false
@@ -43,7 +64,7 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
   accessor dataCaptureEnabled: boolean;
   /**
    * When `false`, the view click interaction is enabled for the oriented imagery viewer component. This allows users to pick a location on the map and display the best image to the viewer.
-   * When `true` the view click interaction will be defaulted to map navigation.
+   * When `true`, the view click interaction will be defaulted to map navigation.
    *
    * @default false
    */
@@ -51,20 +72,20 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
   /**
    * Indicates if the image gallery functionality is available in the component.
    * To visualize additional images of the same location, select the image gallery from the oriented imagery viewer.
-   * The galley is a carousel of low-resolution thumbnails of all images that depict the selected map location. Click a thumbnail to view the full-resolution image in the oriented imagery viewer.
+   * The gallery is a carousel of low-resolution thumbnails of all images that depict the selected map location. Click a thumbnail to view the full-resolution image in the oriented imagery viewer.
    *
    * @default false
    */
   accessor galleryOpened: boolean;
   /**
-   * Indicates whether to display the header of the widget.
+   * Indicates whether to hide the header of the widget.
    *
    * @default false
    * @since 5.1
    */
   accessor hideHeader: boolean;
   /**
-   * Indicates whether to display the action bar of the widget.
+   * Indicates whether to hide the action bar of the widget.
    *
    * @default false
    * @since 5.1
@@ -81,7 +102,7 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
   get icon(): Icon["icon"];
   set icon(value: IconName);
   /**
-   * Indicates if the image enhancement tool is active. When `true` the component displays the functionalities to adjust the brightness, contrast, and sharpness of the
+   * Indicates if the image enhancement tool is active. When `true`, the component displays the functionalities to adjust the brightness, contrast, and sharpness of the
    * image in the oriented imagery viewer using interactive sliders.
    * Settings will be preserved for subsequent images loaded in the oriented imagery viewer.
    *
@@ -90,14 +111,14 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
   accessor imageEnhancementToolActive: boolean;
   /**
    * When `true`, the image gallery functionality is available in the component.
-   * Image gallery currently only supports MRF and Tif image formats.
+   * Image gallery currently only supports MRF and TIFF image formats.
    *
    * @default false
    */
   get imageGalleryEnabled(): boolean;
   /**
    * Indicates whether the image overlays tab in the oriented imagery viewer is open.
-   * When set to `true` , the overlays tab appears at the bottom of the viewer. It includes two toggle options: overlay camera locations and overlay map features.
+   * When set to `true`, the overlays tab appears at the bottom of the viewer. It includes two toggle options: overlay camera locations and overlay map features.
    * These options enable users to visualize and overlay map features that intersect with the image’s footprint within the viewer.
    *
    * @default false
@@ -126,7 +147,7 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    */
   accessor label: string | null | undefined;
   /**
-   * Specifies the current [OrientedImageryLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/OrientedImageryLayer/) to use. The layer is one the component connects to and utilizes to populate the image.
+   * Specifies the current [OrientedImageryLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/OrientedImageryLayer/) to use. The layer is one that the component connects to and utilizes to populate the image.
    * The layer contains the feature data and oriented imagery properties required by the viewer to load the image and generate the associated graphics.
    *
    * > [!WARNING]
@@ -141,7 +162,7 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    */
   accessor mapImageConversionToolState: boolean;
   /**
-   * The layer ID of a Oriented Imagery Layer in the associated map.
+   * The layer ID of an Oriented Imagery Layer in the associated map.
    * When set, the component will attempt to find and use the layer with the provided ID from the map.
    *
    * > [!WARNING]
@@ -193,8 +214,14 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    */
   get referencePoint(): Point | null;
   /**
-   * The view associated with the component.
-   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-oriented-imagery-viewer component will be associated with a map or scene component rather than using the `view` property.
+   * The map location selected to find imagery. Geographic points are projected to Web Mercator; other points retain their spatial reference.
+   *
+   * @since 5.2
+   */
+  get selectedPoint(): null | undefined | Point;
+  /**
+   * The view associated with the component.
+   * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-oriented-imagery-viewer component will be associated with a map or scene component rather than using the `view` property.
    *
    * @since 4.30
    */
@@ -214,7 +241,7 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
   };
   /** 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: "imageGalleryEnabled" | "layer"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisPropertyChange: ArcgisOrientedImageryViewer["arcgisPropertyChange"]["detail"];