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

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-16T21:38:56",
+  "timestamp": "2022-12-16T22:03:49",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -21197,16 +21197,15 @@
           "required": false
         },
         {
-          "name": "intlClose",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-close",
+          "name": "messageOverrides",
+          "type": "{ close?: string; }",
+          "mutable": true,
           "reflectToAttr": false,
-          "docs": "Accessible name for the component's close button.",
+          "docs": "Use this property to override individual strings used by the component.",
           "docsTags": [],
           "values": [
             {
-              "type": "string"
+              "type": "{ close?: string; }"
             }
           ],
           "optional": false,
@@ -21386,80 +21385,15 @@
           "required": false
         },
         {
-          "name": "intlClose",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-close",
-          "reflectToAttr": false,
-          "docs": "Accessible name for the component's close button.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "intlDefaultTitle",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-default-title",
-          "reflectToAttr": false,
-          "docs": "Accessible name for the `calcite-tip-group` title.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "intlNext",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-next",
-          "reflectToAttr": false,
-          "docs": "Accessible name for navigating to the next tip.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "intlPaginationLabel",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-pagination-label",
-          "reflectToAttr": false,
-          "docs": "Text that accompanies the component's pagination.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "intlPrevious",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-previous",
+          "name": "messageOverrides",
+          "type": "{ defaultGroupTitle?: string; defaultPaginationLabel?: string; close?: string; previous?: string; next?: string; }",
+          "mutable": true,
           "reflectToAttr": false,
-          "docs": "Accessible name for navigating to the previous tip.",
+          "docs": "Use this property to override individual strings used by the component.",
           "docsTags": [],
           "values": [
             {
-              "type": "string"
+              "type": "{ defaultGroupTitle?: string; defaultPaginationLabel?: string; close?: string; previous?: string; next?: string; }"
             }
           ],
           "optional": false,

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * 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.696
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * 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.696
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * 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.696
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * 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.696
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/tip/resources.d.ts

@@ -13,6 +13,3 @@ export declare const ICONS: {
 export declare const SLOTS: {
   thumbnail: string;
 };
-export declare const TEXT: {
-  close: string;
-};

package/dist/types/components/tip/tip.d.ts

@@ -1,11 +1,14 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/Heading";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { LocalizedComponent } from "../../utils/locale";
+import { T9nComponent } from "../../utils/t9n";
+import { Messages } from "./assets/tip/t9n";
 /**
  * @slot - A slot for adding text and a hyperlink.
  * @slot thumbnail - A slot for adding an HTML image element.
  */
-export declare class Tip implements ConditionalSlotComponent {
+export declare class Tip implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {
   /**
    * When `true`, the component does not display.
    */
@@ -29,11 +32,22 @@ export declare class Tip implements ConditionalSlotComponent {
    */
   selected: boolean;
   /**
-   * Accessible name for the component's close button.
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: Messages;
+  /**
+   * Use this property to override individual strings used by the component.
    */
-  intlClose: string;
+  messageOverrides: Partial<Messages>;
+  onMessagesChange(): void;
   el: HTMLCalciteTipElement;
+  defaultMessages: Messages;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
   connectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   disconnectedCallback(): void;
   /**
    * Emits when the component has been dismissed.

package/dist/types/components/tip-manager/tip-manager.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/Heading";
+import { Messages } from "./assets/tip-manager/t9n";
 /**
  * @slot - A slot for adding `calcite-tip`s.
  */
@@ -14,25 +15,16 @@ export declare class TipManager {
    */
   headingLevel: HeadingLevel;
   /**
-   * Accessible name for the component's close button.
+   * Made into a prop for testing purposes only
+   *
+   * @internal
    */
-  intlClose: string;
+  messages: Messages;
   /**
-   * Accessible name for the `calcite-tip-group` title.
+   * Use this property to override individual strings used by the component.
    */
-  intlDefaultTitle: string;
-  /**
-   * Accessible name for navigating to the next tip.
-   */
-  intlNext: string;
-  /**
-   * Text that accompanies the component's pagination.
-   */
-  intlPaginationLabel: string;
-  /**
-   * Accessible name for navigating to the previous tip.
-   */
-  intlPrevious: string;
+  messageOverrides: Partial<Messages>;
+  onMessagesChange(): void;
   el: HTMLCalciteTipManagerElement;
   selectedIndex: number;
   selectedChangeHandler(): void;
@@ -42,7 +34,11 @@ export declare class TipManager {
   groupTitle: string;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   container: HTMLDivElement;
+  defaultMessages: Messages;
+  effectiveLocale: string;
+  effectiveLocaleChange(): Promise<void>;
   connectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   disconnectedCallback(): void;
   /** Selects the next `calcite-tip` to display. */
   nextTip(): Promise<void>;

package/dist/types/components.d.ts

@@ -64,9 +64,11 @@ import { TabChangeEventDetail } from "./components/tab/interfaces";
 import { TileSelectType } from "./components/tile-select/interfaces";
 import { TileSelectGroupLayout } from "./components/tile-select-group/interfaces";
 import { TimePart } from "./utils/time";
+import { Messages as Messages28 } from "./components/tip/assets/tip/t9n";
+import { Messages as Messages29 } from "./components/tip-manager/assets/tip-manager/t9n";
 import { TreeSelectionMode } from "./components/tree/interfaces";
 import { TreeItemSelectDetail } from "./components/tree-item/interfaces";
-import { Messages as Messages28 } from "./components/value-list/assets/value-list/t9n";
+import { Messages as Messages30 } from "./components/value-list/assets/value-list/t9n";
 export namespace Components {
     interface CalciteAccordion {
         /**
@@ -3680,9 +3682,13 @@ export namespace Components {
          */
         "headingLevel": HeadingLevel;
         /**
-          * Accessible name for the component's close button.
+          * Use this property to override individual strings used by the component.
          */
-        "intlClose": string;
+        "messageOverrides": Partial<Messages28>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": Messages28;
         /**
           * When `true`, the component is selected if it has a parent `calcite-tip-manager`.  Only one tip can be selected within the `calcite-tip-manager` parent.
          */
@@ -3704,25 +3710,13 @@ export namespace Components {
          */
         "headingLevel": HeadingLevel;
         /**
-          * Accessible name for the component's close button.
-         */
-        "intlClose": string;
-        /**
-          * Accessible name for the `calcite-tip-group` title.
-         */
-        "intlDefaultTitle": string;
-        /**
-          * Accessible name for navigating to the next tip.
-         */
-        "intlNext": string;
-        /**
-          * Text that accompanies the component's pagination.
+          * Use this property to override individual strings used by the component.
          */
-        "intlPaginationLabel": string;
+        "messageOverrides": Partial<Messages29>;
         /**
-          * Accessible name for navigating to the previous tip.
+          * Made into a prop for testing purposes only
          */
-        "intlPrevious": string;
+        "messages": Messages29;
         /**
           * Selects the next `calcite-tip` to display.
          */
@@ -3864,11 +3858,11 @@ export namespace Components {
         /**
           * Use this property to override individual strings used by the component.
          */
-        "messageOverrides": Partial<Messages28>;
+        "messageOverrides": Partial<Messages30>;
         /**
           * Made into a prop for testing purposes only
          */
-        "messages": Messages28;
+        "messages": Messages30;
         /**
           * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-value-list-item`s at a time. When `false`, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
          */
@@ -8275,9 +8269,9 @@ declare namespace LocalJSX {
          */
         "headingLevel"?: HeadingLevel;
         /**
-          * Accessible name for the component's close button.
+          * Use this property to override individual strings used by the component.
          */
-        "intlClose"?: string;
+        "messageOverrides"?: Partial<Messages28>;
         /**
           * Emits when the component has been dismissed.
          */
@@ -8303,25 +8297,9 @@ declare namespace LocalJSX {
          */
         "headingLevel"?: HeadingLevel;
         /**
-          * Accessible name for the component's close button.
-         */
-        "intlClose"?: string;
-        /**
-          * Accessible name for the `calcite-tip-group` title.
-         */
-        "intlDefaultTitle"?: string;
-        /**
-          * Accessible name for navigating to the next tip.
-         */
-        "intlNext"?: string;
-        /**
-          * Text that accompanies the component's pagination.
-         */
-        "intlPaginationLabel"?: string;
-        /**
-          * Accessible name for navigating to the previous tip.
+          * Use this property to override individual strings used by the component.
          */
-        "intlPrevious"?: string;
+        "messageOverrides"?: Partial<Messages29>;
         /**
           * Emits when the component has been closed.
          */
@@ -8459,7 +8437,7 @@ declare namespace LocalJSX {
         /**
           * Use this property to override individual strings used by the component.
          */
-        "messageOverrides"?: Partial<Messages28>;
+        "messageOverrides"?: Partial<Messages30>;
         /**
           * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-value-list-item`s at a time. When `false`, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
          */

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * 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.696
  */
 'use strict';
 
@@ -29102,7 +29102,7 @@ const SLOTS$5 = {
   actionBar: "action-bar",
   header: "header"
 };
-const TEXT$2 = {
+const TEXT = {
   resize: "Resize"
 };
 
@@ -29223,7 +29223,7 @@ class ShellPanel {
     this.detachedHeightScale = "l";
     this.widthScale = "m";
     this.position = undefined;
-    this.intlResize = TEXT$2.resize;
+    this.intlResize = TEXT.resize;
     this.resizable = false;
     this.contentWidth = null;
   }
@@ -35667,9 +35667,6 @@ const ICONS$3 = {
 const SLOTS$2 = {
   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*/.sc-calcite-tip: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*/.calcite-animate.sc-calcite-tip{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-tip{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tip{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tip{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tip{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-tip:root{--calcite-internal-duration-factor:0}}/*!@:root*/.sc-calcite-tip:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}/*!@:host([hidden])*/[hidden].sc-calcite-tip-h{display:none}/*!@:host*/.sc-calcite-tip-h{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 **/.sc-calcite-tip-h *.sc-calcite-tip{box-sizing:border-box}/*!@.container*/.container.sc-calcite-tip{inline-size:100%;padding:1rem}/*!@:host([dismissed]),\n:host([dismissed]) .container*/[dismissed].sc-calcite-tip-h,[dismissed].sc-calcite-tip-h .container.sc-calcite-tip{display:none}/*!@:host([selected]) .container*/[selected].sc-calcite-tip-h .container.sc-calcite-tip{margin:0px;border-style:none;padding:0px}/*!@.header*/.header.sc-calcite-tip{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}/*!@.heading*/.heading.sc-calcite-tip{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}/*!@.header .heading*/.header.sc-calcite-tip .heading.sc-calcite-tip{flex:1 1 auto;padding:0.5rem}/*!@.header*/.header.sc-calcite-tip{margin-block-end:0.5rem}/*!@.header .heading*/.header.sc-calcite-tip .heading.sc-calcite-tip{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-1)}/*!@.container[hidden]*/.container[hidden].sc-calcite-tip{display:none}/*!@.content*/.content.sc-calcite-tip{display:flex}/*!@.info*/.info.sc-calcite-tip{padding-block:0px;padding-inline:1rem;inline-size:70%}/*!@.info:only-child*/.info.sc-calcite-tip:only-child{inline-size:100%;padding-inline:0px}/*!@::slotted(p)*/.sc-calcite-tip-s>p{margin-block-start:0px}/*!@::slotted(a)*/.sc-calcite-tip-s>a{outline-color:transparent;color:var(--calcite-ui-brand)}/*!@::slotted(a:focus)*/.sc-calcite-tip-s>a:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@.image-frame*/.image-frame.sc-calcite-tip{inline-size:25%}/*!@.image-frame img*/.image-frame.sc-calcite-tip img.sc-calcite-tip{max-inline-size:100%}/*!@::slotted(img)*/.sc-calcite-tip-s>img{max-inline-size:100%}";
 
@@ -35695,7 +35692,16 @@ class Tip {
     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);
   }
   // --------------------------------------------------------------------------
   //
@@ -35704,9 +35710,16 @@ class Tip {
   // --------------------------------------------------------------------------
   connectedCallback() {
     connectConditionalSlotComponent(this);
+    connectLocalized(this);
+    connectMessages(this);
+  }
+  async componentWillLoad() {
+    await setUpMessages(this);
   }
   disconnectedCallback() {
     disconnectConditionalSlotComponent(this);
+    disconnectLocalized(this);
+    disconnectMessages(this);
   }
   // --------------------------------------------------------------------------
   //
@@ -35721,9 +35734,8 @@ class Tip {
     return heading ? (hAsync("header", { class: CSS$4.header }, hAsync(Heading, { class: CSS$4.heading, level: level }, heading))) : null;
   }
   renderDismissButton() {
-    const { closeDisabled, hideTip, intlClose } = this;
-    const text = intlClose || TEXT$1.close;
-    return !closeDisabled ? (hAsync("calcite-action", { class: CSS$4.close, icon: ICONS$3.close, onClick: hideTip, scale: "l", text: text })) : null;
+    const { closeDisabled, hideTip } = this;
+    return !closeDisabled ? (hAsync("calcite-action", { class: CSS$4.close, icon: ICONS$3.close, onClick: hideTip, scale: "l", text: this.messages.close })) : null;
   }
   renderImageFrame() {
     const { el } = this;
@@ -35738,7 +35750,12 @@ class Tip {
   render() {
     return (hAsync(Fragment, null, hAsync("article", { class: CSS$4.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"]
+  }; }
   static get style() { return tipCss; }
   static get cmpMeta() { return {
     "$flags$": 9,
@@ -35749,7 +35766,10 @@ class Tip {
       "heading": [1],
       "headingLevel": [514, "heading-level"],
       "selected": [516],
-      "intlClose": [1, "intl-close"]
+      "messages": [1040],
+      "messageOverrides": [1040],
+      "defaultMessages": [32],
+      "effectiveLocale": [32]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -35801,13 +35821,6 @@ const ICONS$2 = {
   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*/.sc-calcite-tip-manager: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*/.calcite-animate.sc-calcite-tip-manager{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-tip-manager{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tip-manager{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tip-manager{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tip-manager{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-tip-manager:root{--calcite-internal-duration-factor:0}}/*!@:root*/.sc-calcite-tip-manager:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}/*!@:host([hidden])*/[hidden].sc-calcite-tip-manager-h{display:none}/*!@:host*/.sc-calcite-tip-manager-h{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 **/.sc-calcite-tip-manager-h *.sc-calcite-tip-manager{box-sizing:border-box}/*!@:host([closed])*/[closed].sc-calcite-tip-manager-h{display:none}/*!@.header*/.header.sc-calcite-tip-manager{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}/*!@.heading*/.heading.sc-calcite-tip-manager{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}/*!@.header .heading*/.header.sc-calcite-tip-manager .heading.sc-calcite-tip-manager{flex:1 1 auto;padding:0.5rem}/*!@.header*/.header.sc-calcite-tip-manager{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*/.header.sc-calcite-tip-manager .heading.sc-calcite-tip-manager{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*/.container.sc-calcite-tip-manager{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}/*!@.container:focus*/.container.sc-calcite-tip-manager:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@.tip-container*/.tip-container.sc-calcite-tip-manager{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*/.tip-container.sc-calcite-tip-manager:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@::slotted(calcite-tip)*/.sc-calcite-tip-manager-s>calcite-tip{border-style:none;padding:0.75rem;max-inline-size:var(--calcite-tip-max-width)}/*!@.tip-container--advancing*/.tip-container--advancing.sc-calcite-tip-manager{animation-name:tip-advance}/*!@.tip-container--retreating*/.tip-container--retreating.sc-calcite-tip-manager{animation-name:tip-retreat}/*!@.pagination*/.pagination.sc-calcite-tip-manager{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}/*!@.page-position*/.page-position.sc-calcite-tip-manager{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)}}";
 
@@ -35857,35 +35870,49 @@ class TipManager {
     };
     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);
   }
   // --------------------------------------------------------------------------
   //
@@ -35922,7 +35949,6 @@ class TipManager {
       tip.closeDisabled = true;
     });
     this.showSelectedTip();
-    this.updateGroupTitle();
   }
   showSelectedTip() {
     this.tips.forEach((tip, index) => {
@@ -35932,9 +35958,11 @@ class TipManager {
     });
   }
   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;
+    }
   }
   // --------------------------------------------------------------------------
   //
@@ -35943,15 +35971,15 @@ class TipManager {
   // --------------------------------------------------------------------------
   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 ? (hAsync("footer", { class: CSS$3.pagination }, hAsync("calcite-action", { class: CSS$3.pagePrevious, icon: dir === "ltr" ? ICONS$2.chevronLeft : ICONS$2.chevronRight, onClick: this.previousClicked, scale: "m", text: previousLabel }), hAsync("span", { class: CSS$3.pagePosition }, `${paginationLabel} ${selectedIndex + 1}/${total}`), hAsync("calcite-action", { class: CSS$3.pageNext, icon: dir === "ltr" ? ICONS$2.chevronRight : ICONS$2.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;
     }
@@ -35961,10 +35989,13 @@ class TipManager {
         [CSS$3.tipContainerRetreating]: !closed && direction === "retreating"
       }, key: selectedIndex, tabIndex: 0 }, hAsync("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"]
   }; }
   static get style() { return tipManagerCss; }
   static get cmpMeta() { return {
@@ -35973,16 +36004,15 @@ class TipManager {
     "$members$": {
       "closed": [1540],
       "headingLevel": [514, "heading-level"],
-      "intlClose": [1, "intl-close"],
-      "intlDefaultTitle": [1, "intl-default-title"],
-      "intlNext": [1, "intl-next"],
-      "intlPaginationLabel": [1, "intl-pagination-label"],
-      "intlPrevious": [1, "intl-previous"],
+      "messages": [1040],
+      "messageOverrides": [1040],
       "selectedIndex": [32],
       "tips": [32],
       "total": [32],
       "direction": [32],
       "groupTitle": [32],
+      "defaultMessages": [32],
+      "effectiveLocale": [32],
       "nextTip": [64],
       "previousTip": [64]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.695",
+  "version": "1.0.0-next.696",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/calcite/p-17da3590.js

@@ -1,6 +0,0 @@
-/*!
- * 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
- */
-import{f as t}from"./p-90a24b87.js";import{c as o}from"./p-4b8c77a6.js";const n=new Set;let c;const s={childList:!0};function a(t){c||(c=o("mutation",i)),c.observe(t.el,s)}function f(t){n.delete(t.el),i(c.takeRecords()),c.disconnect();for(const[t]of n.entries())c.observe(t,s)}function i(o){o.forEach((({target:o})=>{t(o)}))}export{a as c,f as d}