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

package/dist/collection/components/popover/popover.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.677
+ * v1.0.0-next.679
  */
 import { forceUpdate, Host, h } from "@stencil/core";
-import { CSS, ARIA_CONTROLS, ARIA_EXPANDED, TEXT, defaultPopoverPlacement } from "./resources";
+import { CSS, ARIA_CONTROLS, ARIA_EXPANDED, defaultPopoverPlacement } from "./resources";
 import { FloatingCSS, connectFloatingUI, disconnectFloatingUI, defaultOffsetDistance, filterComputedPlacements, reposition, updateAfterClose } from "../../utils/floating-ui";
 import { connectFocusTrap, activateFocusTrap, deactivateFocusTrap, focusFirstTabbable } from "../../utils/focusTrapComponent";
 import { guid } from "../../utils/guid";
@@ -12,6 +12,8 @@ import { queryElementRoots, toAriaBoolean } from "../../utils/dom";
 import { connectOpenCloseComponent, disconnectOpenCloseComponent } from "../../utils/openCloseComponent";
 import { Heading } from "../functional/Heading";
 import PopoverManager from "./PopoverManager";
+import { connectLocalized, disconnectLocalized } from "../../utils/locale";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
 import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../../utils/loadable";
 const manager = new PopoverManager();
 /**
@@ -101,7 +103,10 @@ export class Popover {
     this.flipPlacements = undefined;
     this.heading = undefined;
     this.headingLevel = undefined;
+    this.intlClose = undefined;
     this.label = undefined;
+    this.messageOverrides = undefined;
+    this.messages = undefined;
     this.offsetDistance = defaultOffsetDistance;
     this.offsetSkidding = 0;
     this.open = false;
@@ -110,8 +115,9 @@ export class Popover {
     this.referenceElement = undefined;
     this.scale = "m";
     this.triggerDisabled = false;
-    this.intlClose = TEXT.close;
+    this.effectiveLocale = "";
     this.effectiveReferenceElement = undefined;
+    this.defaultMessages = undefined;
   }
   handleDisableFocusTrap(disableFocusTrap) {
     if (!this.open) {
@@ -123,6 +129,9 @@ export class Popover {
     this.setFilteredPlacements();
     this.reposition(true);
   }
+  onMessagesChange() {
+    /* wired up by t9n util */
+  }
   offsetDistanceOffsetHandler() {
     this.reposition(true);
   }
@@ -148,6 +157,9 @@ export class Popover {
     this.setUpReferenceElement();
     this.reposition(true);
   }
+  effectiveLocaleChange() {
+    updateMessages(this, this.effectiveLocale);
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -155,10 +167,13 @@ export class Popover {
   // --------------------------------------------------------------------------
   connectedCallback() {
     this.setFilteredPlacements();
+    connectLocalized(this);
+    connectMessages(this);
     connectOpenCloseComponent(this);
     this.setUpReferenceElement(this.hasLoaded);
   }
-  componentWillLoad() {
+  async componentWillLoad() {
+    await setUpMessages(this);
     setUpLoadableComponent(this);
   }
   componentDidLoad() {
@@ -171,6 +186,8 @@ export class Popover {
   }
   disconnectedCallback() {
     this.removeReferences();
+    disconnectLocalized(this);
+    disconnectMessages(this);
     disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);
     disconnectOpenCloseComponent(this);
     deactivateFocusTrap(this);
@@ -250,8 +267,8 @@ export class Popover {
   //
   // --------------------------------------------------------------------------
   renderCloseButton() {
-    const { intlClose, closable } = this;
-    return closable ? (h("div", { class: CSS.closeButtonContainer }, h("calcite-action", { class: CSS.closeButton, onClick: this.hide, ref: (closeButtonEl) => (this.closeButtonEl = closeButtonEl), scale: this.scale, text: intlClose }, h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : this.scale })))) : null;
+    const { messages, closable } = this;
+    return closable ? (h("div", { class: CSS.closeButtonContainer }, h("calcite-action", { class: CSS.closeButton, onClick: this.hide, ref: (closeButtonEl) => (this.closeButtonEl = closeButtonEl), scale: this.scale, text: messages.close }, h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : this.scale })))) : null;
   }
   renderHeader() {
     const { heading, headingLevel } = this;
@@ -283,6 +300,7 @@ export class Popover {
       "$": ["popover.css"]
     };
   }
+  static get assetsDirs() { return ["assets"]; }
   static get properties() {
     return {
       "autoClose": {
@@ -434,6 +452,26 @@ export class Popover {
         "attribute": "heading-level",
         "reflect": true
       },
+      "intlClose": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": "\u2013 translations are now built-in, if you need to override a string, please use `messageOverrides`"
+            }],
+          "text": "Accessible name for the component's close button."
+        },
+        "attribute": "intl-close",
+        "reflect": false
+      },
       "label": {
         "type": "string",
         "mutable": false,
@@ -451,6 +489,52 @@ export class Popover {
         "attribute": "label",
         "reflect": false
       },
+      "messageOverrides": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Partial<Messages>",
+          "resolved": "{ close?: string; }",
+          "references": {
+            "Partial": {
+              "location": "global"
+            },
+            "Messages": {
+              "location": "import",
+              "path": "./assets/popover/t9n"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Use this property to override individual strings used by the component."
+        }
+      },
+      "messages": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Messages",
+          "resolved": "{ close: string; }",
+          "references": {
+            "Messages": {
+              "location": "import",
+              "path": "./assets/popover/t9n"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Made into a prop for testing purposes only"
+        }
+      },
       "offsetDistance": {
         "type": "number",
         "mutable": false,
@@ -466,7 +550,7 @@ export class Popover {
               "name": "default",
               "text": "6"
             }],
-          "text": "Offsets the position of the component away from the `referenceElement`."
+          "text": "Offsets the position of the popover away from the `referenceElement`."
         },
         "attribute": "offset-distance",
         "reflect": true,
@@ -616,33 +700,14 @@ export class Popover {
         "attribute": "trigger-disabled",
         "reflect": true,
         "defaultValue": "false"
-      },
-      "intlClose": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [{
-              "name": "default",
-              "text": "\"Close\""
-            }],
-          "text": "Accessible name for the component's close button."
-        },
-        "attribute": "intl-close",
-        "reflect": false,
-        "defaultValue": "TEXT.close"
       }
     };
   }
   static get states() {
     return {
-      "effectiveReferenceElement": {}
+      "effectiveLocale": {},
+      "effectiveReferenceElement": {},
+      "defaultMessages": {}
     };
   }
   static get events() {
@@ -795,6 +860,12 @@ export class Popover {
       }, {
         "propName": "flipPlacements",
         "methodName": "flipPlacementsHandler"
+      }, {
+        "propName": "intlClose",
+        "methodName": "onMessagesChange"
+      }, {
+        "propName": "messageOverrides",
+        "methodName": "onMessagesChange"
       }, {
         "propName": "offsetDistance",
         "methodName": "offsetDistanceOffsetHandler"
@@ -813,6 +884,9 @@ export class Popover {
       }, {
         "propName": "referenceElement",
         "methodName": "referenceElementHandler"
+      }, {
+        "propName": "effectiveLocale",
+        "methodName": "effectiveLocaleChange"
       }];
   }
 }

package/dist/collection/components/popover/resources.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.677
+ * v1.0.0-next.679
  */
 export const CSS = {
   container: "container",
@@ -15,9 +15,6 @@ export const CSS = {
   headerContent: "header-content",
   heading: "heading"
 };
-export const TEXT = {
-  close: "Close"
-};
 export const defaultPopoverPlacement = "auto";
 export const ARIA_CONTROLS = "aria-controls";
 export const ARIA_EXPANDED = "aria-expanded";

package/dist/collection/components/progress/progress.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.677
+ * v1.0.0-next.679
  */
 import { h } from "@stencil/core";
 export class Progress {

package/dist/collection/components/radio-button/radio-button.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.677
+ * v1.0.0-next.679
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/radio-button/resources.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.677
+ * v1.0.0-next.679
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/radio-button-group/radio-button-group.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.677
+ * v1.0.0-next.679
  */
 import { Host, h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";

package/dist/collection/components/radio-group/radio-group.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.677
+ * v1.0.0-next.679
  */
 import { Build, h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/radio-group-item/radio-group-item.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.677
+ * v1.0.0-next.679
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/radio-group-item/resources.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.677
+ * v1.0.0-next.679
  */
 export const SLOTS = {
   input: "input"

package/dist/collection/components/rating/assets/rating/t9n/index.d.ts

@@ -0,0 +1,4 @@
+export type Messages = {
+  rating: string;
+  stars: string;
+};

package/dist/collection/components/rating/assets/rating/t9n/messages.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Rating",
+  "stars": "Stars: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_ar.json

@@ -0,0 +1,4 @@
+{
+  "rating": "التقييم",
+  "stars": "النجوم: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_bg.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Оценка",
+  "stars": "Звезди: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_bs.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Ocjena",
+  "stars": "Zvjezdice: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_ca.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Qualificació",
+  "stars": "Estrelles: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_cs.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Hodnocení",
+  "stars": "Počet hvězdiček: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_da.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Vurdering",
+  "stars": "Stjerner: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_de.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Bewertung",
+  "stars": "Sterne: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_el.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Αξιολόγηση",
+  "stars": "Αστέρια: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_en.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Rating",
+  "stars": "Stars: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_es.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Calificación",
+  "stars": "Estrellas: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_et.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Hinnang",
+  "stars": "Tärne: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_fi.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Arviointi",
+  "stars": "Tähdet: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_fr.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Évaluation",
+  "stars": "Étoiles : ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_he.json

@@ -0,0 +1,4 @@
+{
+  "rating": "דירוג",
+  "stars": "כוכבים: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_hr.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Ocjena",
+  "stars": "Zvjezdice: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_hu.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Értékelés",
+  "stars": "Csillagok: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_id.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Peringkat",
+  "stars": "Bintang: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_it.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Valutazione",
+  "stars": "Stelle: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_ja.json

@@ -0,0 +1,4 @@
+{
+  "rating": "評価",
+  "stars": "星: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_ko.json

@@ -0,0 +1,4 @@
+{
+  "rating": "평점",
+  "stars": "별: ${num}개"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_lt.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Vertinimas",
+  "stars": "Žvaigždutės ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_lv.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Novērtējums",
+  "stars": "Zvaigznes: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_nl.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Beoordeling",
+  "stars": "Sterren: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_no.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Vurdering",
+  "stars": "Stjerner: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_pl.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Ocena",
+  "stars": "Gwiazdki: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_pt-BR.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Classificação",
+  "stars": "Estrelas: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_pt-PT.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Avaliação",
+  "stars": "Estrelas: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_ro.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Calificativ",
+  "stars": "Stele: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_ru.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Рейтинг",
+  "stars": "Звезды: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_sk.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Hodnotenie",
+  "stars": "Hviezdičky: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_sl.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Ocena",
+  "stars": "Zvezde: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_sr.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Ocena",
+  "stars": "Zvezdice: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_sv.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Bedömning",
+  "stars": "Stjärnor: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_th.json

@@ -0,0 +1,4 @@
+{
+  "rating": "อันดับ",
+  "stars": "ดาว: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_tr.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Derecelendirme",
+  "stars": "Yıldız: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_uk.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Рейтинг",
+  "stars": "Зірки: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_vi.json

@@ -0,0 +1,4 @@
+{
+  "rating": "Xếp loại",
+  "stars": "Sao: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_zh-CN.json

@@ -0,0 +1,4 @@
+{
+  "rating": "评级",
+  "stars": "星：${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_zh-HK.json

@@ -0,0 +1,4 @@
+{
+  "rating": "評級次數",
+  "stars": "星星: ${num}"
+}

package/dist/collection/components/rating/assets/rating/t9n/messages_zh-TW.json

@@ -0,0 +1,4 @@
+{
+  "rating": "評級次數",
+  "stars": "星星: ${num}"
+}