@warp-ds/elements 2.0.0 → 2.0.1-next.1

package/dist/index.js

@@ -1717,17 +1717,17 @@ var I18n = class extends EventEmitter {
     }
     this.emit("change");
   }
-  _load(locale, messages52) {
+  _load(locale, messages56) {
     const maybeMessages = this._messages[locale];
     if (!maybeMessages) {
-      this._messages[locale] = messages52;
+      this._messages[locale] = messages56;
     } else {
-      Object.assign(maybeMessages, messages52);
+      Object.assign(maybeMessages, messages56);
     }
   }
-  load(localeOrMessages, messages52) {
-    if (typeof localeOrMessages == "string" && typeof messages52 === "object") {
-      this._load(localeOrMessages, messages52);
+  load(localeOrMessages, messages56) {
+    if (typeof localeOrMessages == "string" && typeof messages56 === "object") {
+      this._load(localeOrMessages, messages56);
     } else {
       Object.entries(localeOrMessages).forEach(
         ([locale, messages213]) => this._load(locale, messages213)
@@ -1738,10 +1738,10 @@ var I18n = class extends EventEmitter {
   /**
    * @param options {@link LoadAndActivateOptions}
    */
-  loadAndActivate({ locale, locales, messages: messages52 }) {
+  loadAndActivate({ locale, locales, messages: messages56 }) {
     this._locale = locale;
     this._locales = locales || void 0;
-    this._messages[this._locale] = messages52;
+    this._messages[this._locale] = messages56;
     this.emit("change");
   }
   activate(locale, locales) {
@@ -3857,8 +3857,8 @@ var getMessages7 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
 };
 var activateI18n7 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale7();
-  const messages52 = getMessages7(locale, enMessages, nbMessages, fiMessages, daMessages);
-  i18n.load(locale, messages52);
+  const messages56 = getMessages7(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages56);
   i18n.activate(locale);
 };
 
@@ -4399,11 +4399,11 @@ var WarpBroadcast = class extends WarpElement7 {
     this._hiddenMessageIds = [.../* @__PURE__ */ new Set([...this._hiddenMessageIds, id])];
   }
   render() {
-    const messages52 = this._messages.filter((item) => !this._hiddenMessageIds.includes(item.id));
+    const messages56 = this._messages.filter((item) => !this._hiddenMessageIds.includes(item.id));
     return html13`
-      <aside class=${`${messages52.length === 0 ? "hidden" : "mb-16"}`}>
+      <aside class=${`${messages56.length === 0 ? "hidden" : "mb-16"}`}>
         ${repeat(
-      messages52,
+      messages56,
       ({ id }) => `broadcast-${id}`,
       ({ id, message }) => html13`<w-toast id="broadcast-${id}" type="warning" text="${message}" canclose @close=${() => this._del(id)}> </w-toast>`
     )}
@@ -5166,11 +5166,26 @@ if (!customElements.get("w-icon-arrow-left-16")) {
 // packages/modal/modal-header.js
 import WarpElement12 from "@warp-ds/elements-core";
 import { createRef, ref } from "lit/directives/ref.js";
+
+// packages/modal/locales/da/messages.mjs
+var messages40 = JSON.parse('{"modal.aria.back":"Tilbage","modal.aria.close":"Luk"}');
+
+// packages/modal/locales/en/messages.mjs
+var messages41 = JSON.parse('{"modal.aria.back":"Back","modal.aria.close":"Close"}');
+
+// packages/modal/locales/fi/messages.mjs
+var messages42 = JSON.parse('{"modal.aria.back":"Takaisin","modal.aria.close":"Sulje"}');
+
+// packages/modal/locales/nb/messages.mjs
+var messages43 = JSON.parse('{"modal.aria.back":"Tilbake","modal.aria.close":"Lukk"}');
+
+// packages/modal/modal-header.js
 var NO_CLOSE_BUTTON = "no-close";
 var ModalHeader = class extends CanCloseMixin(WarpElement12) {
   constructor() {
     super();
     __publicField(this, "titleEl", createRef());
+    activateI18n7(messages41, messages43, messages42, messages40);
     this._hasTopContent = false;
   }
   render() {
@@ -5201,14 +5216,27 @@ var ModalHeader = class extends CanCloseMixin(WarpElement12) {
     ].join(" ");
   }
   get backButton() {
-    return this.back && !this._hasTopContent ? html21` <button type="button" class="${modalElement.headerButton} ${modalElement.headerButtonLeft}" @click="${this.emitBack}">
+    return this.back && !this._hasTopContent ? html21`<button
+          type="button"
+          aria-label="${i18n._({
+      id: "modal.aria.back",
+      message: "Back",
+      comment: "Aria label for the back button in modal"
+    })}"
+          class="${modalElement.headerButton} ${modalElement.headerButtonLeft}"
+          @click="${this.emitBack}">
           <w-icon-arrow-left-16></w-icon-arrow-left-16>
         </button>` : nothing3;
   }
   get closeButton() {
     if (this[NO_CLOSE_BUTTON]) return nothing3;
-    return html21` <button
+    return html21`<button
       type="button"
+      aria-label="${i18n._({
+      id: "modal.aria.close",
+      message: "Close",
+      comment: "Aria label for the close button in modal"
+    })}"
       class="${modalElement.headerButton} ${this._hasTopContent ? modalElement.headerCloseButtonOnImage : modalElement.headerCloseButton}"
       @click="${this.close}">
       <w-icon-close-16></w-icon-close-16>
@@ -5452,22 +5480,22 @@ import { html as html23 } from "lit";
 import WarpElement14 from "@warp-ds/elements-core";
 
 // packages/pill/locales/da/messages.mjs
-var messages40 = JSON.parse('{"pill.aria.openFilter":"\xC5bn filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
+var messages44 = JSON.parse('{"pill.aria.openFilter":"\xC5bn filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
 
 // packages/pill/locales/en/messages.mjs
-var messages41 = JSON.parse('{"pill.aria.openFilter":"Open filter","pill.aria.removeFilter":["Remove filter ",["label"]]}');
+var messages45 = JSON.parse('{"pill.aria.openFilter":"Open filter","pill.aria.removeFilter":["Remove filter ",["label"]]}');
 
 // packages/pill/locales/fi/messages.mjs
-var messages42 = JSON.parse('{"pill.aria.openFilter":"Avaa suodatin","pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
+var messages46 = JSON.parse('{"pill.aria.openFilter":"Avaa suodatin","pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
 
 // packages/pill/locales/nb/messages.mjs
-var messages43 = JSON.parse('{"pill.aria.openFilter":"\xC5pne filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
+var messages47 = JSON.parse('{"pill.aria.openFilter":"\xC5pne filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
 
 // packages/pill/index.js
 var WarpPill = class extends kebabCaseAttributes(WarpElement14) {
   constructor() {
     super();
-    activateI18n7(messages41, messages43, messages42, messages40);
+    activateI18n7(messages45, messages47, messages46, messages44);
     this.canClose = false;
     this.suggestion = false;
     this.openFilterSrText = i18n._({
@@ -5532,16 +5560,16 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { when } from "lit/directives/when.js";
 
 // packages/select/locales/da/messages.mjs
-var messages44 = JSON.parse('{"select.label.optional":"(valgfrit)"}');
+var messages48 = JSON.parse('{"select.label.optional":"(valgfrit)"}');
 
 // packages/select/locales/en/messages.mjs
-var messages45 = JSON.parse('{"select.label.optional":"(optional)"}');
+var messages49 = JSON.parse('{"select.label.optional":"(optional)"}');
 
 // packages/select/locales/fi/messages.mjs
-var messages46 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
+var messages50 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
 
 // packages/select/locales/nb/messages.mjs
-var messages47 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
+var messages51 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
 
 // packages/select/index.js
 var _WarpSelect_instances, classes_get, helpTextClasses_get, chevronClasses_get2, id_get, helpId_get;
@@ -5549,7 +5577,7 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement15) {
   constructor() {
     super();
     __privateAdd(this, _WarpSelect_instances);
-    activateI18n7(messages45, messages47, messages46, messages44);
+    activateI18n7(messages49, messages51, messages50, messages48);
     this._options = this.innerHTML;
   }
   firstUpdated() {
@@ -5994,16 +6022,16 @@ var collapse = (el, done) => {
 import { when as when2 } from "lit/directives/when.js";
 
 // packages/toast/locales/da/messages.mjs
-var messages48 = JSON.parse('{"toast.aria.error":"Fejl","toast.aria.successful":"Fuldf\xF8rt","toast.aria.warning":"Advarsel"}');
+var messages52 = JSON.parse('{"toast.aria.error":"Fejl","toast.aria.successful":"Fuldf\xF8rt","toast.aria.warning":"Advarsel"}');
 
 // packages/toast/locales/en/messages.mjs
-var messages49 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
+var messages53 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
 
 // packages/toast/locales/fi/messages.mjs
-var messages50 = JSON.parse('{"toast.aria.error":"Virhe","toast.aria.successful":"Onnistui","toast.aria.warning":"Varoitus"}');
+var messages54 = JSON.parse('{"toast.aria.error":"Virhe","toast.aria.successful":"Onnistui","toast.aria.warning":"Varoitus"}');
 
 // packages/toast/locales/nb/messages.mjs
-var messages51 = JSON.parse('{"toast.aria.error":"Feil","toast.aria.successful":"Vellykket","toast.aria.warning":"Advarsel"}');
+var messages55 = JSON.parse('{"toast.aria.error":"Feil","toast.aria.successful":"Vellykket","toast.aria.warning":"Advarsel"}');
 
 // packages/toast/toast.js
 var toastType = {
@@ -6016,7 +6044,7 @@ var WarpToast = class extends WarpElement18 {
   constructor() {
     super();
     __privateAdd(this, _WarpToast_instances);
-    activateI18n7(messages49, messages51, messages50, messages48);
+    activateI18n7(messages53, messages55, messages54, messages52);
     this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5);
     this.type = "success";
     this.text = "";