@esri/calcite-components 1.0.0-next.695 → 1.0.0-next.697

package/dist/esm/calcite-sortable-list.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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-6c0985c0.js';
-import { S as Sortable } from './sortable.esm-b15d67b3.js';
-import { c as createObserver } from './observers-f3486722.js';
-import { u as updateHostInteraction } from './interactive-2def8154.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5262ee9d.js';
+import { S as Sortable } from './sortable.esm-703a79fd.js';
+import { c as createObserver } from './observers-e1f95e54.js';
+import { u as updateHostInteraction } from './interactive-3880d67a.js';
 
 const CSS = {
   sortItem: "sort-item",

package/dist/esm/calcite-split-button.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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-6c0985c0.js';
-import { u as updateHostInteraction } from './interactive-2def8154.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5262ee9d.js';
+import { u as updateHostInteraction } from './interactive-3880d67a.js';
 
 const CSS = {
   container: "split-button__container",

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

@@ -1,17 +1,17 @@
 /*!
  * 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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-6c0985c0.js';
-import { f as focusElement, h as getElementProp, t as toAriaBoolean } from './dom-4595aba2.js';
-import { u as updateHostInteraction } from './interactive-2def8154.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-2f01434d.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-00bb376f.js';
-import './resources-7545b964.js';
-import './guid-6abe7739.js';
-import './key-395d8254.js';
-import './observers-f3486722.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-5262ee9d.js';
+import { f as focusElement, h as getElementProp, t as toAriaBoolean } from './dom-a87ac75a.js';
+import { u as updateHostInteraction } from './interactive-3880d67a.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-643d4a1d.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-51558afb.js';
+import './resources-3672e167.js';
+import './guid-b3b57730.js';
+import './key-c876443b.js';
+import './observers-e1f95e54.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/esm/calcite-switch.entry.js

@@ -1,17 +1,17 @@
 /*!
  * 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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6c0985c0.js';
-import { f as focusElement, t as toAriaBoolean } from './dom-4595aba2.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-e6c3ebb6.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-8479e960.js';
-import { u as updateHostInteraction } from './interactive-2def8154.js';
-import { i as isActivationKey } from './key-395d8254.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-00bb376f.js';
-import './resources-7545b964.js';
-import './guid-6abe7739.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5262ee9d.js';
+import { f as focusElement, t as toAriaBoolean } from './dom-a87ac75a.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c203ecb6.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-a3642531.js';
+import { u as updateHostInteraction } from './interactive-3880d67a.js';
+import { i as isActivationKey } from './key-c876443b.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-51558afb.js';
+import './resources-3672e167.js';
+import './guid-b3b57730.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/esm/calcite-tab_4.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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-6c0985c0.js';
-import { g as guid } from './guid-6abe7739.js';
-import { n as nodeListToArray, b as getElementDir, m as filterDirectChildren, h as getElementProp, t as toAriaBoolean } from './dom-4595aba2.js';
-import { c as createObserver } from './observers-f3486722.js';
-import { u as updateHostInteraction } from './interactive-2def8154.js';
-import './resources-7545b964.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-5262ee9d.js';
+import { g as guid } from './guid-b3b57730.js';
+import { n as nodeListToArray, b as getElementDir, m as filterDirectChildren, h as getElementProp, t as toAriaBoolean } from './dom-a87ac75a.js';
+import { c as createObserver } from './observers-e1f95e54.js';
+import { u as updateHostInteraction } from './interactive-3880d67a.js';
+import './resources-3672e167.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/esm/calcite-tile-select_2.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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-6c0985c0.js';
-import { g as guid } from './guid-6abe7739.js';
-import { u as updateHostInteraction } from './interactive-2def8154.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-00bb376f.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5262ee9d.js';
+import { g as guid } from './guid-b3b57730.js';
+import { u as updateHostInteraction } from './interactive-3880d67a.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-51558afb.js';
 
 const CSS = {
   checked: "checked",

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

@@ -1,15 +1,15 @@
 /*!
  * 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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-6c0985c0.js';
-import { g as getSlotted } from './dom-4595aba2.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4343e8ee.js';
-import { u as updateHostInteraction } from './interactive-2def8154.js';
-import './resources-7545b964.js';
-import './guid-6abe7739.js';
-import './observers-f3486722.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-5262ee9d.js';
+import { g as getSlotted } from './dom-a87ac75a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-b1978c68.js';
+import { u as updateHostInteraction } from './interactive-3880d67a.js';
+import './resources-3672e167.js';
+import './guid-b3b57730.js';
+import './observers-e1f95e54.js';
 
 const SLOTS = {
   contentStart: "content-start",

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

@@ -1,15 +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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-6c0985c0.js';
-import { g as getSlotted, b as getElementDir, t as toAriaBoolean } from './dom-4595aba2.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-a1690114.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4343e8ee.js';
-import { c as createObserver } from './observers-f3486722.js';
-import './resources-7545b964.js';
-import './guid-6abe7739.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-5262ee9d.js';
+import { g as getSlotted, b as getElementDir, t as toAriaBoolean } from './dom-a87ac75a.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-769d6b09.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-b1978c68.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-643d4a1d.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-80805096.js';
+import { c as createObserver } from './observers-e1f95e54.js';
+import './resources-3672e167.js';
+import './guid-b3b57730.js';
+import './key-c876443b.js';
 
 const CSS$1 = {
   container: "container",
@@ -26,9 +29,6 @@ const ICONS$1 = {
 const SLOTS = {
   thumbnail: "thumbnail"
 };
-const TEXT$1 = {
-  close: "Close"
-};
 
 const tipCss = "@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;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([dismissed]),:host([dismissed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-ui-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}";
 
@@ -50,7 +50,16 @@ const Tip = class {
     this.heading = undefined;
     this.headingLevel = undefined;
     this.selected = false;
-    this.intlClose = undefined;
+    this.messages = undefined;
+    this.messageOverrides = undefined;
+    this.defaultMessages = undefined;
+    this.effectiveLocale = "";
+  }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
+  effectiveLocaleChange() {
+    updateMessages(this, this.effectiveLocale);
   }
   // --------------------------------------------------------------------------
   //
@@ -59,9 +68,16 @@ const Tip = class {
   // --------------------------------------------------------------------------
   connectedCallback() {
     connectConditionalSlotComponent(this);
+    connectLocalized(this);
+    connectMessages(this);
+  }
+  async componentWillLoad() {
+    await setUpMessages(this);
   }
   disconnectedCallback() {
     disconnectConditionalSlotComponent(this);
+    disconnectLocalized(this);
+    disconnectMessages(this);
   }
   // --------------------------------------------------------------------------
   //
@@ -76,9 +92,8 @@ const Tip = class {
     return heading ? (h("header", { class: CSS$1.header }, h(Heading, { class: CSS$1.heading, level: level }, heading))) : null;
   }
   renderDismissButton() {
-    const { closeDisabled, hideTip, intlClose } = this;
-    const text = intlClose || TEXT$1.close;
-    return !closeDisabled ? (h("calcite-action", { class: CSS$1.close, icon: ICONS$1.close, onClick: hideTip, scale: "l", text: text })) : null;
+    const { closeDisabled, hideTip } = this;
+    return !closeDisabled ? (h("calcite-action", { class: CSS$1.close, icon: ICONS$1.close, onClick: hideTip, scale: "l", text: this.messages.close })) : null;
   }
   renderImageFrame() {
     const { el } = this;
@@ -93,7 +108,12 @@ const Tip = class {
   render() {
     return (h(Fragment, null, h("article", { class: CSS$1.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
   }
+  static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
+  static get watchers() { return {
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
+  }; }
 };
 Tip.style = tipCss;
 
@@ -128,13 +148,6 @@ const ICONS = {
   chevronRight: "chevron-right",
   close: "x"
 };
-const TEXT = {
-  defaultGroupTitle: "Tips",
-  defaultPaginationLabel: "Tip",
-  close: "Close",
-  previous: "Previous",
-  next: "Next"
-};
 
 const tipManagerCss = "@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{box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(calcite-tip){border-style:none;padding:0.75rem;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";
 
@@ -181,35 +194,49 @@ const TipManager = class {
     };
     this.closed = false;
     this.headingLevel = undefined;
-    this.intlClose = undefined;
-    this.intlDefaultTitle = undefined;
-    this.intlNext = undefined;
-    this.intlPaginationLabel = undefined;
-    this.intlPrevious = undefined;
+    this.messages = undefined;
+    this.messageOverrides = undefined;
     this.selectedIndex = undefined;
     this.tips = undefined;
     this.total = undefined;
     this.direction = undefined;
     this.groupTitle = undefined;
+    this.defaultMessages = undefined;
+    this.effectiveLocale = "";
   }
   closedChangeHandler() {
     this.direction = null;
   }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
   selectedChangeHandler() {
     this.showSelectedTip();
     this.updateGroupTitle();
   }
+  async effectiveLocaleChange() {
+    await updateMessages(this, this.effectiveLocale);
+    this.updateGroupTitle();
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    connectLocalized(this);
+    connectMessages(this);
     this.setUpTips();
     this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
   }
+  async componentWillLoad() {
+    await setUpMessages(this);
+    this.updateGroupTitle();
+  }
   disconnectedCallback() {
     this.mutationObserver?.disconnect();
+    disconnectLocalized(this);
+    disconnectMessages(this);
   }
   // --------------------------------------------------------------------------
   //
@@ -246,7 +273,6 @@ const TipManager = class {
       tip.closeDisabled = true;
     });
     this.showSelectedTip();
-    this.updateGroupTitle();
   }
   showSelectedTip() {
     this.tips.forEach((tip, index) => {
@@ -256,9 +282,11 @@ const TipManager = class {
     });
   }
   updateGroupTitle() {
-    const selectedTip = this.tips[this.selectedIndex];
-    const tipParent = selectedTip.closest("calcite-tip-group");
-    this.groupTitle = tipParent?.groupTitle || this.intlDefaultTitle || TEXT.defaultGroupTitle;
+    if (this.tips) {
+      const selectedTip = this.tips[this.selectedIndex];
+      const tipParent = selectedTip.closest("calcite-tip-group");
+      this.groupTitle = tipParent?.groupTitle || this.messages?.defaultGroupTitle;
+    }
   }
   // --------------------------------------------------------------------------
   //
@@ -267,15 +295,15 @@ const TipManager = class {
   // --------------------------------------------------------------------------
   renderPagination() {
     const dir = getElementDir(this.el);
-    const { selectedIndex, tips, total, intlNext, intlPrevious, intlPaginationLabel } = this;
-    const nextLabel = intlNext || TEXT.next;
-    const previousLabel = intlPrevious || TEXT.previous;
-    const paginationLabel = intlPaginationLabel || TEXT.defaultPaginationLabel;
+    const { selectedIndex, tips, total, messages } = this;
+    const nextLabel = messages.next;
+    const previousLabel = messages.previous;
+    const paginationLabel = messages.defaultPaginationLabel;
     return tips.length > 1 ? (h("footer", { class: CSS.pagination }, h("calcite-action", { class: CSS.pagePrevious, icon: dir === "ltr" ? ICONS.chevronLeft : ICONS.chevronRight, onClick: this.previousClicked, scale: "m", text: previousLabel }), h("span", { class: CSS.pagePosition }, `${paginationLabel} ${selectedIndex + 1}/${total}`), h("calcite-action", { class: CSS.pageNext, icon: dir === "ltr" ? ICONS.chevronRight : ICONS.chevronLeft, onClick: this.nextClicked, scale: "m", text: nextLabel }))) : null;
   }
   render() {
-    const { closed, direction, headingLevel, groupTitle, selectedIndex, intlClose, total } = this;
-    const closeLabel = intlClose || TEXT.close;
+    const { closed, direction, headingLevel, groupTitle, selectedIndex, messages, total } = this;
+    const closeLabel = messages.close;
     if (total === 0) {
       return null;
     }
@@ -285,10 +313,13 @@ const TipManager = class {
         [CSS.tipContainerRetreating]: !closed && direction === "retreating"
       }, key: selectedIndex, tabIndex: 0 }, h("slot", null)), this.renderPagination()));
   }
+  static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
     "closed": ["closedChangeHandler"],
-    "selectedIndex": ["selectedChangeHandler"]
+    "messageOverrides": ["onMessagesChange"],
+    "selectedIndex": ["selectedChangeHandler"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }; }
 };
 TipManager.style = tipManagerCss;

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

@@ -1,15 +1,15 @@
 /*!
  * 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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6c0985c0.js';
-import { g as guid } from './guid-6abe7739.js';
-import { c as connectFloatingUI, b as defaultOffsetDistance, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-85040ac1.js';
-import { i as isPrimaryPointerButton, q as queryElementRoots, t as toAriaBoolean } from './dom-4595aba2.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-18201ff7.js';
-import './debounce-51885213.js';
-import './resources-7545b964.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5262ee9d.js';
+import { g as guid } from './guid-b3b57730.js';
+import { c as connectFloatingUI, b as defaultOffsetDistance, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-487915ab.js';
+import { i as isPrimaryPointerButton, q as queryElementRoots, t as toAriaBoolean } from './dom-a87ac75a.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-d4f98dbb.js';
+import './debounce-10be89e5.js';
+import './resources-3672e167.js';
 
 const CSS = {
   container: "container",

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

@@ -1,15 +1,15 @@
 /*!
  * 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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6c0985c0.js';
-import { f as focusElement, n as nodeListToArray, l as getRootNode, g as getSlotted, b as getElementDir, t as toAriaBoolean, m as filterDirectChildren } from './dom-4595aba2.js';
-import { C as CSS_UTILITY } from './resources-7545b964.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4343e8ee.js';
-import { u as updateHostInteraction } from './interactive-2def8154.js';
-import './guid-6abe7739.js';
-import './observers-f3486722.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5262ee9d.js';
+import { f as focusElement, n as nodeListToArray, l as getRootNode, g as getSlotted, b as getElementDir, t as toAriaBoolean, m as filterDirectChildren } from './dom-a87ac75a.js';
+import { C as CSS_UTILITY } from './resources-3672e167.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-b1978c68.js';
+import { u as updateHostInteraction } from './interactive-3880d67a.js';
+import './guid-b3b57730.js';
+import './observers-e1f95e54.js';
 
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

package/dist/esm/calcite-value-list_2.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.695
+ * v1.0.0-next.697
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-6c0985c0.js';
-import { S as Sortable } from './sortable.esm-b15d67b3.js';
-import { g as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, e as moveItemIndex, i as initialize, f as initializeObserver, j as handleInitialFilter, l as cleanUpObserver, n as calciteListFocusOutHandler, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, q as setUpItems, t as setFocus, L as List, I as ICON_TYPES$1, C as CSS$1, S as SLOTS$1 } from './resources-45d1094f.js';
-import { c as createObserver } from './observers-f3486722.js';
-import { u as updateHostInteraction } from './interactive-2def8154.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-2f01434d.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-b0e17077.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-00bb376f.js';
-import { g as guid } from './guid-6abe7739.js';
-import { g as getSlotted } from './dom-4595aba2.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-4343e8ee.js';
-import './array-c4b14686.js';
-import './debounce-51885213.js';
-import './key-395d8254.js';
-import './resources-7545b964.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-5262ee9d.js';
+import { S as Sortable } from './sortable.esm-703a79fd.js';
+import { g as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, e as moveItemIndex, i as initialize, f as initializeObserver, j as handleInitialFilter, l as cleanUpObserver, n as calciteListFocusOutHandler, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, q as setUpItems, t as setFocus, L as List, I as ICON_TYPES$1, C as CSS$1, S as SLOTS$1 } from './resources-7e4291db.js';
+import { c as createObserver } from './observers-e1f95e54.js';
+import { u as updateHostInteraction } from './interactive-3880d67a.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-643d4a1d.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-80805096.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-51558afb.js';
+import { g as guid } from './guid-b3b57730.js';
+import { g as getSlotted } from './dom-a87ac75a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-b1978c68.js';
+import './array-5f95f037.js';
+import './debounce-10be89e5.js';
+import './key-c876443b.js';
+import './resources-3672e167.js';
 
 const CSS = {
   container: "container",