@warp-ds/elements 1.3.0-next.1 → 1.3.0-next.2

package/dist/packages/affix/index.js

@@ -1243,7 +1243,7 @@ var attention = {
   closeBtn: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} justify-self-end -mr-8 ml-8`
 };
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
 import { LitElement } from "lit";
 import { unsafeStatic, html } from "lit/static-html.js";
 
@@ -1598,25 +1598,66 @@ function setupI18n(params = {}) {
 }
 var i18n = setupI18n();
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
 var messages = JSON.parse('{"icon.title.search":"Forst\xF8rrelsesglass"}');
 var messages2 = JSON.parse('{"icon.title.search":"Magnifying glass"}');
 var messages3 = JSON.parse('{"icon.title.search":"Suurennuslasi"}');
-var supportedLocales = ["en", "nb", "fi"];
+var supportedLocales = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale2 = "en";
+var detectByBrand = () => {
+  let value;
+  switch (process.env.NMP_BRAND) {
+    case "FINN":
+      value = "nb";
+      break;
+    case "TORI":
+      value = "fi";
+      break;
+    case "BLOCKET":
+      value = "sv";
+      break;
+    case "DBA":
+      value = "da";
+      break;
+    default:
+      value = "en";
+  }
+  return value;
+};
+var detectByHost = () => {
+  var _a;
+  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
+  if (hostname.includes("finn")) {
+    return "nb";
+  } else if (hostname.includes("tori")) {
+    return "fi";
+  } else if (hostname.includes("blocket")) {
+    return "sv";
+  } else if (hostname.includes("dba")) {
+    return "da";
+  } else {
+    return defaultLocale2;
+  }
+};
 var getSupportedLocale = (usedLocale) => {
   return supportedLocales.find(
     (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale2;
+  ) || detectByHost();
 };
 function detectLocale() {
+  var _a;
   if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    const serverLocale = detectByBrand();
     return getSupportedLocale(serverLocale);
   }
   try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale(htmlLocale);
+    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
+    const hostLocale = detectByHost();
+    if (!supportedLocales.includes(htmlLocale)) {
+      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
+      return getSupportedLocale(hostLocale);
+    }
+    return getSupportedLocale(htmlLocale != null ? htmlLocale : hostLocale);
   } catch (e) {
     console.warn("could not detect locale, falling back to source locale", e);
     return defaultLocale2;
@@ -1639,34 +1680,75 @@ activateI18n(messages2, messages, messages3);
 var IconSearch16 = class extends LitElement {
   render() {
     const title = i18n.t({ message: `Magnifying glass`, id: "icon.title.search", comment: "Title for search icon" });
-    return html`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-search-16-part">${unsafeStatic(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.796 11.803A5.684 5.684 0 1 0 4.349 1.341a5.684 5.684 0 0 0 4.447 10.462ZM11 11l4 4"></path></svg>`;
+    return html`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-search-16-part">${unsafeStatic(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.905 12.102A6.042 6.042 0 1 0 4.18.981a6.042 6.042 0 0 0 4.726 11.121Zm1.909-1.289L15.5 15.5"></path></svg>`;
   }
 };
 if (!customElements.get("w-icon-search-16")) {
   customElements.define("w-icon-search-16", IconSearch16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/close-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/close-16.js
 import { LitElement as LitElement2 } from "lit";
 import { unsafeStatic as unsafeStatic2, html as html2 } from "lit/static-html.js";
 var messages4 = JSON.parse('{"icon.title.close":"Kryss"}');
 var messages22 = JSON.parse('{"icon.title.close":"Cross"}');
 var messages32 = JSON.parse('{"icon.title.close":"Rasti"}');
-var supportedLocales2 = ["en", "nb", "fi"];
+var supportedLocales2 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale3 = "en";
+var detectByBrand2 = () => {
+  let value;
+  switch (process.env.NMP_BRAND) {
+    case "FINN":
+      value = "nb";
+      break;
+    case "TORI":
+      value = "fi";
+      break;
+    case "BLOCKET":
+      value = "sv";
+      break;
+    case "DBA":
+      value = "da";
+      break;
+    default:
+      value = "en";
+  }
+  return value;
+};
+var detectByHost2 = () => {
+  var _a;
+  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
+  if (hostname.includes("finn")) {
+    return "nb";
+  } else if (hostname.includes("tori")) {
+    return "fi";
+  } else if (hostname.includes("blocket")) {
+    return "sv";
+  } else if (hostname.includes("dba")) {
+    return "da";
+  } else {
+    return defaultLocale3;
+  }
+};
 var getSupportedLocale2 = (usedLocale) => {
   return supportedLocales2.find(
     (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale3;
+  ) || detectByHost2();
 };
 function detectLocale2() {
+  var _a;
   if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    const serverLocale = detectByBrand2();
     return getSupportedLocale2(serverLocale);
   }
   try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale2(htmlLocale);
+    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
+    const hostLocale = detectByHost2();
+    if (!supportedLocales2.includes(htmlLocale)) {
+      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
+      return getSupportedLocale2(hostLocale);
+    }
+    return getSupportedLocale2(htmlLocale != null ? htmlLocale : hostLocale);
   } catch (e) {
     console.warn("could not detect locale, falling back to source locale", e);
     return defaultLocale3;
@@ -1689,7 +1771,7 @@ activateI18n2(messages22, messages4, messages32);
 var IconClose16 = class extends LitElement2 {
   render() {
     const title = i18n.t({ message: `Cross`, id: "icon.title.close", comment: "Title for close icon" });
-    return html2`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${unsafeStatic2(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9M3.5 3.5l9 9"></path></svg>`;
+    return html2`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${unsafeStatic2(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`;
   }
 };
 if (!customElements.get("w-icon-close-16")) {