npm - @arcgis/map-components - Versions diffs - 4.34.0-next.15 → 4.34.0-next.151 - Mend

@arcgis/map-components 4.34.0-next.15 → 4.34.0-next.151

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 (1966) hide show

package/dist/components/arcgis-utility-network-validate-topology/customElement.js CHANGED Viewed

@@ -1,45 +1,46 @@
-import { c as i } from "../../chunks/runtime.js";
-import { usePropertyChange as e } from "@arcgis/lumina/controllers";
-import { watch as o } from "@arcgis/core/core/reactiveUtils.js";
-import s from "@arcgis/core/widgets/UtilityNetworkValidateTopology.js";
-import { LitElement as a, createEvent as r, noShadowRoot as l } from "@arcgis/lumina";
-import { m as h } from "../../chunks/useWidget.js";
+import { c as t } from "../../chunks/runtime.js";
+import { usePropertyChange as i } from "@arcgis/lumina/controllers";
+import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
+import o from "@arcgis/core/widgets/UtilityNetworkValidateTopology.js";
+import { LitElement as a, createEvent as n } from "@arcgis/lumina";
+import { m as s } from "../../chunks/useWidget.js";
+import { css as l } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.15 */
-const w = h(
+v4.34.0-next.151 */
+const c = l`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media (prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media (prefers-reduced-motion: reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);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__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{max-width:fit-content}.esri-un-validate-topology__container{width:350px}.esri-un-validate-topology__content{border-bottom:none;margin:0}.esri-un-validate-topology__controls-container{gap:.5rem;display:grid}.esri-un-validate-topology__status-icon-container{width:48px;height:48px}.esri-un-validate-topology__status-icon-error{--calcite-color-icon-color: var(--calcite-color-status-warning);padding-top:var(--calcite-spacing-xl);padding-left:var(--calcite-spacing-xl)}.esri-un-validate-topology__status-icon-success{--calcite-color-icon-color: var(--calcite-color-status-success);padding-top:var(--calcite-spacing-xl);padding-left:var(--calcite-spacing-xl)}`, d = s(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/69562
-  s
+  o
 );
-class d extends a {
+class p extends a {
   constructor() {
-    super(...arguments), this.widget = w(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.extentToValidate = this.widget.extentToValidate, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "top-right", this.state = this.viewModel.state, this.utilityNetwork = this.widget.utilityNetwork, this.arcgisPropertyChange = e()("state"), this.arcgisReady = r();
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.extentToValidate = this.widget.extentToValidate, this.icon = this.widget.icon, this.label = this.widget.label, this.state = this.viewModel.state, this.utilityNetwork = this.widget.utilityNetwork, this.arcgisPropertyChange = i()("state"), this.arcgisReady = n();
   }
   static {
-    this.properties = { view: 16, autoDestroyDisabled: 5, extentToValidate: 1, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, utilityNetwork: 0 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, extentToValidate: 1, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, utilityNetwork: 0 };
   }
   static {
-    this.shadowRootOptions = l;
+    this.styles = c;
   }
   async destroy() {
     await this.manager.destroy();
   }
   async loaded() {
     await this._loadUtilityNetwork(), this.manager.onLifecycle(() => [
-      o(() => this.view, () => {
+      r(() => this.el.view, () => {
         this._loadUtilityNetwork();
       })
     ]);
   }
   async _loadUtilityNetwork() {
-    if (this.view?.map && this.view.map.portalItem) {
-      await this.view.map.load();
-      const t = this.view.map.utilityNetworks?.getItemAt(0);
-      await t?.load(), this.utilityNetwork = t;
+    if (this.el.view?.map && this.el.view.map.portalItem) {
+      await this.el.view.map.load();
+      const e = this.el.view.map.utilityNetworks?.getItemAt(0);
+      await e?.load(), this.utilityNetwork = e;
     }
   }
 }
-i("arcgis-utility-network-validate-topology", d);
+t("arcgis-utility-network-validate-topology", p);
 export {
-  d as ArcgisUtilityNetworkValidateTopology
+  p as ArcgisUtilityNetworkValidateTopology
 };

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

@@ -1,27 +1,29 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
 import { default as ValuePicker } from '@arcgis/core/widgets/ValuePicker.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
-declare const useValuePickerWidget: (component: LitElement & Pick<ValuePicker, "icon" | "label" | "component" | "values" | "caption" | "layout" | "canNext" | "canPlay" | "canPrevious" | "loop" | "playRate"> & {
+declare const useValuePickerWidget: (component: LitElement & Pick<ValuePicker, "icon" | "label" | "values" | "component" | "layout" | "caption" | "canPlay" | "canNext" | "canPrevious" | "loop" | "playRate"> & {
     state?: unknown;
     viewModel?: unknown;
     closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
+    icon: import('@arcgis/toolkit/type').nil | string;
+    label: import('@arcgis/toolkit/type').nil | string;
     referenceElement?: ArcgisReferenceElement | string;
-    position: __esri.UIPosition;
+    position?: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
     arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
         childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
+            ownedBy
+            /** @copyDoc */
+            ? /** @copyDoc */: HTMLElement;
         };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | nullish;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
@@ -85,7 +87,8 @@ export declare class ArcgisValuePicker extends LitElement {
     /** @default false */
     hidePreviousButton: boolean | undefined;
     /**
-     * Icon which represents the widget.
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
      *
      * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "list-rectangle"
@@ -102,7 +105,7 @@ export declare class ArcgisValuePicker extends LitElement {
      *
      * @default "horizontal"
      */
-    layout: "vertical" | "horizontal";
+    layout: "horizontal" | "vertical";
     /**
      * If true, playback will restart when it reaches the end.
      *
@@ -115,15 +118,20 @@ export declare class ArcgisValuePicker extends LitElement {
      * @default 1000
      */
     playRate: number;
-    /** @default "bottom-left" */
-    position: __esri.UIPosition;
+    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    position?: __esri.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * The current value of the ValuePicker.
      *
      * @default null
      */
-    values: any[] | nullish | number[] | string[];
+    values: any[] | string[] | nullish | number[];
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
     next(): Promise<void>;
@@ -139,7 +147,7 @@ export declare class ArcgisValuePicker extends LitElement {
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "values";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
 }
 export {};

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

@@ -1,26 +1,23 @@
 import { c as i } from "../../chunks/runtime.js";
-import { usePropertyChange as e } from "@arcgis/lumina/controllers";
-import { reEmitEvent as t } from "@arcgis/lumina/controllers/accessor";
-import s from "@arcgis/core/widgets/ValuePicker.js";
-import { LitElement as a, createEvent as o, noShadowRoot as n } from "@arcgis/lumina";
-import { m as h } from "../../chunks/useWidget.js";
-import { css as r } from "@lit/reactive-element/css-tag.js";
+import { usePropertyChange as r } from "@arcgis/lumina/controllers";
+import { reEmitEvent as e } from "@arcgis/lumina/controllers/accessor";
+import t from "@arcgis/core/widgets/ValuePicker.js";
+import { LitElement as a, createEvent as o } from "@arcgis/lumina";
+import { m as l } from "../../chunks/useWidget.js";
+import { css as s } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.15 */
-const l = r`@layer{arcgis-value-picker{display:block}}`, c = h(s);
-class u extends a {
+v4.34.0-next.151 */
+const c = s`.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{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);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__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-value-picker .esri-slider{background:0 0;flex:auto}.esri-value-picker .esri-slider__tick-label{white-space:nowrap;font-size:var(--calcite-font-size--3)}.esri-value-picker .esri-slider__ticks{margin:0}.esri-value-picker .esri-slider__tick,.esri-value-picker .esri-slider__track{background:var(--calcite-color-border-input)}.esri-value-picker .esri-slider__tick.esri-value-picker__slider__tick-steps{width:3px;height:3px}.esri-value-picker .esri-slider__anchor:focus-visible{outline:none}.esri-value-picker__action-bar{background-color:var(--calcite-color-foreground-1)}.esri-value-picker__caption-border,.esri-value-picker__label-border{border:solid 1px var(--calcite-color-border-3);align-items:center;display:flex}.esri-value-picker__caption-text,.esri-value-picker__label-text{white-space:nowrap;font-family:inherit;font-weight:var(--calcite-font-weight-medium);overflow:hidden}.esri-value-picker__label-text{color:var(--calcite-color-text-1)}.esri-value-picker__slider{flex:auto;display:flex}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined{width:fit-content}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__action-bar{width:100%}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__caption,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__caption{padding-inline-end:.5rem}.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox,.esri-value-picker__layout--horizontal.esri-value-picker__type--label,.esri-value-picker__layout--horizontal.esri-value-picker__type--slider{min-width:450px}.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--label .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--slider .esri-value-picker__action-bar{width:100%}.esri-value-picker__layout--horizontal .esri-value-picker__caption{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:.5rem;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__caption-border{padding-inline:.5rem}.esri-value-picker__layout--horizontal .esri-value-picker__caption-text{text-overflow:ellipsis;max-width:100px;font-size:var(--calcite-font-size--1)}.esri-value-picker__layout--horizontal .esri-value-picker__combobox{--calcite-color-border-input: var(--calcite-color-border-3);flex:auto;align-items:center;padding-inline:10px;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__combobox calcite-combobox{flex:auto;width:0}.esri-value-picker__layout--horizontal .esri-value-picker__label{flex:auto;padding:.5rem;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__label-border{flex:auto;padding-inline:.5rem}.esri-value-picker__layout--horizontal .esri-value-picker__label-text{text-overflow:ellipsis;width:0;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);flex:auto}.esri-value-picker__layout--horizontal .esri-value-picker__separator{border-right:solid 1px var(--calcite-color-border-3);width:1px;margin-inline-start:.25rem}.esri-value-picker__layout--horizontal .esri-value-picker__slider{padding-inline:30px}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-minor{height:3px}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-major{height:var(--calcite-spacing-xs)}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-steps{margin-top:-6px;margin-left:-1px}.esri-value-picker__layout--horizontal .esri-slider{margin-top:-10px}.esri-value-picker__layout--horizontal .esri-slider__track{height:1px}.esri-value-picker__layout--vertical.esri-value-picker__type--collection,.esri-value-picker__layout--vertical.esri-value-picker__type--undefined{height:fit-content}.esri-value-picker__layout--vertical.esri-value-picker__type--collection .esri-value-picker__action-bar,.esri-value-picker__layout--vertical.esri-value-picker__type--undefined .esri-value-picker__action-bar{height:100%}.esri-value-picker__layout--vertical.esri-value-picker__type--slider{min-height:450px}.esri-value-picker__layout--vertical.esri-value-picker__type--slider .esri-value-picker__action-bar{height:100%;min-height:450px}.esri-value-picker__layout--vertical .esri-value-picker__caption{width:48px;padding:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__caption-border{justify-content:center}.esri-value-picker__layout--vertical .esri-value-picker__caption-text{text-overflow:clip;font-size:var(--calcite-font-size--2);padding-block:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__separator{border-bottom:solid 1px var(--calcite-color-border-3);height:1px;margin-top:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__slider{flex-direction:column;padding:15px 0}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-minor{width:3px}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-major{width:var(--calcite-spacing-xs)}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-steps{margin-top:-1px;margin-left:-6px}.esri-value-picker__layout--vertical .esri-slider{margin-left:-13px}.esri-value-picker__layout--vertical .esri-slider__tick-label{margin-left:var(--calcite-spacing-xxl)}.esri-value-picker__layout--vertical .esri-slider__track{width:1px}:dir(rtl) .esri-value-picker{direction:ltr}:dir(rtl) .esri-value-picker .esri-value-picker__combobox,:dir(rtl) .esri-value-picker .esri-value-picker__slider__tooltip{direction:rtl}`, n = l(t);
+class d extends a {
   constructor() {
-    super(...arguments), this.widget = c(this), this.autoDestroyDisabled = !1, this.canNext = this.widget.canNext, this.canPlay = this.widget.canPlay, this.canPrevious = this.widget.canPrevious, this.caption = this.widget.caption, this.component = this.widget.component, this.hideNextButton = this.widget.visibleElements.nextButton, this.hidePlayButton = this.widget.visibleElements.playButton, this.hidePreviousButton = this.widget.visibleElements.previousButton, this.icon = this.widget.icon, this.label = this.widget.label, this.layout = this.widget.layout, this.loop = this.widget.loop, this.playRate = this.widget.playRate, this.position = "bottom-left", this.values = this.widget.values, this.arcgisAnimate = t(() => this.widget, "animate"), this.arcgisNext = t(() => this.widget, "next"), this.arcgisPause = t(() => this.widget, "pause"), this.arcgisPlay = t(() => this.widget, "play"), this.arcgisPrevious = t(() => this.widget, "previous"), this.arcgisPropertyChange = e()("values"), this.arcgisReady = o();
+    super(...arguments), this.widget = n(this), this.autoDestroyDisabled = !1, this.canNext = this.widget.canNext, this.canPlay = this.widget.canPlay, this.canPrevious = this.widget.canPrevious, this.caption = this.widget.caption, this.component = this.widget.component, this.hideNextButton = this.widget.visibleElements.nextButton, this.hidePlayButton = this.widget.visibleElements.playButton, this.hidePreviousButton = this.widget.visibleElements.previousButton, this.icon = this.widget.icon, this.label = this.widget.label, this.layout = this.widget.layout, this.loop = this.widget.loop, this.playRate = this.widget.playRate, this.values = this.widget.values, this.arcgisAnimate = e(() => this.widget, "animate"), this.arcgisNext = e(() => this.widget, "next"), this.arcgisPause = e(() => this.widget, "pause"), this.arcgisPlay = e(() => this.widget, "play"), this.arcgisPrevious = e(() => this.widget, "previous"), this.arcgisPropertyChange = r()("values"), this.arcgisReady = o();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, canNext: 7, canPlay: 7, canPrevious: 7, caption: 1, component: 0, hideNextButton: 5, hidePlayButton: 5, hidePreviousButton: 5, icon: 1, label: 1, layout: 1, loop: 5, playRate: 9, position: 1, referenceElement: 1, values: 0 };
   }
   static {
-    this.shadowRootOptions = n;
-  }
-  static {
-    this.styles = l;
+    this.styles = c;
   }
   async destroy() {
     await this.manager.destroy();
@@ -38,7 +35,7 @@ class u extends a {
     this.widget?.previous();
   }
 }
-i("arcgis-value-picker", u);
+i("arcgis-value-picker", d);
 export {
-  u as ArcgisValuePicker
+  d as ArcgisValuePicker
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
 import { default as VersionManagementViewModel } from '@arcgis/core/widgets/VersionManagement/VersionManagementViewModel.js';
 import { JsxNode, ToEvents, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -27,6 +27,8 @@ export type InitialVersionInfo = {
  * Note: Sign in to access the data in this sample, U/P: `viewer01`/`I68VGU^nMurF`
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-version-management/)
+ *
+ * @since 4.29
  */
 export declare class ArcgisVersionManagement extends LitElement {
     /** @default false */
@@ -44,40 +46,57 @@ export declare class ArcgisVersionManagement extends LitElement {
     /** @default false */
     closable: boolean;
     /**
-     * The `initialVersionInfos` property enables users to initialize the Version Management Component with a predefined set of versions.
+     * The `initialVersionInfos` property enables users to initialize the Version Management component with a predefined set of versions.
      * By providing an array of `InitialVersionInfo`, the component displays a specified version for each feature service upon initialization.
      */
     get initialVersionInfos(): InitialVersionInfo[];
     set initialVersionInfos(value: InitialVersionInfo[]);
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     *
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+     */
     icon?: string;
     label?: string;
-    /** Replace localized message strings with your own strings. <br>_**Note**: Individual message keys may change between releases._ */
+    /**
+     * Replace localized message strings with your own strings.
+     *
+     * _**Note**: Individual message keys may change between releases._
+     */
     messageOverrides?: typeof this.messages._overrides;
     mode?: string;
     /**
-     * Specifies the number of versions displayed on each page of the Version Management Component.
+     * Specifies the number of versions displayed on each page of the Version Management component.
      *
      * @default 5
      */
     pageSize: number;
-    /** @default "top-right" */
-    position: __esri.UIPosition;
-    referenceElement?: ArcgisReferenceElement | string;
+    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    position?: __esri.UIPosition;
     /**
-     * The viewModel's state.
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-VersionManagement-VersionManagementViewModel.html#state)
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
      */
-    readonly state: "ready" | "loading" | "disabled" | "executing" | "failed" | "success";
+    referenceElement?: ArcgisReferenceElement | string;
+    /** The current state of the component. */
+    readonly state: "ready" | "loading" | "disabled" | "failed" | "success" | "executing";
     /**
      * This class provides functionality for managing versions in a versioned geodatabase.
-     * In the event that the Version Management component is destroyed, the VersioningStates can be utilized to maintain the current state of the Version Management Component.
-     * The Version Management Component can be reinitialized using a `Collection<VersioningState>`, or a predefined `Collection<VersioningState>` can be provided during the initial instantiation of the Version Management Component.
+     * In the event that the Version Management component is destroyed, the VersioningStates can be utilized to maintain the current state of the Version Management component.
+     * The Version Management component can be reinitialized using a `Collection<VersioningState>`, or a predefined `Collection<VersioningState>` can be provided during the initial instantiation of the Version Management component.
      */
     versioningStates: __esri.Collection<__esri.VersioningState>;
+    /**
+     * The view from which the widget will operate.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-VersionManagement-VersionManagementViewModel.html#view)
+     */
+    view?: __esri.MapView | undefined;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     readonly arcgisVersioningStateChanged: TargetedEvent<this, VersioningStateEvent>;
     private messages: {
@@ -99,7 +118,6 @@ export declare class ArcgisVersionManagement extends LitElement {
         };
         executionErrors: {
             invalidVersionName: string;
-            noAdvancedEditingUserTypeExtension: string;
             noFeatureServiceFound: string;
             notValidEnterpriseVersion: string;
             noVersionManagementServiceFound: string;
@@ -146,7 +164,6 @@ export declare class ArcgisVersionManagement extends LitElement {
         };
         executionErrors: {
             invalidVersionName: string;
-            noAdvancedEditingUserTypeExtension: string;
             noFeatureServiceFound: string;
             notValidEnterpriseVersion: string;
             noVersionManagementServiceFound: string;