@arcgis/map-components 4.30.0 → 4.31.0-next.10

package/dist/cjs/arcgis-utility-network-associations.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-aed895fe.js');
-const index$1 = require('./index-99ee7e64.js');
-const componentUtils = require('./component-utils-22cd5970.js');
-const disconnected = require('./disconnected-2fbf1248.js');
+const index = require('./index-c198c829.js');
+const index$1 = require('./index-9fae8bf6.js');
+const componentUtils = require('./component-utils-e18ab772.js');
+const disconnected = require('./disconnected-f1cd1b5e.js');
 
 const utilityNetworkAssociationsCss = "arcgis-utility-network-associations{}";
 const ArcgisUtilityNetworkAssociationsStyle0 = utilityNetworkAssociationsCss;
@@ -251,7 +251,7 @@ const ArcgisUtilityNetworkAssociations = class {
         disconnected.onDisconnectedHelper(this);
     }
     render() {
-        return index.h("div", { key: 'd35b3ef2d8333d766c7e284ce71e9fe9139ff1e7', ref: (el) => (this.el.childElem = el) });
+        return index.h("div", { key: 'e5e3bda41458648ced749b442c37e5a9f5eecb38', ref: (el) => (this.el.childElem = el) });
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/arcgis-utility-network-trace.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-aed895fe.js');
-const index$1 = require('./index-99ee7e64.js');
-const componentUtils = require('./component-utils-22cd5970.js');
-const disconnected = require('./disconnected-2fbf1248.js');
+const index = require('./index-c198c829.js');
+const index$1 = require('./index-9fae8bf6.js');
+const componentUtils = require('./component-utils-e18ab772.js');
+const disconnected = require('./disconnected-f1cd1b5e.js');
 
 const utilityNetworkTraceCss = "";
 const ArcgisUtilityNetworkTraceStyle0 = utilityNetworkTraceCss;
@@ -144,7 +144,7 @@ const ArcgisUtilityNetworkTrace = class {
         disconnected.onDisconnectedHelper(this);
     }
     render() {
-        return index.h("div", { key: '4257b9b2ace37e83f8aa3c6f0d6fb3d69353112a', ref: (el) => (this.el.childElem = el) });
+        return index.h("div", { key: '6ec73ab7b7a1ca9c3603f9f195fbd33237678a4f', ref: (el) => (this.el.childElem = el) });
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/arcgis-utility-network-validate-topology.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-aed895fe.js');
-const index$1 = require('./index-99ee7e64.js');
-const componentUtils = require('./component-utils-22cd5970.js');
-const disconnected = require('./disconnected-2fbf1248.js');
+const index = require('./index-c198c829.js');
+const index$1 = require('./index-9fae8bf6.js');
+const componentUtils = require('./component-utils-e18ab772.js');
+const disconnected = require('./disconnected-f1cd1b5e.js');
 
 const utilityNetworkValidateTopologyCss = "arcgis-utility-network-validate-topology{}";
 const ArcgisUtilityNetworkValidateTopologyStyle0 = utilityNetworkValidateTopologyCss;
@@ -68,7 +68,7 @@ const ArcgisUtilityNetworkValidateTopology = class {
         disconnected.onDisconnectedHelper(this);
     }
     render() {
-        return index.h("div", { key: 'b799fc1c383c67bd8690ce4b0df49625493d1b1e', ref: (el) => (this.el.childElem = el) });
+        return index.h("div", { key: '33df8f11a5b19f0049b728016f8da46b13b7305c', ref: (el) => (this.el.childElem = el) });
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/arcgis-value-picker.cjs.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-aed895fe.js');
-const index$2 = require('./index-99ee7e64.js');
-const useWidget = require('./useWidget-34e425f5.js');
-const chunkPVEVZB4O = require('./chunk-PVEVZB4O-c098f55a.js');
-const index$1 = require('./index-c9205ffd.js');
-require('./component-utils-22cd5970.js');
+const index = require('./index-c198c829.js');
+const index$2 = require('./index-9fae8bf6.js');
+const useWidget = require('./useWidget-acadf493.js');
+const chunkUO3C4VZH = require('./chunk-UO3C4VZH-69551832.js');
+const index$1 = require('./index-d537d30f.js');
+require('./component-utils-e18ab772.js');
 
 const valuePickerCss = "arcgis-value-picker{}";
 const ArcgisValuePickerStyle0 = valuePickerCss;
@@ -30,7 +30,7 @@ const ArcgisValuePicker = class {
         this.widgetPrevious = index.createEvent(this, "arcgisPrevious", 7);
         this.manager = index$1.useControllerManager(this);
         this.widget = useValuePickerWidget(this);
-        this.arcgisPropertyChange = chunkPVEVZB4O.usePropertyChange()("values");
+        this.arcgisPropertyChange = chunkUO3C4VZH.usePropertyChange()("values");
         this.autoDestroyDisabled = false;
         this.referenceElement = undefined;
         this.position = "bottom-left";

package/dist/cjs/arcgis-version-management-service-item_2.cjs.entry.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-aed895fe.js');
+const index = require('./index-c198c829.js');
 
 const ArcgisVersionManagementServiceItem = class {
     constructor(hostRef) {
@@ -42,7 +42,7 @@ const ArcgisVersionManagementServiceItem = class {
     render() {
         const { serviceItemElementProps: { allowEditing, closable, currentUser, executionError, currentVersionIdentifier, flowElement, hasAdvEditingUte, heading, isVersioningApiAvailable, pageSize, serviceName, serviceUrl, state, strings, versionInfos, }, } = this;
         let { _versionList: versionList } = this;
-        const comboboxVersions = (index.h("calcite-combobox", { key: 'e80f4924dbd00f2a29140b91ee53369dff826d39', clearDisabled: true, label: serviceName, maxItems: 5, overlayPositioning: "fixed", selectionMode: "single-persist", onCalciteComboboxChange: (event) => {
+        const comboboxVersions = (index.h("calcite-combobox", { key: 'a1b29c99338f7338b600746c049559b4fcf34d28', clearDisabled: true, label: serviceName, maxItems: 5, overlayPositioning: "fixed", selectionMode: "single-persist", onCalciteComboboxChange: (event) => {
                 const node = event.target;
                 const versionInfo = versionInfos.find((version) => version.versionIdentifier.guid === node.value);
                 this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl, versionInfo });
@@ -53,7 +53,7 @@ const ArcgisVersionManagementServiceItem = class {
         let actionManageVersions;
         let tooltipManageVersions;
         if (allowEditing) {
-            actionManageVersions = (index.h("calcite-action", { key: 'fc6779c583aa81cf1f12584bda094b7d0d25dd06', id: `actionManageVersions_${serviceName}`, icon: "list", scale: "s", slot: "control", text: "", onClick: async () => {
+            actionManageVersions = (index.h("calcite-action", { key: '4ca48364fb6183edf651b7e53bbdf856c038c292', id: `actionManageVersions_${serviceName}`, icon: "list", scale: "s", slot: "control", text: "", onClick: async () => {
                     versionList = document.createElement("arcgis-version-management-version-list");
                     versionList.versionListElementProps = {
                         closable,
@@ -80,9 +80,9 @@ const ArcgisVersionManagementServiceItem = class {
                     this._addVersionListEventListeners(versionList);
                     flowElement.append(versionList);
                 } }));
-            tooltipManageVersions = (index.h("calcite-tooltip", { key: '5d9377d1bec63e4c3d310a3941c0ad693e81f48b', overlayPositioning: "fixed", referenceElement: `actionManageVersions_${serviceName}` }, index.h("span", { key: 'ce2e9fc08127e075738fb2cc59fa5387343eda50' }, strings.headers.manageVersions)));
+            tooltipManageVersions = (index.h("calcite-tooltip", { key: '6cd213e1d3e5e1596ae34207db0d8de00d69f413', overlayPositioning: "fixed", referenceElement: `actionManageVersions_${serviceName}` }, index.h("span", { key: 'a545354aaface0d3e75b09d1a414112f60e63762' }, strings.headers.manageVersions)));
         }
-        return (index.h("calcite-block", { key: '357a2c3e708f61505efa5e1a8f82a7c8ab4ac8dd', open: true, heading: serviceName }, comboboxVersions, actionManageVersions, tooltipManageVersions));
+        return (index.h("calcite-block", { key: '036ed5c86e3e8c410a34cdb884486537fb6ec3ad', open: true, heading: serviceName }, comboboxVersions, actionManageVersions, tooltipManageVersions));
     }
     //--------------------------------------------------------------------------
     //
@@ -233,17 +233,17 @@ const ArcgisVersionManagementVersionProperties = class {
     }
     render() {
         const { versionPropertiesElementProps: { closable, currentUser, hasAdvEditingUte, state, strings, versionInfo }, _mode: mode, _ownerName: ownerName, _versionName: versionName, } = this;
-        const buttons = (index.h("div", { key: '135d4141e995bbf31123c16d900a1e274575aafb' }, index.h("calcite-button", { key: '44a78143d595fe108d1d312da6ba1bf340be77b8', appearance: "outline", slot: "footer", width: "half", onClick: this._handleCancel }, strings.actions.cancelSave), index.h("calcite-button", { key: '30b32b985a16d7841a444e638309b914cac1b406', slot: "footer", width: "half", onClick: this._handleSave }, strings.actions.saveVersion)));
-        const chipGroupAccessLevel = (index.h("calcite-label", { key: 'fb496917361a78043ca219cdb438f30414dd5acd' }, strings.input.versionAccess, index.h("calcite-chip-group", { key: 'f81920bbcdc1bd18187b8107d039cd2a61b8e4dc', label: "access", onCalciteChipGroupSelect: this._handleChange, selectionMode: "single-persist" }, index.h("calcite-chip", { key: '9e55255b9114d1d239a17248ccd200fd097af5f2', selected: (mode === "edit" && versionInfo.access === "public") || mode === "create", value: "public" }, strings.accessLevels.public), index.h("calcite-chip", { key: '03374352be5cfff98f80bb915fe75be762078258', selected: mode === "edit" && versionInfo.access === "protected", value: "protected" }, strings.accessLevels.protected), index.h("calcite-chip", { key: '452499aeb04c69b51101b774d91c0479753cf43b', selected: mode === "edit" && versionInfo.access === "private", value: "private" }, strings.accessLevels.private))));
-        const inputDescription = (index.h("calcite-label", { key: '11c04b89dfd8d85b68d322d552ece3bf5cc35567' }, strings.input.versionDescription, index.h("calcite-text-area", { key: '469568f5e6f902076338f1e7a99332d724ff54da', name: "description", onCalciteTextAreaInput: this._handleChange, resize: "vertical", value: mode === "edit" ? versionInfo.description : "" })));
-        const inputName = (index.h("calcite-label", { key: '14b2dabc65093f576b8ebca98cec745210353c0b' }, strings.input.versionName, index.h("calcite-input-text", { key: '04c0d47377ea59031fa88c38b996203b0d7c9175', ref: (node) => {
+        const buttons = (index.h("div", { key: 'a4497ee7ae0ffef6f5440fc4d9aacb9558f3dcc4' }, index.h("calcite-button", { key: 'f2198b43c53ef66e0dee1c92f4c4bb63c6cca6dd', appearance: "outline", slot: "footer", width: "half", onClick: this._handleCancel }, strings.actions.cancelSave), index.h("calcite-button", { key: '8b38edd2c29d9be13e1397a7c32ef7ddf50ecaa1', slot: "footer", width: "half", onClick: this._handleSave }, strings.actions.saveVersion)));
+        const chipGroupAccessLevel = (index.h("calcite-label", { key: '20b90b379838ddb574fc96a9335cbfed0c2814b7' }, strings.input.versionAccess, index.h("calcite-chip-group", { key: '09ae22fbcd0340c95954d30f2294265e115b8157', label: "access", onCalciteChipGroupSelect: this._handleChange, selectionMode: "single-persist" }, index.h("calcite-chip", { key: 'c43c30493b45d62dc5cbe01b3679e2dbdb940b43', selected: (mode === "edit" && versionInfo.access === "public") || mode === "create", value: "public" }, strings.accessLevels.public), index.h("calcite-chip", { key: '36fe78636668d53dd7713ccc79a32becfbcf16c1', selected: mode === "edit" && versionInfo.access === "protected", value: "protected" }, strings.accessLevels.protected), index.h("calcite-chip", { key: 'e52d952a812d746c2a535670fa975bb0414ecb50', selected: mode === "edit" && versionInfo.access === "private", value: "private" }, strings.accessLevels.private))));
+        const inputDescription = (index.h("calcite-label", { key: 'c2ba8929da774a0e07fb13f1f0f2d73762d00c49' }, strings.input.versionDescription, index.h("calcite-text-area", { key: 'b50128f831714c4a71a62d0d2d4fbb0f1061b9d8', name: "description", onCalciteTextAreaInput: this._handleChange, resize: "vertical", value: mode === "edit" ? versionInfo.description : "" })));
+        const inputName = (index.h("calcite-label", { key: '1467b66ad25e1465273a700e451171bc07af3188' }, strings.input.versionName, index.h("calcite-input-text", { key: 'c8872c8e726ceb30edf0dc754198182b28c7ecec', ref: (node) => {
                 this.versionNameInputElement = node;
             }, name: "versionName", onCalciteInputTextInput: this._handleChange, maxLength: 62, value: mode === "edit" ? versionName : "" })));
-        const inputOwner = (index.h("calcite-label", { key: 'b1773ab9fd4183852b522f465a6ba5347934c358' }, strings.input.versionOwner, index.h("calcite-input-text", { key: 'e62366ef2e7c143e9f63be1ae177a6b1a3639bce', name: "ownerName", onCalciteInputTextInput: this._handleChange, disabled: !hasAdvEditingUte, value: mode === "edit" ? ownerName : currentUser.toUpperCase() })));
+        const inputOwner = (index.h("calcite-label", { key: 'c4b5b03391b13505f69699915490ddd5dc9571c0' }, strings.input.versionOwner, index.h("calcite-input-text", { key: 'f71bb5465b735a23d801bfd20acb32ac37461949', name: "ownerName", onCalciteInputTextInput: this._handleChange, disabled: !hasAdvEditingUte, value: mode === "edit" ? ownerName : currentUser.toUpperCase() })));
         const switchToVersionCheckbox = mode === "create" ? (index.h("calcite-label", { layout: "inline" }, index.h("calcite-checkbox", { ref: (node) => {
                 this.switchToVersionCheckboxElement = node;
             }, checked: true, name: "switchToVersion", onCalciteCheckboxChange: this._handleSwitchToVersionChange }), strings.actions.switchToVersion)) : undefined;
-        return (index.h("calcite-flow-item", { key: '79059091093b6a5c977b43c2530db56f86c98133', closable: closable, description: versionInfo ? versionInfo.versionIdentifier.name : "", heading: versionInfo ? strings.actions.editVersion : strings.actions.newVersion, onCalciteFlowItemClose: this._handleClose }, index.h("calcite-panel", { key: '0eecfe1d97445089ef205e3c4dc569a23edc863c', loading: state === "executing" }, index.h("calcite-block", { key: 'ae61afab2e9d622c41d4b2e0f833057ceba024e0', heading: "", open: true }, inputName, inputDescription, chipGroupAccessLevel, inputOwner, switchToVersionCheckbox, buttons))));
+        return (index.h("calcite-flow-item", { key: '55135ea091fc10527ccba4da31794d0bbb870cb3', closable: closable, description: versionInfo ? versionInfo.versionIdentifier.name : "", heading: versionInfo ? strings.actions.editVersion : strings.actions.newVersion, onCalciteFlowItemClose: this._handleClose }, index.h("calcite-panel", { key: '98fb589f2d13afc9a6d8bbfe3679ffe731392af3', loading: state === "executing" }, index.h("calcite-block", { key: 'a8811289468d790fc0e4580eee20d8f9d4979ce4', heading: "", open: true }, inputName, inputDescription, chipGroupAccessLevel, inputOwner, switchToVersionCheckbox, buttons))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/arcgis-version-management-version-item_2.cjs.entry.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-aed895fe.js');
+const index = require('./index-c198c829.js');
 
 const ArcgisVersionManagementVersionItem = class {
     constructor(hostRef) {
@@ -24,15 +24,15 @@ const ArcgisVersionManagementVersionItem = class {
         const actionElementId = `actionSwitchToVersion_${guid}`;
         const canEditVersion = versionOwner.toUpperCase() === currentUser.toUpperCase() && isVersioningApiAvailable && hasAdvEditingUte;
         const isCurrentVersion = currentVersionIdentifier.guid === versionInfo.versionIdentifier.guid;
-        const startActionChangeVersion = (index.h("calcite-action", { key: '2f6e3eeea7fc7736a1199a29668894dd80dac94a', disabled: isCurrentVersion, id: actionElementId, icon: "code-branch", text: "", onClick: () => {
+        const startActionChangeVersion = (index.h("calcite-action", { key: '8448e45a116be80eb71042b9aed2f1cbe5961f30', disabled: isCurrentVersion, id: actionElementId, icon: "code-branch", text: "", onClick: () => {
                 this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl, versionInfo });
             }, slot: "actions-start" }));
         const startActionChangeVersionTooltip = !isCurrentVersion ? (index.h("calcite-tooltip", { "overlay-positioning": "fixed", referenceElement: actionElementId }, index.h("span", null, actions.switchToVersion))) : undefined;
-        return (index.h("calcite-list-item", { key: '74b8319a683737aaaf8cfc5f06147eaa401195a6', description: versionOwner, label: versionName, selected: false, value: guid }, startActionChangeVersion, startActionChangeVersionTooltip, index.h("calcite-action-menu", { key: '535784b416984e07bbfc44a275dfc5c81fb55daf', "overlay-positioning": "fixed", slot: "actions-end", label: "" }, index.h("calcite-action", { key: '5e89410767d43ab3ce8a6e3ac6ef5d2db5542ea7', disabled: isCurrentVersion, icon: "code-branch", onClick: () => {
+        return (index.h("calcite-list-item", { key: '58f7cf97c81f38f55c35c6ee398681f0935955b2', description: versionOwner, label: versionName, selected: false, value: guid }, startActionChangeVersion, startActionChangeVersionTooltip, index.h("calcite-action-menu", { key: '1170faea60d0e64ecf427249707972a5c977f110', "overlay-positioning": "fixed", slot: "actions-end", label: "" }, index.h("calcite-action", { key: 'be9e21ca69611f5e377cc8b6aaf44b2361616476', disabled: isCurrentVersion, icon: "code-branch", onClick: () => {
                 this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl, versionInfo });
-            }, scale: "s", text: actions.switchToVersion, textEnabled: true }), index.h("calcite-action", { key: 'cf3ab694540fb02bcfa7c5ef9557fcb6a93746c1', disabled: !canEditVersion || isCurrentVersion, icon: "code-branch-edit", onClick: () => {
+            }, scale: "s", text: actions.switchToVersion, textEnabled: true }), index.h("calcite-action", { key: 'eefffdde2785c855ed95e37a07448b03c0de6e38', disabled: !canEditVersion || isCurrentVersion, icon: "code-branch-edit", onClick: () => {
                 this.arcgisManageVersion.emit({ actionType: "editVersion", serviceUrl, versionInfo });
-            }, scale: "s", text: actions.editVersion, textEnabled: true }), index.h("calcite-action", { key: 'bb646b907dbbc62283a15295a265912ba45d73a4', disabled: !canEditVersion || (canEditVersion && isCurrentVersion), icon: "trash", onClick: () => {
+            }, scale: "s", text: actions.editVersion, textEnabled: true }), index.h("calcite-action", { key: '72f20042423dca14582de2edebd03db06130eb0c', disabled: !canEditVersion || (canEditVersion && isCurrentVersion), icon: "trash", onClick: () => {
                 this.arcgisManageVersion.emit({ actionType: "deleteVersion", serviceUrl, versionInfo });
             }, scale: "s", text: actions.deleteVersion, textEnabled: true }))));
     }

package/dist/cjs/arcgis-version-management.cjs.entry.js

@@ -1,31 +1,32 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-aed895fe.js');
-const chunkPVEVZB4O = require('./chunk-PVEVZB4O-c098f55a.js');
-const index$1 = require('./index-c9205ffd.js');
-const index$2 = require('./index-99ee7e64.js');
-const useT9n = require('./useT9n-f0c18067.js');
-require('./component-utils-22cd5970.js');
+const index = require('./index-c198c829.js');
+const chunkUO3C4VZH = require('./chunk-UO3C4VZH-69551832.js');
+const index$1 = require('./index-d537d30f.js');
+const index$2 = require('./index-9fae8bf6.js');
+const useViewModel = require('./useViewModel-1f361c59.js');
+require('./component-utils-e18ab772.js');
 
 const versionManagementCss = ".calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}";
 const ArcgisVersionManagementStyle0 = versionManagementCss;
 
-const useVersionManagementViewModel = useT9n.makeViewModelController(index$2.newWidgetsVersionManagementVersionManagementViewModel);
+const useVersionManagementViewModel = useViewModel.makeViewModelController(index$2.newWidgetsVersionManagementVersionManagementViewModel);
 const ArcgisVersionManagement = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.arcgisReady = index.createEvent(this, "arcgisReady", 7);
         this.arcgisVersioningStateChanged = index.createEvent(this, "arcgisVersioningStateChanged", 7);
         this.manager = index$1.useControllerManager(this);
-        this.reactiveUtils = chunkPVEVZB4O.load(index$2.importCoreReactiveUtils);
+        this.reactiveUtils = chunkUO3C4VZH.load(index$2.importCoreReactiveUtils);
         this.viewModel = useVersionManagementViewModel(this);
+        this.messages = useViewModel.useT9n();
         this.allowEditing = true;
         this.autoDestroyDisabled = false;
         this.closable = false;
@@ -35,7 +36,7 @@ const ArcgisVersionManagement = class {
         this.pageSize = 5;
         this.position = "top-right";
         this.referenceElement = undefined;
-        this.messages = this.manager.readonly(useT9n.useT9n({ blocking: true }));
+        this.messageOverrides = undefined;
         this.state = this.viewModel.state;
         this.versioningStates = this.viewModel.versioningStates;
         this.view = this.viewModel.view;
@@ -209,9 +210,9 @@ const ArcgisVersionManagement = class {
         const { messages } = this;
         switch (loadError) {
             case "no-feature-services":
-                return messages.loadErrors.noFeatureServices;
+                return messages.loadErrors?.noFeatureServices ?? loadError;
             case "no-view-property":
-                return messages.loadErrors.noViewProperty;
+                return messages.loadErrors?.noViewProperty ?? loadError;
             default:
                 return loadError;
         }

package/dist/cjs/arcgis-weather.cjs.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-aed895fe.js');
-const index$2 = require('./index-99ee7e64.js');
-const chunkPVEVZB4O = require('./chunk-PVEVZB4O-c098f55a.js');
-const index$1 = require('./index-c9205ffd.js');
-const useWidget = require('./useWidget-34e425f5.js');
-require('./component-utils-22cd5970.js');
+const index = require('./index-c198c829.js');
+const index$2 = require('./index-9fae8bf6.js');
+const chunkUO3C4VZH = require('./chunk-UO3C4VZH-69551832.js');
+const index$1 = require('./index-d537d30f.js');
+const useWidget = require('./useWidget-acadf493.js');
+require('./component-utils-e18ab772.js');
 
 const weatherCss = "";
 const ArcgisWeatherStyle0 = weatherCss;
@@ -26,7 +26,7 @@ const ArcgisWeather = class {
         this.manager = index$1.useControllerManager(this);
         this.widget = useWeatherWidget(this);
         this.viewModel = this.widget.viewModel;
-        this.arcgisPropertyChange = chunkPVEVZB4O.usePropertyChange()("state");
+        this.arcgisPropertyChange = chunkUO3C4VZH.usePropertyChange()("state");
         this.autoDestroyDisabled = false;
         this.referenceElement = undefined;
         this.icon = this.widget.icon;

package/dist/cjs/arcgis-zoom.cjs.entry.js

@@ -1,61 +1,90 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-aed895fe.js');
-const chunkPVEVZB4O = require('./chunk-PVEVZB4O-c098f55a.js');
-const index$1 = require('./index-c9205ffd.js');
-const index$2 = require('./index-99ee7e64.js');
-const useWidget = require('./useWidget-34e425f5.js');
-require('./component-utils-22cd5970.js');
+const index = require('./index-c198c829.js');
+const chunkUO3C4VZH = require('./chunk-UO3C4VZH-69551832.js');
+const index$1 = require('./index-d537d30f.js');
+const index$2 = require('./index-9fae8bf6.js');
+const useViewModel = require('./useViewModel-1f361c59.js');
+const globalCss = require('./globalCss-028deb6c.js');
+require('./component-utils-e18ab772.js');
 
-const zoomCss = "arcgis-zoom{}";
+const css = {
+    base: "esri-zoom",
+    horizontalLayout: "esri-zoom--horizontal",
+};
+
+const zoomCss = ".esri-zoom{display:flex;flex-flow:column nowrap}.esri-zoom .esri-widget--button{box-shadow:none}.esri-zoom .esri-widget--button:first-child{margin-bottom:0}.esri-zoom .esri-widget--button:last-child{border-top:solid 1px var(--calcite-color-border-1)}.esri-zoom.esri-zoom--horizontal{flex-flow:row-reverse nowrap}.esri-zoom.esri-zoom--horizontal .esri-widget--button:last-child{border-top:none}.esri-zoom.esri-zoom--horizontal .esri-widget--button:first-child{border-left:solid 1px var(--calcite-color-border-1)}[dir=\"rtl\"] .esri-zoom.esri-zoom--horizontal .esri-widget--button:first-child{border-top:none}[dir=\"rtl\"] .esri-zoom.esri-zoom--horizontal .esri-widget--button:last-child{border-left:solid 1px var(--calcite-color-border-1)}";
 const ArcgisZoomStyle0 = zoomCss;
 
-const useZoomWidget = useWidget.makeWidgetController(index$2.newWidgetsZoom);
+const useZoomViewModel = useViewModel.makeViewModelController(index$2.newWidgetsZoomZoomViewModel);
 const ArcgisZoom = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.arcgisReady = index.createEvent(this, "arcgisReady", 7);
         this.arcgisPropertyChange = index.createEvent(this, "arcgisPropertyChange", 7);
+        this.arcgisReady = index.createEvent(this, "arcgisReady", 7);
+        //--------------------------------------------------------------------------
+        //
+        //  Controllers
+        //
+        //--------------------------------------------------------------------------
         this.manager = index$1.useControllerManager(this);
+        this.messages = useViewModel.useT9n({});
+        this.reactiveUtils = chunkUO3C4VZH.load(index$2.importCoreReactiveUtils);
+        this.viewModel = useZoomViewModel(this);
         //--------------------------------------------------------------------------
         //
-        //  Properties
+        //  Events
         //
         //--------------------------------------------------------------------------
-        this.widget = useZoomWidget(this);
-        this.viewModel = this.widget.viewModel;
-        this.reactiveUtils = chunkPVEVZB4O.load(index$2.importCoreReactiveUtils);
-        this.arcgisPropertyChange = chunkPVEVZB4O.usePropertyChange()("state");
+        this.arcgisPropertyChange = chunkUO3C4VZH.usePropertyChange()("state");
+        this.autoDestroyDisabled = false;
+        this.icon = "magnifying-glass-plus";
+        this.label = undefined;
+        this.layout = "vertical";
+        this.messageOverrides = undefined;
+        this.position = "top-left";
         this.referenceElement = undefined;
-        this.icon = this.widget.icon;
-        this.label = this.widget.label;
-        this.layout = this.widget.layout;
-        this.position = "bottom-left";
         this.state = this.viewModel.state;
-        this.autoDestroyDisabled = false;
+        this.canZoomIn = this.viewModel.canZoomIn;
+        this.canZoomOut = this.viewModel.canZoomOut;
     }
     //--------------------------------------------------------------------------
     //
-    //  Methods
+    //  Public Methods
     //
     //--------------------------------------------------------------------------
     /** Permanently destroy the component */
     async destroy() {
         await this.manager.destroy();
     }
+    /**
+     * Zooms the view in by an LOD factor of 0.5.
+     */
     async zoomIn() {
-        this.widget?.viewModel.zoomIn();
+        this.viewModel.zoomIn();
     }
+    /**
+     * Zooms the view out by an LOD factor of 2.
+     */
     async zoomOut() {
-        this.widget?.viewModel.zoomOut();
+        this.viewModel.zoomOut();
+    }
+    render() {
+        const rootClasses = {
+            [css.horizontalLayout]: this.layout === "horizontal",
+        };
+        const { canZoomIn, canZoomOut } = this.viewModel;
+        const { zoomIn, zoomOut } = this.messages;
+        return (index.h("div", { key: '668f8aed7974b62c085ec6c6573ca079c6669ef6', class: index$2.classes(css.base, globalCss.globalCss.widget, rootClasses) }, index.h("calcite-button", { key: 'fae6191593a387410ea50481f1d1c7968afd5e2d', class: globalCss.globalCss.widgetButton, disabled: !canZoomIn, iconStart: "plus", kind: "neutral", label: zoomIn, onClick: this.zoomIn.bind(this), title: zoomIn }), index.h("calcite-button", { key: '47ad42c90803be35c1020129ea15f837573273c7', class: globalCss.globalCss.widgetButton, disabled: !canZoomOut, iconStart: "minus", kind: "neutral", label: zoomOut, onClick: this.zoomOut.bind(this), title: zoomOut })));
     }
+    static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }
 };
 ArcgisZoom.style = ArcgisZoomStyle0;

package/dist/cjs/chunk-UO3C4VZH-69551832.js

@@ -0,0 +1,100 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
+ */
+'use strict';
+
+const index = require('./index-d537d30f.js');
+const index$1 = require('./index-9fae8bf6.js');
+
+// src/load.ts
+var load = (loader) => index.makeController(loader);
+var makeT9nController = (getAssetPath) => (options = {}) => (
+  // eslint-disable-next-line @typescript-eslint/promise-function-async
+  index.makeController((component, controller) => {
+    const componentWithOverrides = component;
+    controller.onLifecycle(
+      () => index$1.startLocaleObserver(
+        component.el,
+        getAssetPath("./assets"),
+        ({ t9nLocale, t9nStrings, lang }) => {
+          const withoutOverrides = {
+            ...t9nStrings,
+            _lang: lang,
+            _t9nLocale: t9nLocale,
+            _loading: false
+          };
+          controller.exports = withoutOverrides;
+          const label = t9nStrings.componentLabel ?? t9nStrings.widgetLabel;
+          if (typeof label === "string" && "label" in component && component.label == null) {
+            component.label ?? (component.label = label);
+          }
+          applyOverrides(componentWithOverrides.messageOverrides);
+        },
+        options.name
+      )
+    );
+    function applyOverrides(messageOverrides) {
+      const currentValue = controller.exports;
+      const rawMessages = currentValue._original ?? currentValue;
+      const updated = deepMerge(rawMessages, messageOverrides);
+      updated._original = rawMessages;
+      controller.exports = updated;
+    }
+    if ("messageOverrides" in componentWithOverrides) {
+      controller.onLifecycle(() => index.watch(componentWithOverrides, "messageOverrides", applyOverrides));
+    }
+    if (options.blocking) {
+      return controller.ready;
+    }
+    const locale = index$1.getElementLocales(component.el);
+    const pending = {
+      _lang: locale.lang,
+      _t9nLocale: locale.t9nLocale,
+      _loading: true
+    };
+    return pending;
+  })
+);
+function deepMerge(original, overwrites) {
+  if (!overwrites) {
+    return original;
+  }
+  const merged = { ...original };
+  Object.entries(overwrites).forEach(([key, value]) => {
+    if (typeof value === "object") {
+      merged[key] = deepMerge(original[key], value);
+    } else {
+      merged[key] = value ?? original[key];
+    }
+  });
+  return merged;
+}
+
+// src/usePropertyChange.ts
+var usePropertyChange = (_component) => propertyChangeController;
+var eventName = "arcgisPropertyChange";
+var propertyChangeController = (...toWatch) => index.makeController((component, controller) => {
+  const eventedComponent = component;
+  if (component.manager.isLit) {
+    const emitter = component.constructor.createEvent(eventName, void 0, component);
+    eventedComponent[eventName] = emitter;
+  }
+  const eventEmitter = eventedComponent[eventName];
+  controller.onLoad(
+    () => controller.onLifecycle(
+      () => toWatch.map(
+        (name) => (
+          // Casting to 'el' to simplify dynamic prop name typing
+          index.watch(component, name, () => eventEmitter.emit({ name }))
+        )
+      )
+    )
+  );
+  return eventEmitter;
+});
+
+exports.load = load;
+exports.makeT9nController = makeT9nController;
+exports.usePropertyChange = usePropertyChange;