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

package/dist/esm/calcite-filter.entry.js

@@ -1,25 +1,25 @@
 /*!
  * 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
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-e5325014.js';
-import { f as focusElement } from './dom-698d7270.js';
-import { u as updateHostInteraction } from './interactive-dec66263.js';
-import { f as filter } from './filter-25221553.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-25289309.js';
-import { d as debounce } from './debounce-a685f152.js';
-import './resources-6d887db7.js';
-import './guid-928b0183.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-3d40e818.js';
+import { f as focusElement } from './dom-4b063f5a.js';
+import { u as updateHostInteraction } from './interactive-3c9383d9.js';
+import { f as filter } from './filter-e095381b.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-9f9398ba.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-d3d4a0f4.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b9b2ca65.js';
+import { d as debounce } from './debounce-48a363f4.js';
+import './resources-144d97f9.js';
+import './guid-5f99983c.js';
+import './key-ede764e3.js';
+import './observers-8de4feef.js';
 
 const CSS = {
   container: "container",
   searchIcon: "search-icon"
 };
-const TEXT = {
-  filterLabel: "Filter",
-  clear: "Clear filter"
-};
 const ICONS = {
   search: "search",
   close: "x"
@@ -65,28 +65,48 @@ const Filter = class {
     this.placeholder = undefined;
     this.scale = "m";
     this.value = "";
+    this.messages = undefined;
+    this.messageOverrides = undefined;
+    this.effectiveLocale = undefined;
+    this.defaultMessages = undefined;
   }
   watchItemsHandler() {
     this.filter(this.value);
   }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
   valueHandler(value) {
     this.filter(value);
   }
+  effectiveLocaleChange() {
+    updateMessages(this, this.effectiveLocale);
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
-  componentWillLoad() {
+  async componentWillLoad() {
     setUpLoadableComponent(this);
     this.updateFiltered(filter(this.items, this.value));
+    this.filter(this.value);
+    await setUpMessages(this);
   }
-  componentDidLoad() {
-    setComponentLoaded(this);
+  connectedCallback() {
+    connectLocalized(this);
+    connectMessages(this);
   }
   componentDidRender() {
     updateHostInteraction(this);
   }
+  disconnectedCallback() {
+    disconnectLocalized(this);
+    disconnectMessages(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods
@@ -111,14 +131,19 @@ const Filter = class {
   // --------------------------------------------------------------------------
   render() {
     const { disabled, scale } = this;
-    return (h(Fragment, null, h("div", { class: CSS.container }, h("label", null, h("calcite-input", { "aria-label": this.intlLabel || TEXT.filterLabel, clearable: true, disabled: disabled, icon: ICONS.search, intlClear: this.intlClear || TEXT.clear, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
+    return (h(Fragment, null, h("div", { class: CSS.container }, h("label", null, h("calcite-input", { "aria-label": this.messages.label, clearable: true, disabled: disabled, icon: ICONS.search, intlClear: this.messages.clear, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
         this.textInput = el;
       }, scale: scale, type: "text", value: this.value })))));
   }
+  static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
     "items": ["watchItemsHandler"],
-    "value": ["valueHandler"]
+    "intlClear": ["onMessagesChange"],
+    "intlLabel": ["onMessagesChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "value": ["valueHandler"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }; }
 };
 Filter.style = filterCss;

package/dist/esm/calcite-flow-item.entry.js

@@ -1,15 +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
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e5325014.js';
-import { a as getElementDir } from './dom-698d7270.js';
-import { S as SLOTS$1 } from './resources-b664066b.js';
-import { u as updateHostInteraction } from './interactive-dec66263.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-25289309.js';
-import './resources-6d887db7.js';
-import './guid-928b0183.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3d40e818.js';
+import { b as getElementDir } from './dom-4b063f5a.js';
+import { S as SLOTS$1 } from './resources-d18fbe60.js';
+import { u as updateHostInteraction } from './interactive-3c9383d9.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-9f9398ba.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-d3d4a0f4.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b9b2ca65.js';
+import './resources-144d97f9.js';
+import './guid-5f99983c.js';
+import './key-ede764e3.js';
+import './observers-8de4feef.js';
 
 const CSS = {
   backButton: "back-button"
@@ -18,9 +22,6 @@ const ICONS = {
   backLeft: "chevron-left",
   backRight: "chevron-right"
 };
-const TEXT = {
-  back: "Back"
-};
 const SLOTS = {
   headerActionsStart: "header-actions-start",
   headerActionsEnd: "header-actions-end",
@@ -61,9 +62,6 @@ const FlowItem = class {
     this.setContainerRef = (node) => {
       this.containerEl = node;
     };
-    this.getBackLabel = () => {
-      return this.intlBack || TEXT.back;
-    };
     this.closable = false;
     this.closed = false;
     this.beforeBack = undefined;
@@ -77,24 +75,43 @@ const FlowItem = class {
     this.intlOptions = undefined;
     this.loading = false;
     this.menuOpen = false;
+    this.messageOverrides = undefined;
+    this.messages = undefined;
     this.showBackButton = false;
     this.widthScale = undefined;
     this.backButtonEl = undefined;
+    this.defaultMessages = undefined;
+    this.effectiveLocale = "";
+  }
+  onMessagesChange() {
+    /* wired up by t9n util */
   }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
-  componentWillLoad() {
+  connectedCallback() {
+    connectLocalized(this);
+    connectMessages(this);
+  }
+  async componentWillLoad() {
+    await setUpMessages(this);
     setUpLoadableComponent(this);
   }
   componentDidRender() {
     updateHostInteraction(this);
   }
+  disconnectedCallback() {
+    disconnectLocalized(this);
+    disconnectMessages(this);
+  }
   componentDidLoad() {
     setComponentLoaded(this);
   }
+  effectiveLocaleChange() {
+    updateMessages(this, this.effectiveLocale);
+  }
   // --------------------------------------------------------------------------
   //
   //  Methods
@@ -134,17 +151,25 @@ const FlowItem = class {
   renderBackButton() {
     const { el } = this;
     const rtl = getElementDir(el) === "rtl";
-    const { showBackButton, backButtonClick } = this;
-    const label = this.getBackLabel();
+    const { showBackButton, backButtonClick, messages } = this;
+    const label = messages.back;
     const icon = rtl ? ICONS.backRight : ICONS.backLeft;
     return showBackButton ? (h("calcite-action", { "aria-label": label, class: CSS.backButton, icon: icon, key: "flow-back-button", onClick: backButtonClick, ref: this.setBackRef, scale: "s", slot: "header-actions-start", text: label })) : null;
   }
   render() {
-    const { closable, closed, description, disabled, heading, headingLevel, heightScale, intlClose, intlOptions, loading, menuOpen, widthScale, backButtonEl } = this;
-    const label = this.getBackLabel();
-    return (h(Host, null, h("calcite-panel", { closable: closable, closed: closed, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, heightScale: heightScale, intlClose: intlClose, intlOptions: intlOptions, loading: loading, menuOpen: menuOpen, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, ref: this.setContainerRef, widthScale: widthScale }, this.renderBackButton(), h("slot", { name: SLOTS.headerActionsStart, slot: SLOTS$1.headerActionsStart }), h("slot", { name: SLOTS.headerActionsEnd, slot: SLOTS$1.headerActionsEnd }), h("slot", { name: SLOTS.headerContent, slot: SLOTS$1.headerContent }), h("slot", { name: SLOTS.headerMenuActions, slot: SLOTS$1.headerMenuActions }), h("slot", { name: SLOTS.fab, slot: SLOTS$1.fab }), h("slot", { name: SLOTS.footerActions, slot: SLOTS$1.footerActions }), h("slot", { name: SLOTS.footer, slot: SLOTS$1.footer }), h("slot", null)), backButtonEl ? (h("calcite-tooltip", { label: label, overlayPositioning: "fixed", placement: "top", referenceElement: backButtonEl }, label)) : null));
+    const { closable, closed, description, disabled, heading, headingLevel, heightScale, loading, menuOpen, messages, widthScale, backButtonEl } = this;
+    const label = messages.back;
+    return (h(Host, null, h("calcite-panel", { closable: closable, closed: closed, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, heightScale: heightScale, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, ref: this.setContainerRef, widthScale: widthScale }, this.renderBackButton(), h("slot", { name: SLOTS.headerActionsStart, slot: SLOTS$1.headerActionsStart }), h("slot", { name: SLOTS.headerActionsEnd, slot: SLOTS$1.headerActionsEnd }), h("slot", { name: SLOTS.headerContent, slot: SLOTS$1.headerContent }), h("slot", { name: SLOTS.headerMenuActions, slot: SLOTS$1.headerMenuActions }), h("slot", { name: SLOTS.fab, slot: SLOTS$1.fab }), h("slot", { name: SLOTS.footerActions, slot: SLOTS$1.footerActions }), h("slot", { name: SLOTS.footer, slot: SLOTS$1.footer }), h("slot", null)), backButtonEl ? (h("calcite-tooltip", { label: label, overlayPositioning: "fixed", placement: "top", referenceElement: backButtonEl }, label)) : null));
   }
+  static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
+  static get watchers() { return {
+    "intlBack": ["onMessagesChange"],
+    "intlClose": ["onMessagesChange"],
+    "intlOptions": ["onMessagesChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
+  }; }
 };
 FlowItem.style = flowItemCss;
 

package/dist/esm/calcite-flow.entry.js

@@ -1,10 +1,10 @@
 /*!
  * 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
  */
-import { r as registerInstance, h, g as getElement } from './index-e5325014.js';
-import { c as createObserver } from './observers-a87cbaca.js';
+import { r as registerInstance, h, g as getElement } from './index-3d40e818.js';
+import { c as createObserver } from './observers-8de4feef.js';
 
 const CSS = {
   frame: "frame",

package/dist/esm/calcite-graph_2.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-e5325014.js';
-import { g as guid } from './guid-928b0183.js';
-import { c as createObserver } from './observers-a87cbaca.js';
-import { i as isPrimaryPointerButton, k as intersects } from './dom-698d7270.js';
-import { d as decimalPlaces, c as clamp } from './math-eb8845cd.js';
-import { c as connectLabel, d as disconnectLabel } from './label-bb22e2c3.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-6e3b82cb.js';
-import { u as updateHostInteraction } from './interactive-dec66263.js';
-import { i as isActivationKey } from './key-8d91dd67.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-26fba509.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-25289309.js';
-import './resources-6d887db7.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-3d40e818.js';
+import { g as guid } from './guid-5f99983c.js';
+import { c as createObserver } from './observers-8de4feef.js';
+import { i as isPrimaryPointerButton, k as intersects } from './dom-4b063f5a.js';
+import { d as decimalPlaces, c as clamp } from './math-fa7a3e4f.js';
+import { c as connectLabel, d as disconnectLabel } from './label-ec7a2761.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-6f260994.js';
+import { u as updateHostInteraction } from './interactive-3c9383d9.js';
+import { i as isActivationKey } from './key-ede764e3.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-9f9398ba.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b9b2ca65.js';
+import './resources-144d97f9.js';
 
 /**
  * Calculate slope of the tangents

package/dist/esm/calcite-handle.entry.js

@@ -1,13 +1,13 @@
 /*!
  * 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
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e5325014.js';
-import { t as toAriaBoolean } from './dom-698d7270.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-25289309.js';
-import './resources-6d887db7.js';
-import './guid-928b0183.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-3d40e818.js';
+import { t as toAriaBoolean } from './dom-4b063f5a.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b9b2ca65.js';
+import './resources-144d97f9.js';
+import './guid-5f99983c.js';
 
 const CSS = {
   handle: "handle",

package/dist/esm/calcite-icon.entry.js

@@ -1,13 +1,13 @@
 /*!
  * 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
  */
-import { e as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-e5325014.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-698d7270.js';
-import { c as createObserver } from './observers-a87cbaca.js';
-import './resources-6d887db7.js';
-import './guid-928b0183.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-3d40e818.js';
+import { b as getElementDir, t as toAriaBoolean } from './dom-4b063f5a.js';
+import { c as createObserver } from './observers-8de4feef.js';
+import './resources-144d97f9.js';
+import './guid-5f99983c.js';
 
 const CSS = {
   icon: "icon",

package/dist/esm/calcite-inline-editable.entry.js

@@ -1,16 +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
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e5325014.js';
-import { h as getElementProp, g as getSlotted } from './dom-698d7270.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-bb22e2c3.js';
-import { c as createObserver } from './observers-a87cbaca.js';
-import { u as updateHostInteraction } from './interactive-dec66263.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-25289309.js';
-import './resources-6d887db7.js';
-import './guid-928b0183.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-3d40e818.js';
+import { h as getElementProp, g as getSlotted } from './dom-4b063f5a.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-ec7a2761.js';
+import { c as createObserver } from './observers-8de4feef.js';
+import { u as updateHostInteraction } from './interactive-3c9383d9.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-9f9398ba.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-d3d4a0f4.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b9b2ca65.js';
+import './resources-144d97f9.js';
+import './guid-5f99983c.js';
+import './key-ede764e3.js';
 
 const CSS = {
   wrapper: "wrapper",
@@ -21,11 +24,6 @@ const CSS = {
   enableEditingButton: "enable-editing-button",
   controlsWrapper: "controls-wrapper"
 };
-const TEXT = {
-  intlEnablingEditing: "Click to edit",
-  intlCancelEditing: "Cancel",
-  intlConfirmChanges: "Save"
-};
 
 const inlineEditableCss = "@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{display:block}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-ui-foreground-2)}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{flex:1 1 0%}.controls-wrapper{display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-ui-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
 
@@ -110,11 +108,15 @@ const InlineEditable = class {
     this.editingEnabled = false;
     this.loading = false;
     this.controls = false;
-    this.intlEnableEditing = TEXT.intlEnablingEditing;
-    this.intlCancelEditing = TEXT.intlCancelEditing;
-    this.intlConfirmChanges = TEXT.intlConfirmChanges;
+    this.intlEnableEditing = undefined;
+    this.intlCancelEditing = undefined;
+    this.intlConfirmChanges = undefined;
     this.scale = undefined;
     this.afterConfirm = undefined;
+    this.messages = undefined;
+    this.messageOverrides = undefined;
+    this.defaultMessages = undefined;
+    this.effectiveLocale = undefined;
   }
   disabledWatcher(disabled) {
     if (this.inputElement) {
@@ -129,6 +131,9 @@ const InlineEditable = class {
       this.shouldEmitCancel = true;
     }
   }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -136,29 +141,34 @@ const InlineEditable = class {
   //--------------------------------------------------------------------------
   connectedCallback() {
     connectLabel(this);
+    connectLocalized(this);
+    connectMessages(this);
     this.mutationObserver?.observe(this.el, { childList: true });
     this.mutationObserverCallback();
   }
-  componentWillLoad() {
+  async componentWillLoad() {
     setUpLoadableComponent(this);
+    await setUpMessages(this);
   }
   componentDidLoad() {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
     disconnectLabel(this);
+    disconnectLocalized(this);
+    disconnectMessages(this);
     this.mutationObserver?.disconnect();
   }
   componentDidRender() {
     updateHostInteraction(this);
   }
   render() {
-    return (h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, h("div", { class: CSS.inputWrapper }, h("slot", null)), h("div", { class: CSS.controlsWrapper }, h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, color: "neutral", disabled: this.disabled, iconStart: "pencil", label: this.intlEnableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
+    return (h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, h("div", { class: CSS.inputWrapper }, h("slot", null)), h("div", { class: CSS.controlsWrapper }, h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, color: "neutral", disabled: this.disabled, iconStart: "pencil", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
         opacity: this.editingEnabled ? "0" : "1",
         width: this.editingEnabled ? "0" : "inherit"
       }, type: "button" }), this.shouldShowControls && [
-      h("div", { class: CSS.cancelEditingButtonWrapper }, h("calcite-button", { appearance: "transparent", class: CSS.cancelEditingButton, color: "neutral", disabled: this.disabled, iconStart: "x", label: this.intlCancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
-      h("calcite-button", { appearance: "solid", class: CSS.confirmChangesButton, color: "blue", disabled: this.disabled, iconStart: "check", label: this.intlConfirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" })
+      h("div", { class: CSS.cancelEditingButtonWrapper }, h("calcite-button", { appearance: "transparent", class: CSS.cancelEditingButton, color: "neutral", disabled: this.disabled, iconStart: "x", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
+      h("calcite-button", { appearance: "solid", class: CSS.confirmChangesButton, color: "blue", disabled: this.disabled, iconStart: "check", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" })
     ])));
   }
   //--------------------------------------------------------------------------
@@ -171,6 +181,9 @@ const InlineEditable = class {
       this.disableEditing();
     }
   }
+  effectiveLocaleChange() {
+    updateMessages(this, this.effectiveLocale);
+  }
   //--------------------------------------------------------------------------
   //
   //  Public Methods
@@ -212,10 +225,16 @@ const InlineEditable = class {
   get shouldShowControls() {
     return this.editingEnabled && this.controls;
   }
+  static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
     "disabled": ["disabledWatcher"],
-    "editingEnabled": ["editingEnabledWatcher"]
+    "editingEnabled": ["editingEnabledWatcher"],
+    "intlCancelEditing": ["onMessagesChange"],
+    "intlConfirmChanges": ["onMessagesChange"],
+    "intlEnableEditing": ["onMessagesChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }; }
 };
 InlineEditable.style = inlineEditableCss;

package/dist/esm/calcite-input-date-picker.entry.js

@@ -1,23 +1,23 @@
 /*!
  * 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
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e5325014.js';
-import { d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, g as getValueAsDateRange, s as setEndOfDay, c as dateFromISO, T as TEXT, e as getLocaleData, f as dateFromRange } from './resources-ff911a63.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-bb22e2c3.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-6e3b82cb.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-a3b2d77c.js';
-import { u as updateHostInteraction } from './interactive-dec66263.js';
-import { t as toAriaBoolean } from './dom-698d7270.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-ec5c9800.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-26fba509.js';
-import { n as numberKeys } from './key-8d91dd67.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-25289309.js';
-import './debounce-a685f152.js';
-import './resources-6d887db7.js';
-import './guid-928b0183.js';
-import './observers-a87cbaca.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3d40e818.js';
+import { d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, g as getValueAsDateRange, s as setEndOfDay, c as dateFromISO, e as getLocaleData, f as dateFromRange } from './utils-7de78b5e.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-ec7a2761.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-6f260994.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-7ebc55ad.js';
+import { u as updateHostInteraction } from './interactive-3c9383d9.js';
+import { t as toAriaBoolean } from './dom-4b063f5a.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-a8a9808a.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-9f9398ba.js';
+import { n as numberKeys } from './key-ede764e3.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-b9b2ca65.js';
+import './debounce-48a363f4.js';
+import './resources-144d97f9.js';
+import './guid-5f99983c.js';
+import './observers-8de4feef.js';
 
 const CSS = {
   menu: "menu-container",
@@ -238,9 +238,9 @@ const InputDatePicker = class {
     this.max = undefined;
     this.open = false;
     this.name = undefined;
-    this.intlPrevMonth = TEXT.prevMonth;
-    this.intlNextMonth = TEXT.nextMonth;
-    this.intlYear = TEXT.year;
+    this.intlPrevMonth = undefined;
+    this.intlNextMonth = undefined;
+    this.intlYear = undefined;
     this.numberingSystem = undefined;
     this.scale = "m";
     this.placement = defaultMenuPlacement;
@@ -251,6 +251,7 @@ const InputDatePicker = class {
     this.overlayPositioning = "absolute";
     this.proximitySelectionDisabled = false;
     this.layout = "horizontal";
+    this.messageOverrides = undefined;
     this.datePickerActiveDate = undefined;
     this.effectiveLocale = "";
     this.focusedInput = "start";
@@ -450,7 +451,9 @@ const InputDatePicker = class {
         ["calendar-picker-wrapper--end"]: this.focusedInput === "end",
         [FloatingCSS.animation]: true,
         [FloatingCSS.animationActive]: this.open
-      }, ref: this.setTransitionEl }, h("calcite-date-picker", { activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
+      }, ref: this.setTransitionEl }, h("calcite-date-picker", { activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel,
+      //t9n props are used here to forward the messages only.
+      intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
         input: true,
         "border-top-color-one": this.layout === "vertical" && this.range
       }, disabled: disabled, icon: "calendar", "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text" }))))), h(HiddenFormInputSlot, { component: this })));

package/dist/esm/calcite-input-message.entry.js

@@ -1,12 +1,12 @@
 /*!
  * 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
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-e5325014.js';
-import { b as setRequestedIcon, h as getElementProp } from './dom-698d7270.js';
-import './resources-6d887db7.js';
-import './guid-928b0183.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-3d40e818.js';
+import { d as setRequestedIcon, h as getElementProp } from './dom-4b063f5a.js';
+import './resources-144d97f9.js';
+import './guid-5f99983c.js';
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {