@warp-ds/elements 2.0.1-next.2 → 2.0.2-next.1

package/dist/index.js

@@ -651,13 +651,13 @@ var require_moo = __commonJS({
           line: this.line,
           col: this.col
         };
-        var size2 = text.length;
-        this.index += size2;
+        var size3 = text.length;
+        this.index += size3;
         this.line += lineBreaks;
         if (lineBreaks !== 0) {
-          this.col = size2 - nl + 1;
+          this.col = size3 - nl + 1;
         } else {
-          this.col += size2;
+          this.col += size3;
         }
         if (group.shouldThrow) {
           var err = new Error(this.formatError(token, "invalid syntax"));
@@ -1429,7 +1429,7 @@ var attention = {
 import WarpElement from "@warp-ds/elements-core";
 import { ifDefined } from "lit/directives/if-defined.js";
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/search-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
 import { LitElement } from "lit";
 import { unsafeStatic, html } from "lit/static-html.js";
 
@@ -1717,17 +1717,17 @@ var I18n = class extends EventEmitter {
     }
     this.emit("change");
   }
-  _load(locale, messages56) {
+  _load(locale, messages65) {
     const maybeMessages = this._messages[locale];
     if (!maybeMessages) {
-      this._messages[locale] = messages56;
+      this._messages[locale] = messages65;
     } else {
-      Object.assign(maybeMessages, messages56);
+      Object.assign(maybeMessages, messages65);
     }
   }
-  load(localeOrMessages, messages56) {
-    if (typeof localeOrMessages == "string" && typeof messages56 === "object") {
-      this._load(localeOrMessages, messages56);
+  load(localeOrMessages, messages65) {
+    if (typeof localeOrMessages == "string" && typeof messages65 === "object") {
+      this._load(localeOrMessages, messages65);
     } 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: messages56 }) {
+  loadAndActivate({ locale, locales, messages: messages65 }) {
     this._locale = locale;
     this._locales = locales || void 0;
-    this._messages[this._locale] = messages56;
+    this._messages[this._locale] = messages65;
     this.emit("change");
   }
   activate(locale, locales) {
@@ -1799,15 +1799,17 @@ function setupI18n(params = {}) {
 }
 var i18n = setupI18n();
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/search-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.1.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 messages4 = JSON.parse('{"icon.title.search":"Forst\xF8rrelsesglas"}');
 var supportedLocales = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale2 = "en";
 var detectByBrand = () => {
+  var _a;
   let value;
-  switch (process.env.NMP_BRAND) {
+  switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
     case "FINN":
       value = "nb";
       break;
@@ -1828,7 +1830,7 @@ var detectByBrand = () => {
 var detectByHost = () => {
   var _a;
   const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
-  if (hostname.includes("finn")) {
+  if (hostname == null ? void 0 : hostname.includes("finn")) {
     return "nb";
   } else if (hostname.includes("tori")) {
     return "fi";
@@ -1864,20 +1866,19 @@ function detectLocale() {
     return defaultLocale2;
   }
 }
-var getMessages = (locale, enMsg, nbMsg, fiMsg) => {
-  if (locale === "nb")
-    return nbMsg;
-  if (locale === "fi")
-    return fiMsg;
+var getMessages = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+  if (locale === "nb") return nbMsg;
+  if (locale === "fi") return fiMsg;
+  if (locale === "da") return daMsg;
   return enMsg;
 };
-var activateI18n = (enMessages, nbMessages, fiMessages) => {
+var activateI18n = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale();
-  const messages410 = getMessages(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages410);
+  const messages510 = getMessages(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages510);
   i18n.activate(locale);
 };
-activateI18n(messages2, messages, messages3);
+activateI18n(messages2, messages, messages3, messages4);
 var IconSearch16 = class extends LitElement {
   render() {
     const title = i18n.t({ message: `Magnifying glass`, id: "icon.title.search", comment: "Title for search icon" });
@@ -1888,17 +1889,19 @@ if (!customElements.get("w-icon-search-16")) {
   customElements.define("w-icon-search-16", IconSearch16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/close-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.1.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 messages5 = JSON.parse('{"icon.title.close":"Kryss"}');
 var messages22 = JSON.parse('{"icon.title.close":"Cross"}');
 var messages32 = JSON.parse('{"icon.title.close":"Rasti"}');
+var messages42 = JSON.parse('{"icon.title.close":"Kryds"}');
 var supportedLocales2 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale3 = "en";
 var detectByBrand2 = () => {
+  var _a;
   let value;
-  switch (process.env.NMP_BRAND) {
+  switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
     case "FINN":
       value = "nb";
       break;
@@ -1919,7 +1922,7 @@ var detectByBrand2 = () => {
 var detectByHost2 = () => {
   var _a;
   const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
-  if (hostname.includes("finn")) {
+  if (hostname == null ? void 0 : hostname.includes("finn")) {
     return "nb";
   } else if (hostname.includes("tori")) {
     return "fi";
@@ -1955,20 +1958,19 @@ function detectLocale2() {
     return defaultLocale3;
   }
 }
-var getMessages2 = (locale, enMsg, nbMsg, fiMsg) => {
-  if (locale === "nb")
-    return nbMsg;
-  if (locale === "fi")
-    return fiMsg;
+var getMessages2 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+  if (locale === "nb") return nbMsg;
+  if (locale === "fi") return fiMsg;
+  if (locale === "da") return daMsg;
   return enMsg;
 };
-var activateI18n2 = (enMessages, nbMessages, fiMessages) => {
+var activateI18n2 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale2();
-  const messages410 = getMessages2(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages410);
+  const messages510 = getMessages2(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages510);
   i18n.activate(locale);
 };
-activateI18n2(messages22, messages4, messages32);
+activateI18n2(messages22, messages5, messages32, messages42);
 var IconClose16 = class extends LitElement2 {
   render() {
     const title = i18n.t({ message: `Cross`, id: "icon.title.close", comment: "Title for close icon" });
@@ -2056,17 +2058,19 @@ if (!customElements.get("w-affix")) {
 import { css, html as html8 } from "lit";
 import WarpElement2 from "@warp-ds/elements-core";
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/info-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/info-16.js
 import { LitElement as LitElement3 } from "lit";
 import { unsafeStatic as unsafeStatic3, html as html4 } from "lit/static-html.js";
-var messages5 = JSON.parse('{"icon.title.info":"Informasjonssirkel"}');
+var messages6 = JSON.parse('{"icon.title.info":"Informasjonssirkel"}');
 var messages23 = JSON.parse('{"icon.title.info":"Information circle"}');
 var messages33 = JSON.parse('{"icon.title.info":"Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"}');
+var messages43 = JSON.parse('{"icon.title.info":"Informationscirkel"}');
 var supportedLocales3 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale4 = "en";
 var detectByBrand3 = () => {
+  var _a;
   let value;
-  switch (process.env.NMP_BRAND) {
+  switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
     case "FINN":
       value = "nb";
       break;
@@ -2087,7 +2091,7 @@ var detectByBrand3 = () => {
 var detectByHost3 = () => {
   var _a;
   const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
-  if (hostname.includes("finn")) {
+  if (hostname == null ? void 0 : hostname.includes("finn")) {
     return "nb";
   } else if (hostname.includes("tori")) {
     return "fi";
@@ -2123,20 +2127,19 @@ function detectLocale3() {
     return defaultLocale4;
   }
 }
-var getMessages3 = (locale, enMsg, nbMsg, fiMsg) => {
-  if (locale === "nb")
-    return nbMsg;
-  if (locale === "fi")
-    return fiMsg;
+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) => {
+var activateI18n3 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale3();
-  const messages410 = getMessages3(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages410);
+  const messages510 = getMessages3(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages510);
   i18n.activate(locale);
 };
-activateI18n3(messages23, messages5, messages33);
+activateI18n3(messages23, messages6, messages33, messages43);
 var IconInfo16 = class extends LitElement3 {
   render() {
     const title = i18n.t({ message: `Information circle`, id: "icon.title.info", comment: "Title for info icon" });
@@ -2147,17 +2150,19 @@ if (!customElements.get("w-icon-info-16")) {
   customElements.define("w-icon-info-16", IconInfo16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/warning-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/warning-16.js
 import { LitElement as LitElement4 } from "lit";
 import { unsafeStatic as unsafeStatic4, html as html5 } from "lit/static-html.js";
-var messages6 = JSON.parse('{"icon.title.warning":"Varseltrekant med utropstegn"}');
+var messages7 = JSON.parse('{"icon.title.warning":"Varseltrekant med utropstegn"}');
 var messages24 = JSON.parse('{"icon.title.warning":"Warning triangle with exclamation point"}');
 var messages34 = JSON.parse('{"icon.title.warning":"Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
+var messages44 = JSON.parse('{"icon.title.warning":"Advarselstrekant med et udr\xE5bstegn"}');
 var supportedLocales4 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale5 = "en";
 var detectByBrand4 = () => {
+  var _a;
   let value;
-  switch (process.env.NMP_BRAND) {
+  switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
     case "FINN":
       value = "nb";
       break;
@@ -2178,7 +2183,7 @@ var detectByBrand4 = () => {
 var detectByHost4 = () => {
   var _a;
   const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
-  if (hostname.includes("finn")) {
+  if (hostname == null ? void 0 : hostname.includes("finn")) {
     return "nb";
   } else if (hostname.includes("tori")) {
     return "fi";
@@ -2214,20 +2219,19 @@ function detectLocale4() {
     return defaultLocale5;
   }
 }
-var getMessages4 = (locale, enMsg, nbMsg, fiMsg) => {
-  if (locale === "nb")
-    return nbMsg;
-  if (locale === "fi")
-    return fiMsg;
+var getMessages4 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+  if (locale === "nb") return nbMsg;
+  if (locale === "fi") return fiMsg;
+  if (locale === "da") return daMsg;
   return enMsg;
 };
-var activateI18n4 = (enMessages, nbMessages, fiMessages) => {
+var activateI18n4 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale4();
-  const messages410 = getMessages4(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages410);
+  const messages510 = getMessages4(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages510);
   i18n.activate(locale);
 };
-activateI18n4(messages24, messages6, messages34);
+activateI18n4(messages24, messages7, messages34, messages44);
 var IconWarning16 = class extends LitElement4 {
   render() {
     const title = i18n.t({ message: `Warning triangle with exclamation point`, id: "icon.title.warning", comment: "Title for warning icon" });
@@ -2238,17 +2242,19 @@ if (!customElements.get("w-icon-warning-16")) {
   customElements.define("w-icon-warning-16", IconWarning16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/error-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/error-16.js
 import { LitElement as LitElement5 } from "lit";
 import { unsafeStatic as unsafeStatic5, html as html6 } from "lit/static-html.js";
-var messages7 = JSON.parse('{"icon.title.error":"\xC5ttekant med utropstegn"}');
+var messages8 = JSON.parse('{"icon.title.error":"\xC5ttekant med utropstegn"}');
 var messages25 = JSON.parse('{"icon.title.error":"Octagon with exclamation point"}');
 var messages35 = JSON.parse('{"icon.title.error":"Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
+var messages45 = JSON.parse('{"icon.title.error":"Ottekant med et udr\xE5bstegn"}');
 var supportedLocales5 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale6 = "en";
 var detectByBrand5 = () => {
+  var _a;
   let value;
-  switch (process.env.NMP_BRAND) {
+  switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
     case "FINN":
       value = "nb";
       break;
@@ -2269,7 +2275,7 @@ var detectByBrand5 = () => {
 var detectByHost5 = () => {
   var _a;
   const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
-  if (hostname.includes("finn")) {
+  if (hostname == null ? void 0 : hostname.includes("finn")) {
     return "nb";
   } else if (hostname.includes("tori")) {
     return "fi";
@@ -2305,20 +2311,19 @@ function detectLocale5() {
     return defaultLocale6;
   }
 }
-var getMessages5 = (locale, enMsg, nbMsg, fiMsg) => {
-  if (locale === "nb")
-    return nbMsg;
-  if (locale === "fi")
-    return fiMsg;
+var getMessages5 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+  if (locale === "nb") return nbMsg;
+  if (locale === "fi") return fiMsg;
+  if (locale === "da") return daMsg;
   return enMsg;
 };
-var activateI18n5 = (enMessages, nbMessages, fiMessages) => {
+var activateI18n5 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale5();
-  const messages410 = getMessages5(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages410);
+  const messages510 = getMessages5(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages510);
   i18n.activate(locale);
 };
-activateI18n5(messages25, messages7, messages35);
+activateI18n5(messages25, messages8, messages35, messages45);
 var IconError16 = class extends LitElement5 {
   render() {
     const title = i18n.t({ message: `Octagon with exclamation point`, id: "icon.title.error", comment: "Title for error icon" });
@@ -2329,17 +2334,19 @@ if (!customElements.get("w-icon-error-16")) {
   customElements.define("w-icon-error-16", IconError16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/success-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/success-16.js
 import { LitElement as LitElement6 } from "lit";
 import { unsafeStatic as unsafeStatic6, html as html7 } from "lit/static-html.js";
-var messages8 = JSON.parse('{"icon.title.success":"Sirkel med sjekkmerke"}');
+var messages9 = JSON.parse('{"icon.title.success":"Sirkel med sjekkmerke"}');
 var messages26 = JSON.parse('{"icon.title.success":"Circle with checkmark"}');
 var messages36 = JSON.parse('{"icon.title.success":"Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"}');
+var messages46 = JSON.parse('{"icon.title.success":"Cirkel med et flueben"}');
 var supportedLocales6 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale7 = "en";
 var detectByBrand6 = () => {
+  var _a;
   let value;
-  switch (process.env.NMP_BRAND) {
+  switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
     case "FINN":
       value = "nb";
       break;
@@ -2360,7 +2367,7 @@ var detectByBrand6 = () => {
 var detectByHost6 = () => {
   var _a;
   const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
-  if (hostname.includes("finn")) {
+  if (hostname == null ? void 0 : hostname.includes("finn")) {
     return "nb";
   } else if (hostname.includes("tori")) {
     return "fi";
@@ -2396,20 +2403,19 @@ function detectLocale6() {
     return defaultLocale7;
   }
 }
-var getMessages6 = (locale, enMsg, nbMsg, fiMsg) => {
-  if (locale === "nb")
-    return nbMsg;
-  if (locale === "fi")
-    return fiMsg;
+var getMessages6 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+  if (locale === "nb") return nbMsg;
+  if (locale === "fi") return fiMsg;
+  if (locale === "da") return daMsg;
   return enMsg;
 };
-var activateI18n6 = (enMessages, nbMessages, fiMessages) => {
+var activateI18n6 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale6();
-  const messages410 = getMessages6(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages410);
+  const messages510 = getMessages6(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages510);
   i18n.activate(locale);
 };
-activateI18n6(messages26, messages8, messages36);
+activateI18n6(messages26, messages9, messages36, messages46);
 var IconSuccess16 = class extends LitElement6 {
   render() {
     const title = i18n.t({ message: `Circle with checkmark`, id: "icon.title.success", comment: "Title for success icon" });
@@ -3119,6 +3125,151 @@ var offset = function(options) {
     }
   };
 };
+var shift = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "shift",
+    options,
+    async fn(state) {
+      const {
+        x,
+        y: y2,
+        placement
+      } = state;
+      const _a = evaluate(options, state), {
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = false,
+        limiter = {
+          fn: (_ref) => {
+            let {
+              x: x2,
+              y: y3
+            } = _ref;
+            return {
+              x: x2,
+              y: y3
+            };
+          }
+        }
+      } = _a, detectOverflowOptions = __objRest(_a, [
+        "mainAxis",
+        "crossAxis",
+        "limiter"
+      ]);
+      const coords = {
+        x,
+        y: y2
+      };
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const crossAxis = getSideAxis(getSide(placement));
+      const mainAxis = getOppositeAxis(crossAxis);
+      let mainAxisCoord = coords[mainAxis];
+      let crossAxisCoord = coords[crossAxis];
+      if (checkMainAxis) {
+        const minSide = mainAxis === "y" ? "top" : "left";
+        const maxSide = mainAxis === "y" ? "bottom" : "right";
+        const min2 = mainAxisCoord + overflow[minSide];
+        const max2 = mainAxisCoord - overflow[maxSide];
+        mainAxisCoord = clamp(min2, mainAxisCoord, max2);
+      }
+      if (checkCrossAxis) {
+        const minSide = crossAxis === "y" ? "top" : "left";
+        const maxSide = crossAxis === "y" ? "bottom" : "right";
+        const min2 = crossAxisCoord + overflow[minSide];
+        const max2 = crossAxisCoord - overflow[maxSide];
+        crossAxisCoord = clamp(min2, crossAxisCoord, max2);
+      }
+      const limitedCoords = limiter.fn(__spreadProps(__spreadValues({}, state), {
+        [mainAxis]: mainAxisCoord,
+        [crossAxis]: crossAxisCoord
+      }));
+      return __spreadProps(__spreadValues({}, limitedCoords), {
+        data: {
+          x: limitedCoords.x - x,
+          y: limitedCoords.y - y2
+        }
+      });
+    }
+  };
+};
+var size = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "size",
+    options,
+    async fn(state) {
+      const {
+        placement,
+        rects,
+        platform: platform2,
+        elements
+      } = state;
+      const _a = evaluate(options, state), {
+        apply = () => {
+        }
+      } = _a, detectOverflowOptions = __objRest(_a, [
+        "apply"
+      ]);
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const side2 = getSide(placement);
+      const alignment = getAlignment(placement);
+      const isYAxis = getSideAxis(placement) === "y";
+      const {
+        width,
+        height
+      } = rects.floating;
+      let heightSide;
+      let widthSide;
+      if (side2 === "top" || side2 === "bottom") {
+        heightSide = side2;
+        widthSide = alignment === (await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right";
+      } else {
+        widthSide = side2;
+        heightSide = alignment === "end" ? "top" : "bottom";
+      }
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
+      const noShift = !state.middlewareData.shift;
+      let availableHeight = overflowAvailableHeight;
+      let availableWidth = overflowAvailableWidth;
+      if (isYAxis) {
+        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
+      } else {
+        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+      }
+      if (noShift && !alignment) {
+        const xMin = max(overflow.left, 0);
+        const xMax = max(overflow.right, 0);
+        const yMin = max(overflow.top, 0);
+        const yMax = max(overflow.bottom, 0);
+        if (isYAxis) {
+          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+        } else {
+          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+        }
+      }
+      await apply(__spreadProps(__spreadValues({}, state), {
+        availableWidth,
+        availableHeight
+      }));
+      const nextDimensions = await platform2.getDimensions(elements.floating);
+      if (width !== nextDimensions.width || height !== nextDimensions.height) {
+        return {
+          reset: {
+            rects: true
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
 
 // node_modules/.pnpm/@floating-ui+utils@0.2.7/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
 function getNodeName(node) {
@@ -3656,7 +3807,9 @@ var platform = {
   isRTL
 };
 var offset2 = offset;
+var shift2 = shift;
 var flip2 = flip;
+var size2 = size;
 var hide2 = hide;
 var arrow2 = arrow;
 var computePosition2 = (reference, floating, options) => {
@@ -3672,7 +3825,7 @@ var computePosition2 = (reference, floating, options) => {
   }));
 };
 
-// node_modules/.pnpm/@warp-ds+core@1.1.5_@floating-ui+dom@1.6.10/node_modules/@warp-ds/core/dist/attention/utils/helpers.js
+// node_modules/.pnpm/@warp-ds+core@1.1.7_@floating-ui+dom@1.6.10/node_modules/@warp-ds/core/dist/attention/utils/helpers.js
 var TOP_START = "top-start";
 var TOP = "top";
 var TOP_END = "top-end";
@@ -3749,6 +3902,8 @@ var applyArrowStyles = (arrowEl, arrowRotation2, dir) => {
     transform: `rotate(${arrowRotation2}deg)`
   });
 };
+var ELEMENT_PADDING = 8;
+var ARROW_OFFSET = 24;
 async function useRecompute(state) {
   var _a, _b, _c;
   if (!(state == null ? void 0 : state.isShowing))
@@ -3772,8 +3927,18 @@ async function useRecompute(state) {
         fallbackPlacements: state == null ? void 0 : state.fallbackPlacements
       }),
       !(state == null ? void 0 : state.noArrow) && (state == null ? void 0 : state.arrowEl) && arrow2({ element: state == null ? void 0 : state.arrowEl }),
-      hide2()
+      (state == null ? void 0 : state.flip) && shift2({ crossAxis: true }),
+      // shifts the attentionEl to make sure that it stays in view
+      hide2(),
       // will hide the attentionEl when it appears detached from the targetEl. Can be called multiple times in the middleware-array if you want to use several strategies. Default strategy is 'referenceHidden'.
+      size2({
+        apply() {
+          Object.assign(attentionEl.style, {
+            paddingRight: `${ELEMENT_PADDING}px`,
+            paddingLeft: `${ELEMENT_PADDING}px`
+          });
+        }
+      })
     ]
   }).then(({ x, y: y2, middlewareData, placement }) => {
     state.actualDirection = placement;
@@ -3789,29 +3954,30 @@ async function useRecompute(state) {
         visibility: referenceHidden ? "hidden" : ""
       });
     }
-    const isRtl = window.getComputedStyle(attentionEl).direction === "rtl";
-    const arrowPlacement = arrowDirection(placement).split("-")[1];
     if ((middlewareData == null ? void 0 : middlewareData.arrow) && (state == null ? void 0 : state.arrowEl)) {
       const arrowEl = state == null ? void 0 : state.arrowEl;
       const { x: arrowX, y: arrowY } = middlewareData.arrow;
-      let top = "";
-      let right = "";
-      let bottom = "";
-      let left = "";
+      const isRtl = window.getComputedStyle(attentionEl).direction === "rtl";
+      const arrowPlacement = arrowDirection(placement).split("-")[1];
+      let top = "", right = "", bottom = "", left = "";
       if (arrowPlacement === "start") {
-        const value = typeof arrowX === "number" ? `calc(24px - ${arrowEl.offsetWidth / 2}px)` : "";
-        top = typeof arrowY === "number" ? `calc(24px -  ${arrowEl.offsetWidth / 2}px)` : "";
+        const value = typeof arrowX === "number" ? `calc(${ARROW_OFFSET}px - ${arrowEl.offsetWidth / 2}px)` : "";
+        top = typeof arrowY === "number" ? `calc(${ARROW_OFFSET}px - ${arrowEl.offsetWidth / 2}px)` : "";
         right = isRtl ? value : "";
         left = isRtl ? "" : value;
       } else if (arrowPlacement === "end") {
-        const value = typeof arrowX === "number" ? `calc(24px - ${arrowEl.offsetWidth / 2}px)` : "";
+        const value = typeof arrowX === "number" ? `calc(${ARROW_OFFSET}px - ${arrowEl.offsetWidth / 2}px)` : "";
         right = isRtl ? "" : value;
         left = isRtl ? value : "";
-        bottom = typeof arrowY === "number" ? `calc(24px - ${arrowEl.offsetWidth / 2}px)` : "";
+        bottom = typeof arrowY === "number" ? `calc(${ARROW_OFFSET}px - ${arrowEl.offsetWidth / 2}px)` : "";
       } else {
         left = typeof arrowX === "number" ? `${arrowX}px` : "";
         top = typeof arrowY === "number" ? `${arrowY}px` : "";
       }
+      const { x: shiftX } = middlewareData.shift || {};
+      if (typeof shiftX === "number") {
+        left = typeof arrowX === "number" ? `${arrowX - shiftX}px` : left;
+      }
       Object.assign(arrowEl.style, {
         top,
         right,
@@ -3857,28 +4023,28 @@ var getMessages7 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
 };
 var activateI18n7 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale7();
-  const messages56 = getMessages7(locale, enMessages, nbMessages, fiMessages, daMessages);
-  i18n.load(locale, messages56);
+  const messages65 = getMessages7(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages65);
   i18n.activate(locale);
 };
 
 // packages/attention/locales/da/messages.mjs
-var messages9 = JSON.parse('{"attention.aria.callout":"En gr\xF8n taleboble der introducerer noget nyt","attention.aria.close":"Luk","attention.aria.highlight":"En opm\xE6rksomhedsskabende taleboble med vigtig information","attention.aria.pointingDown":"peger nedad","attention.aria.pointingLeft":"peger til venstre","attention.aria.pointingRight":"peger til h\xF8jre","attention.aria.pointingUp":"peger opad","attention.aria.popover":"En hvid taleboble med mere information","attention.aria.tooltip":"En sort taleboble med flere oplysninger"}');
+var messages10 = JSON.parse('{"attention.aria.callout":"En gr\xF8n taleboble der introducerer noget nyt","attention.aria.close":"Luk","attention.aria.highlight":"En opm\xE6rksomhedsskabende taleboble med vigtig information","attention.aria.pointingDown":"peger nedad","attention.aria.pointingLeft":"peger til venstre","attention.aria.pointingRight":"peger til h\xF8jre","attention.aria.pointingUp":"peger opad","attention.aria.popover":"En hvid taleboble med mere information","attention.aria.tooltip":"En sort taleboble med flere oplysninger"}');
 
 // packages/attention/locales/en/messages.mjs
-var messages10 = JSON.parse('{"attention.aria.callout":"A green speech bubble introducing something new","attention.aria.close":"Close","attention.aria.highlight":"An attention speech bubble with important information","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"A white speech bubble providing additional information","attention.aria.tooltip":"A black speech bubble providing complementary information"}');
+var messages11 = JSON.parse('{"attention.aria.callout":"A green speech bubble introducing something new","attention.aria.close":"Close","attention.aria.highlight":"An attention speech bubble with important information","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"A white speech bubble providing additional information","attention.aria.tooltip":"A black speech bubble providing complementary information"}');
 
 // packages/attention/locales/fi/messages.mjs
-var messages11 = JSON.parse('{"attention.aria.callout":"Vihre\xE4 puhekupla, joka esittelee jotain uutta","attention.aria.close":"Sulje","attention.aria.highlight":"Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa","attention.aria.pointingDown":"osoittaa alas","attention.aria.pointingLeft":"osoittaa vasemmalle","attention.aria.pointingRight":"osoittaa oikealle","attention.aria.pointingUp":"osoittaa yl\xF6s","attention.aria.popover":"Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa","attention.aria.tooltip":"Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"}');
+var messages12 = JSON.parse('{"attention.aria.callout":"Vihre\xE4 puhekupla, joka esittelee jotain uutta","attention.aria.close":"Sulje","attention.aria.highlight":"Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa","attention.aria.pointingDown":"osoittaa alas","attention.aria.pointingLeft":"osoittaa vasemmalle","attention.aria.pointingRight":"osoittaa oikealle","attention.aria.pointingUp":"osoittaa yl\xF6s","attention.aria.popover":"Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa","attention.aria.tooltip":"Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"}');
 
 // packages/attention/locales/nb/messages.mjs
-var messages12 = JSON.parse('{"attention.aria.callout":"Gr\xF8nn taleboble som introduserer noe nytt","attention.aria.close":"Lukk","attention.aria.highlight":"En uthevet taleboble med viktig informasjon","attention.aria.pointingDown":"peker ned","attention.aria.pointingLeft":"peker til venstre","attention.aria.pointingRight":"peker til h\xF8yre","attention.aria.pointingUp":"peker opp","attention.aria.popover":"En hvit taleboble som gir tilleggsinformasjon","attention.aria.tooltip":"En svart taleboble som forklarer konteksten"}');
+var messages13 = JSON.parse('{"attention.aria.callout":"Gr\xF8nn taleboble som introduserer noe nytt","attention.aria.close":"Lukk","attention.aria.highlight":"En uthevet taleboble med viktig informasjon","attention.aria.pointingDown":"peker ned","attention.aria.pointingLeft":"peker til venstre","attention.aria.pointingRight":"peker til h\xF8yre","attention.aria.pointingUp":"peker opp","attention.aria.popover":"En hvit taleboble som gir tilleggsinformasjon","attention.aria.tooltip":"En svart taleboble som forklarer konteksten"}');
 
 // packages/attention/index.js
 var WarpAttention = class extends kebabCaseAttributes(WarpElement3) {
   constructor() {
     super();
-    activateI18n7(messages10, messages12, messages11, messages9);
+    activateI18n7(messages11, messages13, messages12, messages10);
     this.handleDone = this.handleDone.bind(this);
     this.show = false;
     this.placement = "bottom";
@@ -4294,7 +4460,7 @@ if (!customElements.get("w-box")) {
 // packages/breadcrumbs/index.js
 import { html as html12 } from "lit";
 
-// node_modules/.pnpm/@warp-ds+core@1.1.5_@floating-ui+dom@1.6.10/node_modules/@warp-ds/core/dist/breadcrumbs/index.js
+// node_modules/.pnpm/@warp-ds+core@1.1.7_@floating-ui+dom@1.6.10/node_modules/@warp-ds/core/dist/breadcrumbs/index.js
 function interleave(array, separator2) {
   return array.flatMap((el) => [el, separator2]).slice(0, -1);
 }
@@ -4303,23 +4469,23 @@ function interleave(array, separator2) {
 import WarpElement6 from "@warp-ds/elements-core";
 
 // packages/breadcrumbs/locales/da/messages.mjs
-var messages13 = JSON.parse('{"breadcrumbs.ariaLabel":"Du er her"}');
+var messages14 = JSON.parse('{"breadcrumbs.ariaLabel":"Du er her"}');
 
 // packages/breadcrumbs/locales/en/messages.mjs
-var messages14 = JSON.parse('{"breadcrumbs.ariaLabel":"You are here"}');
+var messages15 = JSON.parse('{"breadcrumbs.ariaLabel":"You are here"}');
 
 // packages/breadcrumbs/locales/fi/messages.mjs
-var messages15 = JSON.parse('{"breadcrumbs.ariaLabel":"Olet t\xE4ss\xE4"}');
+var messages16 = JSON.parse('{"breadcrumbs.ariaLabel":"Olet t\xE4ss\xE4"}');
 
 // packages/breadcrumbs/locales/nb/messages.mjs
-var messages16 = JSON.parse('{"breadcrumbs.ariaLabel":"Her er du"}');
+var messages17 = JSON.parse('{"breadcrumbs.ariaLabel":"Her er du"}');
 
 // packages/breadcrumbs/index.js
 var separator = html12`<span class=${breadcrumbs.separator}>/</span>`;
 var WarpBreadcrumbs = class extends kebabCaseAttributes(WarpElement6) {
   constructor() {
     super();
-    activateI18n7(messages14, messages16, messages15, messages13);
+    activateI18n7(messages15, messages17, messages16, messages14);
     this.ariaLabel = i18n._({
       id: "breadcrumbs.ariaLabel",
       message: "You are here",
@@ -4399,11 +4565,11 @@ var WarpBroadcast = class extends WarpElement7 {
     this._hiddenMessageIds = [.../* @__PURE__ */ new Set([...this._hiddenMessageIds, id])];
   }
   render() {
-    const messages56 = this._messages.filter((item) => !this._hiddenMessageIds.includes(item.id));
+    const messages65 = this._messages.filter((item) => !this._hiddenMessageIds.includes(item.id));
     return html13`
-      <aside class=${`${messages56.length === 0 ? "hidden" : "mb-16"}`}>
+      <aside class=${`${messages65.length === 0 ? "hidden" : "mb-16"}`}>
         ${repeat(
-      messages56,
+      messages65,
       ({ id }) => `broadcast-${id}`,
       ({ id, message }) => html13`<w-toast id="broadcast-${id}" type="warning" text="${message}" canclose @close=${() => this._del(id)}> </w-toast>`
     )}
@@ -4441,23 +4607,23 @@ import { html as html14 } from "lit";
 import WarpElement8 from "@warp-ds/elements-core";
 
 // packages/button/locales/da/messages.mjs
-var messages17 = JSON.parse('{"button.aria.loading":"Indl\xE6ser..."}');
+var messages18 = JSON.parse('{"button.aria.loading":"Indl\xE6ser..."}');
 
 // packages/button/locales/en/messages.mjs
-var messages18 = JSON.parse('{"button.aria.loading":"Loading..."}');
+var messages19 = JSON.parse('{"button.aria.loading":"Loading..."}');
 
 // packages/button/locales/fi/messages.mjs
-var messages19 = JSON.parse('{"button.aria.loading":"Ladataan..."}');
+var messages20 = JSON.parse('{"button.aria.loading":"Ladataan..."}');
 
 // packages/button/locales/nb/messages.mjs
-var messages20 = JSON.parse('{"button.aria.loading":"Laster..."}');
+var messages21 = JSON.parse('{"button.aria.loading":"Laster..."}');
 
 // packages/button/index.js
 var buttonTypes2 = ["primary", "secondary", "negative", "utility", "pill", "link"];
 var WarpButton = class extends kebabCaseAttributes(WarpElement8) {
   constructor() {
     super();
-    activateI18n7(messages18, messages20, messages19, messages17);
+    activateI18n7(messages19, messages21, messages20, messages18);
     this.variant = "secondary";
     this.ariaValueTextLoading = i18n._({
       id: "button.aria.loading",
@@ -4578,16 +4744,16 @@ import WarpElement9 from "@warp-ds/elements-core";
 import { ifDefined as ifDefined3 } from "lit/directives/if-defined.js";
 
 // packages/card/locales/da/messages.mjs
-var messages21 = JSON.parse('{"card.button.text":"V\xE6lg"}');
+var messages27 = JSON.parse('{"card.button.text":"V\xE6lg"}');
 
 // packages/card/locales/en/messages.mjs
-var messages27 = JSON.parse('{"card.button.text":"Select"}');
+var messages28 = JSON.parse('{"card.button.text":"Select"}');
 
 // packages/card/locales/fi/messages.mjs
-var messages28 = JSON.parse('{"card.button.text":"Valitse"}');
+var messages29 = JSON.parse('{"card.button.text":"Valitse"}');
 
 // packages/card/locales/nb/messages.mjs
-var messages29 = JSON.parse('{"card.button.text":"Velg"}');
+var messages30 = JSON.parse('{"card.button.text":"Velg"}');
 
 // packages/card/index.js
 var keys = {
@@ -4597,7 +4763,7 @@ var keys = {
 var WarpCard = class extends WarpElement9 {
   constructor() {
     super();
-    activateI18n7(messages27, messages29, messages28, messages21);
+    activateI18n7(messages28, messages30, messages29, messages27);
     this.selected = false;
     this.flat = false;
     this.clickable = false;
@@ -4669,17 +4835,19 @@ import { css as css5, html as html18 } from "lit";
 import WarpElement10 from "@warp-ds/elements-core";
 import { ifDefined as ifDefined4 } from "lit/directives/if-defined.js";
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/chevron-down-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/chevron-down-16.js
 import { LitElement as LitElement7 } from "lit";
 import { unsafeStatic as unsafeStatic7, html as html16 } from "lit/static-html.js";
-var messages30 = JSON.parse('{"icon.title.chevron-down":"Nedoverpil"}');
+var messages31 = JSON.parse('{"icon.title.chevron-down":"Nedoverpil"}');
 var messages210 = JSON.parse('{"icon.title.chevron-down":"Downward arrow"}');
 var messages37 = JSON.parse('{"icon.title.chevron-down":"Nuoli alasp\xE4in"}');
+var messages47 = JSON.parse('{"icon.title.chevron-down":"Pil nedad"}');
 var supportedLocales8 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale9 = "en";
 var detectByBrand7 = () => {
+  var _a;
   let value;
-  switch (process.env.NMP_BRAND) {
+  switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
     case "FINN":
       value = "nb";
       break;
@@ -4700,7 +4868,7 @@ var detectByBrand7 = () => {
 var detectByHost7 = () => {
   var _a;
   const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
-  if (hostname.includes("finn")) {
+  if (hostname == null ? void 0 : hostname.includes("finn")) {
     return "nb";
   } else if (hostname.includes("tori")) {
     return "fi";
@@ -4736,20 +4904,19 @@ function detectLocale8() {
     return defaultLocale9;
   }
 }
-var getMessages8 = (locale, enMsg, nbMsg, fiMsg) => {
-  if (locale === "nb")
-    return nbMsg;
-  if (locale === "fi")
-    return fiMsg;
+var getMessages8 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+  if (locale === "nb") return nbMsg;
+  if (locale === "fi") return fiMsg;
+  if (locale === "da") return daMsg;
   return enMsg;
 };
-var activateI18n8 = (enMessages, nbMessages, fiMessages) => {
+var activateI18n8 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale8();
-  const messages410 = getMessages8(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages410);
+  const messages510 = getMessages8(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages510);
   i18n.activate(locale);
 };
-activateI18n8(messages210, messages30, messages37);
+activateI18n8(messages210, messages31, messages37, messages47);
 var IconChevronDown16 = class extends LitElement7 {
   render() {
     const title = i18n.t({ message: `Downward arrow`, id: "icon.title.chevron-down", comment: "Title for chevron-down icon" });
@@ -4760,17 +4927,19 @@ if (!customElements.get("w-icon-chevron-down-16")) {
   customElements.define("w-icon-chevron-down-16", IconChevronDown16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/chevron-up-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/chevron-up-16.js
 import { LitElement as LitElement8 } from "lit";
 import { unsafeStatic as unsafeStatic8, html as html17 } from "lit/static-html.js";
-var messages31 = JSON.parse('{"icon.title.chevron-up":"Oppoverpil"}');
+var messages38 = JSON.parse('{"icon.title.chevron-up":"Oppoverpil"}');
 var messages211 = JSON.parse('{"icon.title.chevron-up":"Upward arrow"}');
-var messages38 = JSON.parse('{"icon.title.chevron-up":"Nuoli yl\xF6sp\xE4in"}');
+var messages39 = JSON.parse('{"icon.title.chevron-up":"Nuoli yl\xF6sp\xE4in"}');
+var messages48 = JSON.parse('{"icon.title.chevron-up":"Pil opad"}');
 var supportedLocales9 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale10 = "en";
 var detectByBrand8 = () => {
+  var _a;
   let value;
-  switch (process.env.NMP_BRAND) {
+  switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
     case "FINN":
       value = "nb";
       break;
@@ -4791,7 +4960,7 @@ var detectByBrand8 = () => {
 var detectByHost8 = () => {
   var _a;
   const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
-  if (hostname.includes("finn")) {
+  if (hostname == null ? void 0 : hostname.includes("finn")) {
     return "nb";
   } else if (hostname.includes("tori")) {
     return "fi";
@@ -4827,20 +4996,19 @@ function detectLocale9() {
     return defaultLocale10;
   }
 }
-var getMessages9 = (locale, enMsg, nbMsg, fiMsg) => {
-  if (locale === "nb")
-    return nbMsg;
-  if (locale === "fi")
-    return fiMsg;
+var getMessages9 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+  if (locale === "nb") return nbMsg;
+  if (locale === "fi") return fiMsg;
+  if (locale === "da") return daMsg;
   return enMsg;
 };
-var activateI18n9 = (enMessages, nbMessages, fiMessages) => {
+var activateI18n9 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale9();
-  const messages410 = getMessages9(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages410);
+  const messages510 = getMessages9(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages510);
   i18n.activate(locale);
 };
-activateI18n9(messages211, messages31, messages38);
+activateI18n9(messages211, messages38, messages39, messages48);
 var IconChevronUp16 = class extends LitElement8 {
   render() {
     const title = i18n.t({ message: `Upward arrow`, id: "icon.title.chevron-up", comment: "Title for chevron-up icon" });
@@ -5072,17 +5240,19 @@ var Move = class {
   }
 };
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/arrow-left-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/arrow-left-16.js
 import { LitElement as LitElement9 } from "lit";
 import { unsafeStatic as unsafeStatic9, html as html20 } from "lit/static-html.js";
-var messages39 = JSON.parse('{"icon.title.arrow-left":"Pil som peker mot venstre"}');
+var messages40 = JSON.parse('{"icon.title.arrow-left":"Pil som peker mot venstre"}');
 var messages212 = JSON.parse('{"icon.title.arrow-left":"Leftward-pointing arrow"}');
 var messages310 = JSON.parse('{"icon.title.arrow-left":"Vasemmalle osoittava nuoli"}');
+var messages49 = JSON.parse('{"icon.title.arrow-left":"Pil til venstre"}');
 var supportedLocales10 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale11 = "en";
 var detectByBrand9 = () => {
+  var _a;
   let value;
-  switch (process.env.NMP_BRAND) {
+  switch ((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NMP_BRAND) {
     case "FINN":
       value = "nb";
       break;
@@ -5103,7 +5273,7 @@ var detectByBrand9 = () => {
 var detectByHost9 = () => {
   var _a;
   const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
-  if (hostname.includes("finn")) {
+  if (hostname == null ? void 0 : hostname.includes("finn")) {
     return "nb";
   } else if (hostname.includes("tori")) {
     return "fi";
@@ -5139,20 +5309,19 @@ function detectLocale10() {
     return defaultLocale11;
   }
 }
-var getMessages10 = (locale, enMsg, nbMsg, fiMsg) => {
-  if (locale === "nb")
-    return nbMsg;
-  if (locale === "fi")
-    return fiMsg;
+var getMessages10 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+  if (locale === "nb") return nbMsg;
+  if (locale === "fi") return fiMsg;
+  if (locale === "da") return daMsg;
   return enMsg;
 };
-var activateI18n10 = (enMessages, nbMessages, fiMessages) => {
+var activateI18n10 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale10();
-  const messages410 = getMessages10(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages410);
+  const messages510 = getMessages10(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages510);
   i18n.activate(locale);
 };
-activateI18n10(messages212, messages39, messages310);
+activateI18n10(messages212, messages40, messages310, messages49);
 var IconArrowLeft16 = class extends LitElement9 {
   render() {
     const title = i18n.t({ message: `Leftward-pointing arrow`, id: "icon.title.arrow-left", comment: "Title for table arrow left icon" });
@@ -5168,16 +5337,16 @@ 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"}');
+var messages41 = 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"}');
+var messages50 = 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"}');
+var messages51 = 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"}');
+var messages52 = JSON.parse('{"modal.aria.back":"Tilbake","modal.aria.close":"Lukk"}');
 
 // packages/modal/modal-header.js
 var NO_CLOSE_BUTTON = "no-close";
@@ -5185,7 +5354,7 @@ var ModalHeader = class extends CanCloseMixin(WarpElement12) {
   constructor() {
     super();
     __publicField(this, "titleEl", createRef());
-    activateI18n7(messages41, messages43, messages42, messages40);
+    activateI18n7(messages50, messages52, messages51, messages41);
     this._hasTopContent = false;
   }
   render() {
@@ -5480,22 +5649,22 @@ import { html as html23 } from "lit";
 import WarpElement14 from "@warp-ds/elements-core";
 
 // packages/pill/locales/da/messages.mjs
-var messages44 = JSON.parse('{"pill.aria.openFilter":"\xC5bn filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
+var messages53 = JSON.parse('{"pill.aria.openFilter":"\xC5bn filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
 
 // packages/pill/locales/en/messages.mjs
-var messages45 = JSON.parse('{"pill.aria.openFilter":"Open filter","pill.aria.removeFilter":["Remove filter ",["label"]]}');
+var messages54 = JSON.parse('{"pill.aria.openFilter":"Open filter","pill.aria.removeFilter":["Remove filter ",["label"]]}');
 
 // packages/pill/locales/fi/messages.mjs
-var messages46 = JSON.parse('{"pill.aria.openFilter":"Avaa suodatin","pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
+var messages55 = JSON.parse('{"pill.aria.openFilter":"Avaa suodatin","pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
 
 // packages/pill/locales/nb/messages.mjs
-var messages47 = JSON.parse('{"pill.aria.openFilter":"\xC5pne filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
+var messages56 = 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(messages45, messages47, messages46, messages44);
+    activateI18n7(messages54, messages56, messages55, messages53);
     this.canClose = false;
     this.suggestion = false;
     this.openFilterSrText = i18n._({
@@ -5560,16 +5729,16 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { when } from "lit/directives/when.js";
 
 // packages/select/locales/da/messages.mjs
-var messages48 = JSON.parse('{"select.label.optional":"(valgfrit)"}');
+var messages57 = JSON.parse('{"select.label.optional":"(valgfrit)"}');
 
 // packages/select/locales/en/messages.mjs
-var messages49 = JSON.parse('{"select.label.optional":"(optional)"}');
+var messages58 = JSON.parse('{"select.label.optional":"(optional)"}');
 
 // packages/select/locales/fi/messages.mjs
-var messages50 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
+var messages59 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
 
 // packages/select/locales/nb/messages.mjs
-var messages51 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
+var messages60 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
 
 // packages/select/index.js
 var _WarpSelect_instances, classes_get, helpTextClasses_get, chevronClasses_get2, id_get, helpId_get;
@@ -5577,7 +5746,7 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement15) {
   constructor() {
     super();
     __privateAdd(this, _WarpSelect_instances);
-    activateI18n7(messages49, messages51, messages50, messages48);
+    activateI18n7(messages58, messages60, messages59, messages57);
     this._options = this.innerHTML;
   }
   firstUpdated() {
@@ -6022,16 +6191,16 @@ var collapse = (el, done) => {
 import { when as when2 } from "lit/directives/when.js";
 
 // packages/toast/locales/da/messages.mjs
-var messages52 = JSON.parse('{"toast.aria.error":"Fejl","toast.aria.successful":"Fuldf\xF8rt","toast.aria.warning":"Advarsel"}');
+var messages61 = JSON.parse('{"toast.aria.error":"Fejl","toast.aria.successful":"Fuldf\xF8rt","toast.aria.warning":"Advarsel"}');
 
 // packages/toast/locales/en/messages.mjs
-var messages53 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
+var messages62 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
 
 // packages/toast/locales/fi/messages.mjs
-var messages54 = JSON.parse('{"toast.aria.error":"Virhe","toast.aria.successful":"Onnistui","toast.aria.warning":"Varoitus"}');
+var messages63 = JSON.parse('{"toast.aria.error":"Virhe","toast.aria.successful":"Onnistui","toast.aria.warning":"Varoitus"}');
 
 // packages/toast/locales/nb/messages.mjs
-var messages55 = JSON.parse('{"toast.aria.error":"Feil","toast.aria.successful":"Vellykket","toast.aria.warning":"Advarsel"}');
+var messages64 = JSON.parse('{"toast.aria.error":"Feil","toast.aria.successful":"Vellykket","toast.aria.warning":"Advarsel"}');
 
 // packages/toast/toast.js
 var toastType = {
@@ -6044,7 +6213,7 @@ var WarpToast = class extends WarpElement18 {
   constructor() {
     super();
     __privateAdd(this, _WarpToast_instances);
-    activateI18n7(messages53, messages55, messages54, messages52);
+    activateI18n7(messages62, messages64, messages63, messages61);
     this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5);
     this.type = "success";
     this.text = "";