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

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.695
+ * v1.0.0-next.697
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const sortable_esm = require('./sortable.esm-47bd0799.js');
-const observers = require('./observers-883c056b.js');
-const interactive = require('./interactive-1caa45bf.js');
+const index = require('./index-964a3c53.js');
+const sortable_esm = require('./sortable.esm-0bf9f34e.js');
+const observers = require('./observers-50d3f4a8.js');
+const interactive = require('./interactive-577420ae.js');
 
 const CSS = {
   sortItem: "sort-item",

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

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.695
+ * v1.0.0-next.697
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const interactive = require('./interactive-1caa45bf.js');
+const index = require('./index-964a3c53.js');
+const interactive = require('./interactive-577420ae.js');
 
 const CSS = {
   container: "split-button__container",

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

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.695
+ * v1.0.0-next.697
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const dom = require('./dom-3b45950a.js');
-const interactive = require('./interactive-1caa45bf.js');
-const locale = require('./locale-51e0b0eb.js');
-const loadable = require('./loadable-c23c858f.js');
-require('./resources-826ea3ca.js');
-require('./guid-06c9d8db.js');
-require('./key-7e267320.js');
-require('./observers-883c056b.js');
+const index = require('./index-964a3c53.js');
+const dom = require('./dom-c6faeeb4.js');
+const interactive = require('./interactive-577420ae.js');
+const locale = require('./locale-aa70661c.js');
+const loadable = require('./loadable-38a99172.js');
+require('./resources-41de98dd.js');
+require('./guid-85f48217.js');
+require('./key-2260cd9a.js');
+require('./observers-50d3f4a8.js');
 
 const stepperCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]){flex:1 1 auto;flex-direction:column}:host([layout=horizontal]){display:grid;grid-template-areas:\"items\" \"content\"}";
 

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

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.695
+ * v1.0.0-next.697
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const dom = require('./dom-3b45950a.js');
-const label = require('./label-d54943b4.js');
-const form = require('./form-b0302c55.js');
-const interactive = require('./interactive-1caa45bf.js');
-const key = require('./key-7e267320.js');
-const loadable = require('./loadable-c23c858f.js');
-require('./resources-826ea3ca.js');
-require('./guid-06c9d8db.js');
+const index = require('./index-964a3c53.js');
+const dom = require('./dom-c6faeeb4.js');
+const label = require('./label-822a2fa6.js');
+const form = require('./form-e49d50b6.js');
+const interactive = require('./interactive-577420ae.js');
+const key = require('./key-2260cd9a.js');
+const loadable = require('./loadable-38a99172.js');
+require('./resources-41de98dd.js');
+require('./guid-85f48217.js');
 
 const switchCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{inline-size:auto;outline-color:transparent}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.695
+ * v1.0.0-next.697
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const guid = require('./guid-06c9d8db.js');
-const dom = require('./dom-3b45950a.js');
-const observers = require('./observers-883c056b.js');
-const interactive = require('./interactive-1caa45bf.js');
-require('./resources-826ea3ca.js');
+const index = require('./index-964a3c53.js');
+const guid = require('./guid-85f48217.js');
+const dom = require('./dom-c6faeeb4.js');
+const observers = require('./observers-50d3f4a8.js');
+const interactive = require('./interactive-577420ae.js');
+require('./resources-41de98dd.js');
 
 const tabCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}section,.container{display:none;block-size:100%;inline-size:100%}:host([scale=s]){padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}";
 

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.695
+ * v1.0.0-next.697
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const guid = require('./guid-06c9d8db.js');
-const interactive = require('./interactive-1caa45bf.js');
-const loadable = require('./loadable-c23c858f.js');
+const index = require('./index-964a3c53.js');
+const guid = require('./guid-85f48217.js');
+const interactive = require('./interactive-577420ae.js');
+const loadable = require('./loadable-38a99172.js');
 
 const CSS = {
   checked: "checked",

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.695
+ * v1.0.0-next.697
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const dom = require('./dom-3b45950a.js');
-const conditionalSlot = require('./conditionalSlot-cee61da6.js');
-const interactive = require('./interactive-1caa45bf.js');
-require('./resources-826ea3ca.js');
-require('./guid-06c9d8db.js');
-require('./observers-883c056b.js');
+const index = require('./index-964a3c53.js');
+const dom = require('./dom-c6faeeb4.js');
+const conditionalSlot = require('./conditionalSlot-4575ec70.js');
+const interactive = require('./interactive-577420ae.js');
+require('./resources-41de98dd.js');
+require('./guid-85f48217.js');
+require('./observers-50d3f4a8.js');
 
 const SLOTS = {
   contentStart: "content-start",

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

@@ -1,19 +1,22 @@
 /*!
  * 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
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const dom = require('./dom-3b45950a.js');
-const Heading = require('./Heading-6036fbb9.js');
-const conditionalSlot = require('./conditionalSlot-cee61da6.js');
-const observers = require('./observers-883c056b.js');
-require('./resources-826ea3ca.js');
-require('./guid-06c9d8db.js');
+const index = require('./index-964a3c53.js');
+const dom = require('./dom-c6faeeb4.js');
+const Heading = require('./Heading-25a15fe0.js');
+const conditionalSlot = require('./conditionalSlot-4575ec70.js');
+const locale = require('./locale-aa70661c.js');
+const t9n = require('./t9n-f329159c.js');
+const observers = require('./observers-50d3f4a8.js');
+require('./resources-41de98dd.js');
+require('./guid-85f48217.js');
+require('./key-2260cd9a.js');
 
 const CSS$1 = {
   container: "container",
@@ -30,9 +33,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%}";
 
@@ -54,7 +54,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() {
+    t9n.updateMessages(this, this.effectiveLocale);
   }
   // --------------------------------------------------------------------------
   //
@@ -63,9 +72,16 @@ const Tip = class {
   // --------------------------------------------------------------------------
   connectedCallback() {
     conditionalSlot.connectConditionalSlotComponent(this);
+    locale.connectLocalized(this);
+    t9n.connectMessages(this);
+  }
+  async componentWillLoad() {
+    await t9n.setUpMessages(this);
   }
   disconnectedCallback() {
     conditionalSlot.disconnectConditionalSlotComponent(this);
+    locale.disconnectLocalized(this);
+    t9n.disconnectMessages(this);
   }
   // --------------------------------------------------------------------------
   //
@@ -80,9 +96,8 @@ const Tip = class {
     return heading ? (index.h("header", { class: CSS$1.header }, index.h(Heading.Heading, { class: CSS$1.heading, level: level }, heading))) : null;
   }
   renderDismissButton() {
-    const { closeDisabled, hideTip, intlClose } = this;
-    const text = intlClose || TEXT$1.close;
-    return !closeDisabled ? (index.h("calcite-action", { class: CSS$1.close, icon: ICONS$1.close, onClick: hideTip, scale: "l", text: text })) : null;
+    const { closeDisabled, hideTip } = this;
+    return !closeDisabled ? (index.h("calcite-action", { class: CSS$1.close, icon: ICONS$1.close, onClick: hideTip, scale: "l", text: this.messages.close })) : null;
   }
   renderImageFrame() {
     const { el } = this;
@@ -97,7 +112,12 @@ const Tip = class {
   render() {
     return (index.h(index.Fragment, null, index.h("article", { class: CSS$1.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
   }
+  static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "messageOverrides": ["onMessagesChange"],
+    "effectiveLocale": ["effectiveLocaleChange"]
+  }; }
 };
 Tip.style = tipCss;
 
@@ -132,13 +152,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)}}";
 
@@ -185,35 +198,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 t9n.updateMessages(this, this.effectiveLocale);
+    this.updateGroupTitle();
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    locale.connectLocalized(this);
+    t9n.connectMessages(this);
     this.setUpTips();
     this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
   }
+  async componentWillLoad() {
+    await t9n.setUpMessages(this);
+    this.updateGroupTitle();
+  }
   disconnectedCallback() {
     this.mutationObserver?.disconnect();
+    locale.disconnectLocalized(this);
+    t9n.disconnectMessages(this);
   }
   // --------------------------------------------------------------------------
   //
@@ -250,7 +277,6 @@ const TipManager = class {
       tip.closeDisabled = true;
     });
     this.showSelectedTip();
-    this.updateGroupTitle();
   }
   showSelectedTip() {
     this.tips.forEach((tip, index) => {
@@ -260,9 +286,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;
+    }
   }
   // --------------------------------------------------------------------------
   //
@@ -271,15 +299,15 @@ const TipManager = class {
   // --------------------------------------------------------------------------
   renderPagination() {
     const dir = dom.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 ? (index.h("footer", { class: CSS.pagination }, index.h("calcite-action", { class: CSS.pagePrevious, icon: dir === "ltr" ? ICONS.chevronLeft : ICONS.chevronRight, onClick: this.previousClicked, scale: "m", text: previousLabel }), index.h("span", { class: CSS.pagePosition }, `${paginationLabel} ${selectedIndex + 1}/${total}`), index.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;
     }
@@ -289,10 +317,13 @@ const TipManager = class {
         [CSS.tipContainerRetreating]: !closed && direction === "retreating"
       }, key: selectedIndex, tabIndex: 0 }, index.h("slot", null)), this.renderPagination()));
   }
+  static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {
     "closed": ["closedChangeHandler"],
-    "selectedIndex": ["selectedChangeHandler"]
+    "messageOverrides": ["onMessagesChange"],
+    "selectedIndex": ["selectedChangeHandler"],
+    "effectiveLocale": ["effectiveLocaleChange"]
   }; }
 };
 TipManager.style = tipManagerCss;

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.695
+ * v1.0.0-next.697
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const guid = require('./guid-06c9d8db.js');
-const floatingUi = require('./floating-ui-0261a7a6.js');
-const dom = require('./dom-3b45950a.js');
-const openCloseComponent = require('./openCloseComponent-55b4f36c.js');
-require('./debounce-8759b535.js');
-require('./resources-826ea3ca.js');
+const index = require('./index-964a3c53.js');
+const guid = require('./guid-85f48217.js');
+const floatingUi = require('./floating-ui-0c2a53b8.js');
+const dom = require('./dom-c6faeeb4.js');
+const openCloseComponent = require('./openCloseComponent-bf54a622.js');
+require('./debounce-e9a2e58b.js');
+require('./resources-41de98dd.js');
 
 const CSS = {
   container: "container",

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.695
+ * v1.0.0-next.697
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const dom = require('./dom-3b45950a.js');
-const resources = require('./resources-826ea3ca.js');
-const conditionalSlot = require('./conditionalSlot-cee61da6.js');
-const interactive = require('./interactive-1caa45bf.js');
-require('./guid-06c9d8db.js');
-require('./observers-883c056b.js');
+const index = require('./index-964a3c53.js');
+const dom = require('./dom-c6faeeb4.js');
+const resources = require('./resources-41de98dd.js');
+const conditionalSlot = require('./conditionalSlot-4575ec70.js');
+const interactive = require('./interactive-577420ae.js');
+require('./guid-85f48217.js');
+require('./observers-50d3f4a8.js');
 
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

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

@@ -1,27 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.695
+ * v1.0.0-next.697
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fd97382f.js');
-const sortable_esm = require('./sortable.esm-47bd0799.js');
-const resources = require('./resources-6ec95204.js');
-const observers = require('./observers-883c056b.js');
-const interactive = require('./interactive-1caa45bf.js');
-const locale = require('./locale-51e0b0eb.js');
-const t9n = require('./t9n-eef94b58.js');
-const loadable = require('./loadable-c23c858f.js');
-const guid = require('./guid-06c9d8db.js');
-const dom = require('./dom-3b45950a.js');
-const conditionalSlot = require('./conditionalSlot-cee61da6.js');
-require('./array-d7a75e9f.js');
-require('./debounce-8759b535.js');
-require('./key-7e267320.js');
-require('./resources-826ea3ca.js');
+const index = require('./index-964a3c53.js');
+const sortable_esm = require('./sortable.esm-0bf9f34e.js');
+const resources = require('./resources-c605fd63.js');
+const observers = require('./observers-50d3f4a8.js');
+const interactive = require('./interactive-577420ae.js');
+const locale = require('./locale-aa70661c.js');
+const t9n = require('./t9n-f329159c.js');
+const loadable = require('./loadable-38a99172.js');
+const guid = require('./guid-85f48217.js');
+const dom = require('./dom-c6faeeb4.js');
+const conditionalSlot = require('./conditionalSlot-4575ec70.js');
+require('./array-3e41e5e3.js');
+require('./debounce-e9a2e58b.js');
+require('./key-2260cd9a.js');
+require('./resources-41de98dd.js');
 
 const CSS = {
   container: "container",