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

package/dist/packages/modal/index.js

@@ -1370,10 +1370,6 @@ var Move = class {
   }
 };
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/arrow-left-16.js
-import { LitElement } from "lit";
-import { unsafeStatic, html as html2 } from "lit/static-html.js";
-
 // node_modules/.pnpm/@lingui+core@4.11.2/node_modules/@lingui/core/dist/index.mjs
 var import_unraw = __toESM(require_dist(), 1);
 
@@ -1658,17 +1654,17 @@ var I18n = class extends EventEmitter {
     }
     this.emit("change");
   }
-  _load(locale, messages5) {
+  _load(locale, messages9) {
     const maybeMessages = this._messages[locale];
     if (!maybeMessages) {
-      this._messages[locale] = messages5;
+      this._messages[locale] = messages9;
     } else {
-      Object.assign(maybeMessages, messages5);
+      Object.assign(maybeMessages, messages9);
     }
   }
-  load(localeOrMessages, messages5) {
-    if (typeof localeOrMessages == "string" && typeof messages5 === "object") {
-      this._load(localeOrMessages, messages5);
+  load(localeOrMessages, messages9) {
+    if (typeof localeOrMessages == "string" && typeof messages9 === "object") {
+      this._load(localeOrMessages, messages9);
     } else {
       Object.entries(localeOrMessages).forEach(
         ([locale, messages23]) => this._load(locale, messages23)
@@ -1679,10 +1675,10 @@ var I18n = class extends EventEmitter {
   /**
    * @param options {@link LoadAndActivateOptions}
    */
-  loadAndActivate({ locale, locales, messages: messages5 }) {
+  loadAndActivate({ locale, locales, messages: messages9 }) {
     this._locale = locale;
     this._locales = locales || void 0;
-    this._messages[this._locale] = messages5;
+    this._messages[this._locale] = messages9;
     this.emit("change");
   }
   activate(locale, locales) {
@@ -1741,6 +1737,8 @@ function setupI18n(params = {}) {
 var i18n = setupI18n();
 
 // node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/arrow-left-16.js
+import { LitElement } from "lit";
+import { unsafeStatic, html as html2 } from "lit/static-html.js";
 var messages = JSON.parse('{"icon.title.arrow-left":"Pil som peker mot venstre"}');
 var messages2 = JSON.parse('{"icon.title.arrow-left":"Leftward-pointing arrow"}');
 var messages3 = JSON.parse('{"icon.title.arrow-left":"Vasemmalle osoittava nuoli"}');
@@ -1923,11 +1921,60 @@ if (!customElements.get("w-icon-close-16")) {
 // packages/modal/modal-header.js
 import WarpElement2 from "@warp-ds/elements-core";
 import { createRef, ref } from "lit/directives/ref.js";
+
+// packages/i18n.ts
+var supportedLocales3 = ["en", "nb", "fi", "da"];
+var defaultLocale4 = "en";
+var getSupportedLocale3 = (usedLocale) => {
+  return supportedLocales3.find(
+    (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
+  ) || defaultLocale4;
+};
+function detectLocale3() {
+  if (typeof window === "undefined") {
+    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    return getSupportedLocale3(serverLocale);
+  }
+  try {
+    const htmlLocale = document.documentElement.lang;
+    return getSupportedLocale3(htmlLocale);
+  } catch (e) {
+    console.warn("could not detect locale, falling back to source locale", e);
+    return defaultLocale4;
+  }
+}
+var getMessages3 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+  if (locale === "nb") return nbMsg;
+  if (locale === "fi") return fiMsg;
+  if (locale === "da") return daMsg;
+  return enMsg;
+};
+var activateI18n3 = (enMessages, nbMessages, fiMessages, daMessages) => {
+  const locale = detectLocale3();
+  const messages9 = getMessages3(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages9);
+  i18n.activate(locale);
+};
+
+// packages/modal/locales/da/messages.mjs
+var messages5 = JSON.parse('{"modal.aria.back":"Tilbage","modal.aria.close":"Luk"}');
+
+// packages/modal/locales/en/messages.mjs
+var messages6 = JSON.parse('{"modal.aria.back":"Back","modal.aria.close":"Close"}');
+
+// packages/modal/locales/fi/messages.mjs
+var messages7 = JSON.parse('{"modal.aria.back":"Takaisin","modal.aria.close":"Sulje"}');
+
+// packages/modal/locales/nb/messages.mjs
+var messages8 = 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(WarpElement2) {
   constructor() {
     super();
     __publicField(this, "titleEl", createRef());
+    activateI18n3(messages6, messages8, messages7, messages5);
     this._hasTopContent = false;
   }
   render() {
@@ -1958,14 +2005,27 @@ var ModalHeader = class extends CanCloseMixin(WarpElement2) {
     ].join(" ");
   }
   get backButton() {
-    return this.back && !this._hasTopContent ? html4` <button type="button" class="${modalElement.headerButton} ${modalElement.headerButtonLeft}" @click="${this.emitBack}">
+    return this.back && !this._hasTopContent ? html4`<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>` : nothing;
   }
   get closeButton() {
     if (this[NO_CLOSE_BUTTON]) return nothing;
-    return html4` <button
+    return html4`<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>