@esri/calcite-components 1.0.0-next.678 → 1.0.0-next.679

package/dist/cjs/calcite-sortable-list.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const sortable_esm = require('./sortable.esm-ef177ec0.js');
-const observers = require('./observers-9524d251.js');
-const interactive = require('./interactive-e0095568.js');
+const index = require('./index-8758b88f.js');
+const sortable_esm = require('./sortable.esm-79c39299.js');
+const observers = require('./observers-4b68f005.js');
+const interactive = require('./interactive-60c2fc0a.js');
 
 const CSS = {
   sortItem: "sort-item",

package/dist/cjs/calcite-split-button.cjs.entry.js

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const interactive = require('./interactive-e0095568.js');
+const index = require('./index-8758b88f.js');
+const interactive = require('./interactive-60c2fc0a.js');
 
 const CSS = {
   container: "split-button__container",

package/dist/cjs/calcite-stepper_2.cjs.entry.js

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const dom = require('./dom-5c929b62.js');
-const interactive = require('./interactive-e0095568.js');
-const locale = require('./locale-ce4edb57.js');
-const loadable = require('./loadable-7929ed41.js');
-require('./resources-7df48fc6.js');
-require('./guid-ddfe8762.js');
-require('./key-d629f690.js');
-require('./observers-9524d251.js');
+const index = require('./index-8758b88f.js');
+const dom = require('./dom-7155cb03.js');
+const interactive = require('./interactive-60c2fc0a.js');
+const locale = require('./locale-8b87a2fe.js');
+const loadable = require('./loadable-b9b1bd28.js');
+require('./resources-c39f2198.js');
+require('./guid-92d3ff00.js');
+require('./key-b75091ee.js');
+require('./observers-4b68f005.js');
 
 const stepperCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]){flex:1 1 auto;flex-direction:column}:host([layout=horizontal]){display:grid;grid-template-areas:\"items\" \"content\"}";
 

package/dist/cjs/calcite-switch.cjs.entry.js

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const dom = require('./dom-5c929b62.js');
-const label = require('./label-e02d1b7a.js');
-const form = require('./form-f1f6fa64.js');
-const interactive = require('./interactive-e0095568.js');
-const key = require('./key-d629f690.js');
-const loadable = require('./loadable-7929ed41.js');
-require('./resources-7df48fc6.js');
-require('./guid-ddfe8762.js');
+const index = require('./index-8758b88f.js');
+const dom = require('./dom-7155cb03.js');
+const label = require('./label-70bbf976.js');
+const form = require('./form-b8acc674.js');
+const interactive = require('./interactive-60c2fc0a.js');
+const key = require('./key-b75091ee.js');
+const loadable = require('./loadable-b9b1bd28.js');
+require('./resources-c39f2198.js');
+require('./guid-92d3ff00.js');
 
 const switchCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{inline-size:auto;outline-color:transparent}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 

package/dist/cjs/calcite-tab_4.cjs.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const guid = require('./guid-ddfe8762.js');
-const dom = require('./dom-5c929b62.js');
-const observers = require('./observers-9524d251.js');
-const interactive = require('./interactive-e0095568.js');
-require('./resources-7df48fc6.js');
+const index = require('./index-8758b88f.js');
+const guid = require('./guid-92d3ff00.js');
+const dom = require('./dom-7155cb03.js');
+const observers = require('./observers-4b68f005.js');
+const interactive = require('./interactive-60c2fc0a.js');
+require('./resources-c39f2198.js');
 
 const tabCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}section,.container{display:none;block-size:100%;inline-size:100%}:host([scale=s]){padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}";
 

package/dist/cjs/calcite-tile-select_2.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const guid = require('./guid-ddfe8762.js');
-const interactive = require('./interactive-e0095568.js');
-const loadable = require('./loadable-7929ed41.js');
+const index = require('./index-8758b88f.js');
+const guid = require('./guid-92d3ff00.js');
+const interactive = require('./interactive-60c2fc0a.js');
+const loadable = require('./loadable-b9b1bd28.js');
 
 const CSS = {
   checked: "checked",

package/dist/cjs/calcite-tile.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const dom = require('./dom-5c929b62.js');
-const conditionalSlot = require('./conditionalSlot-2558ea5b.js');
-const interactive = require('./interactive-e0095568.js');
-require('./resources-7df48fc6.js');
-require('./guid-ddfe8762.js');
-require('./observers-9524d251.js');
+const index = require('./index-8758b88f.js');
+const dom = require('./dom-7155cb03.js');
+const conditionalSlot = require('./conditionalSlot-ededc217.js');
+const interactive = require('./interactive-60c2fc0a.js');
+require('./resources-c39f2198.js');
+require('./guid-92d3ff00.js');
+require('./observers-4b68f005.js');
 
 const SLOTS = {
   contentStart: "content-start",

package/dist/cjs/calcite-tip_3.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const dom = require('./dom-5c929b62.js');
-const Heading = require('./Heading-a6e49319.js');
-const conditionalSlot = require('./conditionalSlot-2558ea5b.js');
-const observers = require('./observers-9524d251.js');
-require('./resources-7df48fc6.js');
-require('./guid-ddfe8762.js');
+const index = require('./index-8758b88f.js');
+const dom = require('./dom-7155cb03.js');
+const Heading = require('./Heading-7724b262.js');
+const conditionalSlot = require('./conditionalSlot-ededc217.js');
+const observers = require('./observers-4b68f005.js');
+require('./resources-c39f2198.js');
+require('./guid-92d3ff00.js');
 
 const CSS$1 = {
   container: "container",

package/dist/cjs/calcite-tooltip.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const guid = require('./guid-ddfe8762.js');
-const floatingUi = require('./floating-ui-74b3b61d.js');
-const dom = require('./dom-5c929b62.js');
-const openCloseComponent = require('./openCloseComponent-f9d61285.js');
-require('./debounce-1708cb5d.js');
-require('./resources-7df48fc6.js');
+const index = require('./index-8758b88f.js');
+const guid = require('./guid-92d3ff00.js');
+const floatingUi = require('./floating-ui-5145df24.js');
+const dom = require('./dom-7155cb03.js');
+const openCloseComponent = require('./openCloseComponent-edf314b0.js');
+require('./debounce-b1f6402f.js');
+require('./resources-c39f2198.js');
 
 const CSS = {
   container: "container",

package/dist/cjs/calcite-tree_2.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const dom = require('./dom-5c929b62.js');
-const resources = require('./resources-7df48fc6.js');
-const conditionalSlot = require('./conditionalSlot-2558ea5b.js');
-const interactive = require('./interactive-e0095568.js');
-require('./guid-ddfe8762.js');
-require('./observers-9524d251.js');
+const index = require('./index-8758b88f.js');
+const dom = require('./dom-7155cb03.js');
+const resources = require('./resources-c39f2198.js');
+const conditionalSlot = require('./conditionalSlot-ededc217.js');
+const interactive = require('./interactive-60c2fc0a.js');
+require('./guid-92d3ff00.js');
+require('./observers-4b68f005.js');
 
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

package/dist/cjs/calcite-value-list_2.cjs.entry.js

@@ -1,24 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.678
+ * v1.0.0-next.679
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-58849f83.js');
-const sortable_esm = require('./sortable.esm-ef177ec0.js');
-const resources = require('./resources-c6402837.js');
-const observers = require('./observers-9524d251.js');
-const interactive = require('./interactive-e0095568.js');
-const loadable = require('./loadable-7929ed41.js');
-const guid = require('./guid-ddfe8762.js');
-const dom = require('./dom-5c929b62.js');
-const conditionalSlot = require('./conditionalSlot-2558ea5b.js');
-require('./array-8761e69e.js');
-require('./debounce-1708cb5d.js');
-require('./resources-7df48fc6.js');
+const index = require('./index-8758b88f.js');
+const sortable_esm = require('./sortable.esm-79c39299.js');
+const resources = require('./resources-8d8052af.js');
+const observers = require('./observers-4b68f005.js');
+const interactive = require('./interactive-60c2fc0a.js');
+const locale = require('./locale-8b87a2fe.js');
+const t9n = require('./t9n-3cb110cf.js');
+const loadable = require('./loadable-b9b1bd28.js');
+const guid = require('./guid-92d3ff00.js');
+const dom = require('./dom-7155cb03.js');
+const conditionalSlot = require('./conditionalSlot-ededc217.js');
+require('./array-6ddb1b1d.js');
+require('./debounce-b1f6402f.js');
+require('./key-b75091ee.js');
+require('./resources-c39f2198.js');
 
 const CSS = {
   container: "container",
@@ -30,33 +33,17 @@ var ICON_TYPES;
 })(ICON_TYPES || (ICON_TYPES = {}));
 
 function getScreenReaderText(item, status, valueList) {
-  const { items, intlDragHandleIdle, intlDragHandleActive, intlDragHandleChange, intlDragHandleCommit } = valueList;
+  const { items, messages } = valueList;
   const total = items.length;
   const position = resources.getItemIndex(valueList, item) + 1;
-  if (status === "idle") {
-    const idleText = intlDragHandleIdle
-      ? replacePlaceholders(intlDragHandleIdle, item.label, position, total)
-      : `${item.label}, press space and use arrow keys to reorder content. Current position ${position} of ${total}.`;
-    return idleText;
-  }
-  else if (status === "active") {
-    const activeText = intlDragHandleActive
-      ? replacePlaceholders(intlDragHandleActive, item.label, position, total)
-      : `Reordering ${item.label}, current position ${position} of ${total}.`;
-    return activeText;
-  }
-  else if (status === "change") {
-    const changeText = intlDragHandleChange
-      ? replacePlaceholders(intlDragHandleChange, item.label, position, total)
-      : `${item.label}, new position ${position} of ${total}. Press space to confirm.`;
-    return changeText;
-  }
-  else {
-    const commitText = intlDragHandleCommit
-      ? replacePlaceholders(intlDragHandleCommit, item.label, position, total)
-      : `${item.label}, current position ${position} of ${total}.`;
-    return commitText;
-  }
+  const template = status === "idle"
+    ? messages.dragHandleIdle
+    : status === "active"
+      ? messages.dragHandleActive
+      : status === "change"
+        ? messages.dragHandleChange
+        : messages.dragHandleCommit;
+  return replacePlaceholders(template, item.label, position, total);
 }
 function getHandleAndItemElement(event) {
   const handle = event
@@ -69,7 +56,7 @@ function getHandleAndItemElement(event) {
 }
 function replacePlaceholders(text, label, position, total) {
   const replacePosition = text.replace("${position}", position.toString());
-  const replaceLabel = replacePosition.replace("${item.label}", label);
+  const replaceLabel = replacePosition.replace("${itemLabel}", label);
   return replaceLabel.replace("${total}", total.toString());
 }
 
@@ -153,12 +140,22 @@ const ValueList = class {
     this.loading = false;
     this.multiple = false;
     this.selectionFollowsFocus = false;
-    this.intlDragHandleIdle = undefined;
     this.intlDragHandleActive = undefined;
     this.intlDragHandleChange = undefined;
     this.intlDragHandleCommit = undefined;
-    this.selectedValues = new Map();
+    this.intlDragHandleIdle = undefined;
+    this.messageOverrides = undefined;
+    this.messages = undefined;
     this.dataForFilter = [];
+    this.defaultMessages = undefined;
+    this.effectiveLocale = "";
+    this.selectedValues = new Map();
+  }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
+  effectiveLocaleChange() {
+    t9n.updateMessages(this, this.effectiveLocale);
   }
   // --------------------------------------------------------------------------
   //
@@ -166,11 +163,14 @@ const ValueList = class {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    locale.connectLocalized(this);
+    t9n.connectMessages(this);
     resources.initialize.call(this);
     resources.initializeObserver.call(this);
   }
-  componentWillLoad() {
+  async componentWillLoad() {
     loadable.setUpLoadableComponent(this);
+    await t9n.setUpMessages(this);
   }
   componentDidLoad() {
     loadable.setComponentLoaded(this);
@@ -181,6 +181,8 @@ const ValueList = class {
     interactive.updateHostInteraction(this);
   }
   disconnectedCallback() {
+    locale.disconnectLocalized(this);
+    t9n.disconnectMessages(this);
     resources.cleanUpObserver.call(this);
     this.cleanUpDragAndDrop();
   }
@@ -282,7 +284,16 @@ const ValueList = class {
   render() {
     return (index.h(resources.List, { onBlur: this.handleBlur, onFocusin: this.handleFocusIn, onKeyDown: this.keyDownHandler, props: this }));
   }
+  static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "intlDragHandleActive": ["onMessagesChange"],
+    "intlDragHandleChange": ["onMessagesChange"],
+    "intlDragHandleCommit": ["onMessagesChange"],
+    "intlDragHandleIdle": ["onMessagesChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
+  }; }
 };
 ValueList.style = valueListCss;