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

package/dist/esm/calcite-date-picker_4.entry.js

@@ -1,18 +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.677
+ * v1.0.0-next.679
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-526fe44f.js';
-import { h as getDaysDiff, b as dateToISO, T as TEXT, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './resources-a65ec987.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-e8129737.js';
-import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-cb6da365.js';
-import { C as CSS_UTILITY } from './resources-e5017586.js';
-import { u as updateHostInteraction } from './interactive-ac7977e6.js';
-import { i as isActivationKey } from './key-264e9932.js';
-import { H as Heading } from './Heading-caeffd16.js';
-import './observers-d3bdba4b.js';
-import './guid-a54d5b0e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-3d40e818.js';
+import { h as getDaysDiff, b as dateToISO, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './utils-7de78b5e.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-d3d4a0f4.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-9f9398ba.js';
+import { c as closestElementCrossShadowBoundary, b as getElementDir } from './dom-4b063f5a.js';
+import { C as CSS_UTILITY } from './resources-144d97f9.js';
+import { u as updateHostInteraction } from './interactive-3c9383d9.js';
+import { i as isActivationKey } from './key-ede764e3.js';
+import { H as Heading } from './Heading-a542ba34.js';
+import './observers-8de4feef.js';
+import './guid-5f99983c.js';
+
+const HEADING_LEVEL = 2;
 
 const datePickerCss = "@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:inline-block;inline-size:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-inline-size:216px}:host([scale=m]){max-inline-size:286px}:host([scale=l]){max-inline-size:398px}";
 
@@ -209,7 +212,7 @@ const DatePicker = class {
         }
         else {
           this.setStartDate(date);
-          this.endAsDate = this.activeEndDate = this.end = undefined;
+          this.endAsDate = this.activeEndDate = undefined;
         }
       }
       this.calciteDatePickerChange.emit();
@@ -225,19 +228,19 @@ const DatePicker = class {
     this.maxAsDate = undefined;
     this.min = undefined;
     this.max = 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.range = false;
-    this.start = undefined;
-    this.end = undefined;
     this.proximitySelectionDisabled = false;
+    this.messageOverrides = undefined;
+    this.messages = undefined;
     this.activeStartDate = undefined;
     this.activeEndDate = undefined;
-    this.globalAttributes = {};
     this.effectiveLocale = "";
+    this.defaultMessages = undefined;
     this.localeData = undefined;
     this.hoverRange = undefined;
   }
@@ -266,6 +269,9 @@ const DatePicker = class {
       this.maxAsDate = dateFromISO(max);
     }
   }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -273,20 +279,13 @@ const DatePicker = class {
   // --------------------------------------------------------------------------
   connectedCallback() {
     connectLocalized(this);
+    connectMessages(this);
     if (Array.isArray(this.value)) {
       this.valueAsDate = getValueAsDateRange(this.value);
-      this.start = this.value[0];
-      this.end = this.value[1];
     }
     else if (this.value) {
       this.valueAsDate = dateFromISO(this.value);
     }
-    if (this.start) {
-      this.setStartAsDate(dateFromISO(this.start));
-    }
-    if (this.end) {
-      this.setEndAsDate(dateFromISO(this.end));
-    }
     if (this.min) {
       this.minAsDate = dateFromISO(this.min);
     }
@@ -296,11 +295,13 @@ const DatePicker = class {
   }
   disconnectedCallback() {
     disconnectLocalized(this);
+    disconnectMessages(this);
   }
   async componentWillLoad() {
     await this.loadLocaleData();
     this.onMinChanged(this.min);
     this.onMaxChanged(this.max);
+    await setUpMessages(this);
   }
   render() {
     const date = dateFromRange(this.range && Array.isArray(this.valueAsDate) ? this.valueAsDate[0] : this.valueAsDate, this.minAsDate, this.maxAsDate);
@@ -329,24 +330,17 @@ const DatePicker = class {
       : this.maxAsDate;
     return (h(Host, { onBlur: this.reset, onKeyDown: this.keyDownHandler, role: "application" }, this.renderCalendar(activeDate, maxDate, minDate, date, endDate)));
   }
+  effectiveLocaleChange() {
+    updateMessages(this, this.effectiveLocale);
+  }
   valueHandler(value) {
     if (Array.isArray(value)) {
       this.valueAsDate = getValueAsDateRange(value);
-      this.start = value[0];
-      this.end = value[1];
     }
     else if (value) {
       this.valueAsDate = dateFromISO(value);
-      this.start = "";
-      this.end = "";
     }
   }
-  startWatcher(start) {
-    this.setStartAsDate(dateFromISO(start));
-  }
-  endWatcher(end) {
-    this.setEndAsDate(dateFromISO(end));
-  }
   async loadLocaleData() {
     numberStringFormatter.numberFormatOptions = {
       numberingSystem: this.numberingSystem,
@@ -366,7 +360,7 @@ const DatePicker = class {
    */
   renderCalendar(activeDate, maxDate, minDate, date, endDate) {
     return (this.localeData && [
-      h("calcite-date-picker-month-header", { activeDate: activeDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, localeData: this.localeData, max: maxDate, min: minDate, onCalciteDatePickerSelect: this.monthHeaderSelectChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date || new Date() }),
+      h("calcite-date-picker-month-header", { activeDate: activeDate, headingLevel: this.headingLevel || HEADING_LEVEL, localeData: this.localeData, max: maxDate, messages: this.messages, min: minDate, onCalciteDatePickerSelect: this.monthHeaderSelectChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date || new Date() }),
       h("calcite-date-picker-month", { activeDate: activeDate, endDate: this.range ? endDate : undefined, hoverRange: this.hoverRange, localeData: this.localeData, max: maxDate, min: minDate, onCalciteDatePickerActiveDateChange: this.monthActiveDateChange, onCalciteDatePickerSelect: this.monthDateChange, onCalciteInternalDatePickerHover: this.monthHoverChange, onCalciteInternalDatePickerMouseOut: this.monthMouseOutChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date, startDate: this.range ? date : undefined })
     ]);
   }
@@ -397,12 +391,10 @@ const DatePicker = class {
     }
   }
   setEndDate(date) {
-    this.end = date ? dateToISO(date) : "";
     this.setEndAsDate(date, true);
     this.activeEndDate = date || null;
   }
   setStartDate(date) {
-    this.start = date ? dateToISO(date) : "";
     this.setStartAsDate(date, true);
     this.activeStartDate = date || null;
   }
@@ -428,10 +420,12 @@ const DatePicker = class {
     "endAsDate": ["handleRangeChange"],
     "min": ["onMinChanged"],
     "max": ["onMaxChanged"],
-    "value": ["valueHandler"],
-    "start": ["startWatcher"],
-    "end": ["endWatcher"],
-    "effectiveLocale": ["loadLocaleData"]
+    "intlNextMonth": ["onMessagesChange"],
+    "intlPrevMonth": ["onMessagesChange"],
+    "intlYear": ["onMessagesChange"],
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange", "loadLocaleData"],
+    "value": ["valueHandler"]
   }; }
 };
 DatePicker.style = datePickerCss;
@@ -895,11 +889,9 @@ const DatePickerMonthHeader = class {
     this.headingLevel = undefined;
     this.min = undefined;
     this.max = undefined;
-    this.intlPrevMonth = undefined;
-    this.intlNextMonth = undefined;
-    this.intlYear = undefined;
     this.scale = undefined;
     this.localeData = undefined;
+    this.messages = undefined;
     this.globalAttributes = {};
     this.nextMonthDate = undefined;
     this.prevMonthDate = undefined;
@@ -919,7 +911,8 @@ const DatePickerMonthHeader = class {
     return h("div", { class: CSS.header }, this.renderContent());
   }
   renderContent() {
-    if (!this.activeDate || !this.localeData) {
+    const { messages, localeData, activeDate } = this;
+    if (!activeDate || !localeData) {
       return null;
     }
     if (this.parentDatePickerEl) {
@@ -930,18 +923,18 @@ const DatePickerMonthHeader = class {
         ...(locale && { locale })
       };
     }
-    const activeMonth = this.activeDate.getMonth();
-    const { months, unitOrder } = this.localeData;
+    const activeMonth = activeDate.getMonth();
+    const { months, unitOrder } = localeData;
     const localizedMonth = (months.wide || months.narrow || months.abbreviated)[activeMonth];
-    const localizedYear = this.formatCalendarYear(this.activeDate.getFullYear());
+    const localizedYear = this.formatCalendarYear(activeDate.getFullYear());
     const iconScale = this.scale === "l" ? "m" : "s";
     const order = getOrder(unitOrder);
     const reverse = order.indexOf("y") < order.indexOf("m");
-    const suffix = this.localeData.year?.suffix;
-    return (h(Fragment, null, h("a", { "aria-disabled": `${this.prevMonthDate.getMonth() === activeMonth}`, "aria-label": this.intlPrevMonth, class: CSS.chevron, href: "#", onClick: this.prevMonthClick, onKeyDown: this.prevMonthKeydown, role: "button", tabindex: this.prevMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: ICON.chevronLeft, scale: iconScale })), h("div", { class: { text: true, [CSS.textReverse]: reverse } }, h(Heading, { class: CSS.month, level: this.headingLevel }, localizedMonth), h("span", { class: CSS.yearWrap }, h("input", { "aria-label": this.intlYear, class: {
+    const suffix = localeData.year?.suffix;
+    return (h(Fragment, null, h("a", { "aria-disabled": `${this.prevMonthDate.getMonth() === activeMonth}`, "aria-label": messages.prevMonth, class: CSS.chevron, href: "#", onClick: this.prevMonthClick, onKeyDown: this.prevMonthKeydown, role: "button", tabindex: this.prevMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: ICON.chevronLeft, scale: iconScale })), h("div", { class: { text: true, [CSS.textReverse]: reverse } }, h(Heading, { class: CSS.month, level: this.headingLevel }, localizedMonth), h("span", { class: CSS.yearWrap }, h("input", { "aria-label": messages.year, class: {
         year: true,
         [CSS.yearSuffix]: !!suffix
-      }, inputmode: "numeric", maxlength: "4", minlength: "1", onChange: this.onYearChange, onInput: this.onYearInput, onKeyDown: this.onYearKey, pattern: "\\d*", ref: (el) => (this.yearInput = el), type: "text", value: localizedYear }), suffix && h("span", { class: CSS.suffix }, suffix))), h("a", { "aria-disabled": `${this.nextMonthDate.getMonth() === activeMonth}`, "aria-label": this.intlNextMonth, class: CSS.chevron, href: "#", onClick: this.nextMonthClick, onKeyDown: this.nextMonthKeydown, role: "button", tabindex: this.nextMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: ICON.chevronRight, scale: iconScale }))));
+      }, inputmode: "numeric", maxlength: "4", minlength: "1", onChange: this.onYearChange, onInput: this.onYearInput, onKeyDown: this.onYearKey, pattern: "\\d*", ref: (el) => (this.yearInput = el), type: "text", value: localizedYear }), suffix && h("span", { class: CSS.suffix }, suffix))), h("a", { "aria-disabled": `${this.nextMonthDate.getMonth() === activeMonth}`, "aria-label": messages.nextMonth, class: CSS.chevron, href: "#", onClick: this.nextMonthClick, onKeyDown: this.nextMonthKeydown, role: "button", tabindex: this.nextMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: ICON.chevronRight, scale: iconScale }))));
   }
   setNextPrevMonthDates() {
     if (!this.activeDate) {

package/dist/esm/calcite-dropdown_3.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.677
+ * v1.0.0-next.679
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-526fe44f.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, h as getElementProp } from './dom-cb6da365.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-ed2fa878.js';
-import { c as createObserver } from './observers-d3bdba4b.js';
-import { u as updateHostInteraction } from './interactive-ac7977e6.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-4919d532.js';
-import { g as guid } from './guid-a54d5b0e.js';
-import { i as isActivationKey } from './key-264e9932.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-7d16143a.js';
-import './resources-e5017586.js';
-import './debounce-1466ff89.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3d40e818.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, h as getElementProp } from './dom-4b063f5a.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-7ebc55ad.js';
+import { c as createObserver } from './observers-8de4feef.js';
+import { u as updateHostInteraction } from './interactive-3c9383d9.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-a8a9808a.js';
+import { g as guid } from './guid-5f99983c.js';
+import { i as isActivationKey } from './key-ede764e3.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-b9b2ca65.js';
+import './resources-144d97f9.js';
+import './debounce-48a363f4.js';
 
 const SLOTS = {
   dropdownTrigger: "trigger"

package/dist/esm/calcite-fab.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.677
+ * v1.0.0-next.679
  */
-import { r as registerInstance, h, g as getElement } from './index-526fe44f.js';
-import { f as focusElement } from './dom-cb6da365.js';
-import { u as updateHostInteraction } from './interactive-ac7977e6.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-7d16143a.js';
-import './resources-e5017586.js';
-import './guid-a54d5b0e.js';
+import { r as registerInstance, h, g as getElement } from './index-3d40e818.js';
+import { f as focusElement } from './dom-4b063f5a.js';
+import { u as updateHostInteraction } from './interactive-3c9383d9.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 = {
   button: "button"

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.677
+ * v1.0.0-next.679
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-526fe44f.js';
-import { f as focusElement } from './dom-cb6da365.js';
-import { u as updateHostInteraction } from './interactive-ac7977e6.js';
-import { f as filter } from './filter-3701828b.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-7d16143a.js';
-import { d as debounce } from './debounce-1466ff89.js';
-import './resources-e5017586.js';
-import './guid-a54d5b0e.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.677
+ * v1.0.0-next.679
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-526fe44f.js';
-import { a as getElementDir } from './dom-cb6da365.js';
-import { S as SLOTS$1 } from './resources-839a8dae.js';
-import { u as updateHostInteraction } from './interactive-ac7977e6.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-7d16143a.js';
-import './resources-e5017586.js';
-import './guid-a54d5b0e.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.677
+ * v1.0.0-next.679
  */
-import { r as registerInstance, h, g as getElement } from './index-526fe44f.js';
-import { c as createObserver } from './observers-d3bdba4b.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.677
+ * v1.0.0-next.679
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-526fe44f.js';
-import { g as guid } from './guid-a54d5b0e.js';
-import { c as createObserver } from './observers-d3bdba4b.js';
-import { i as isPrimaryPointerButton, k as intersects } from './dom-cb6da365.js';
-import { d as decimalPlaces, c as clamp } from './math-3f0b58e1.js';
-import { c as connectLabel, d as disconnectLabel } from './label-5a949f45.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-bd999d94.js';
-import { u as updateHostInteraction } from './interactive-ac7977e6.js';
-import { i as isActivationKey } from './key-264e9932.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-e8129737.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-7d16143a.js';
-import './resources-e5017586.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.677
+ * v1.0.0-next.679
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-526fe44f.js';
-import { t as toAriaBoolean } from './dom-cb6da365.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-7d16143a.js';
-import './resources-e5017586.js';
-import './guid-a54d5b0e.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.677
+ * v1.0.0-next.679
  */
-import { e as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-526fe44f.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-cb6da365.js';
-import { c as createObserver } from './observers-d3bdba4b.js';
-import './resources-e5017586.js';
-import './guid-a54d5b0e.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",