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

package/dist/packages/toast/index.js

@@ -52,10 +52,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // node_modules/.pnpm/unraw@3.0.0/node_modules/unraw/dist/errors.js
 var require_errors = __commonJS({
@@ -228,8 +225,7 @@ var require_moo = __commonJS({
         return "(" + s + ")";
       }
       function reUnion(regexps) {
-        if (!regexps.length)
-          return "(?!)";
+        if (!regexps.length) return "(?!)";
         var source = regexps.map(function(s) {
           return "(?:" + s + ")";
         }).join("|");
@@ -239,14 +235,10 @@ var require_moo = __commonJS({
         if (typeof obj === "string") {
           return "(?:" + reEscape(obj) + ")";
         } else if (isRegExp(obj)) {
-          if (obj.ignoreCase)
-            throw new Error("RegExp /i flag not allowed");
-          if (obj.global)
-            throw new Error("RegExp /g flag is implied");
-          if (obj.sticky)
-            throw new Error("RegExp /y flag is implied");
-          if (obj.multiline)
-            throw new Error("RegExp /m flag is implied");
+          if (obj.ignoreCase) throw new Error("RegExp /i flag not allowed");
+          if (obj.global) throw new Error("RegExp /g flag is implied");
+          if (obj.sticky) throw new Error("RegExp /y flag is implied");
+          if (obj.multiline) throw new Error("RegExp /m flag is implied");
           return obj.source;
         } else {
           throw new Error("Not a pattern: " + obj);
@@ -295,16 +287,14 @@ var require_moo = __commonJS({
           var match = [];
           rules.forEach(function(rule) {
             if (isObject(rule)) {
-              if (match.length)
-                result.push(ruleOptions(key, match));
+              if (match.length) result.push(ruleOptions(key, match));
               result.push(ruleOptions(key, rule));
               match = [];
             } else {
               match.push(rule);
             }
           });
-          if (match.length)
-            result.push(ruleOptions(key, match));
+          if (match.length) result.push(ruleOptions(key, match));
         }
         return result;
       }
@@ -439,8 +429,7 @@ var require_moo = __commonJS({
         var fallbackRule = errorRule && errorRule.fallback;
         var flags = hasSticky && !fallbackRule ? "ym" : "gm";
         var suffix2 = hasSticky || fallbackRule ? "" : "|";
-        if (unicodeFlag === true)
-          flags += "u";
+        if (unicodeFlag === true) flags += "u";
         var combined = new RegExp(reUnion(parts) + suffix2, flags);
         return { regexp: combined, groups, fast, error: errorRule || defaultErrorRule };
       }
@@ -461,8 +450,7 @@ var require_moo = __commonJS({
         var all = states.$all ? toRules(states.$all) : [];
         delete states.$all;
         var keys = Object.getOwnPropertyNames(states);
-        if (!start)
-          start = keys[0];
+        if (!start) start = keys[0];
         var ruleMap = /* @__PURE__ */ Object.create(null);
         for (var i = 0; i < keys.length; i++) {
           var key = keys[i];
@@ -474,8 +462,7 @@ var require_moo = __commonJS({
           var included = /* @__PURE__ */ Object.create(null);
           for (var j = 0; j < rules.length; j++) {
             var rule = rules[j];
-            if (!rule.include)
-              continue;
+            if (!rule.include) continue;
             var splice = [j, 1];
             if (rule.include !== key && !included[rule.include]) {
               included[rule.include] = true;
@@ -485,8 +472,7 @@ var require_moo = __commonJS({
               }
               for (var k = 0; k < newRules.length; k++) {
                 var newRule = newRules[k];
-                if (rules.indexOf(newRule) !== -1)
-                  continue;
+                if (rules.indexOf(newRule) !== -1) continue;
                 splice.push(newRule);
               }
             }
@@ -567,8 +553,7 @@ var require_moo = __commonJS({
         };
       };
       Lexer.prototype.setState = function(state) {
-        if (!state || this.state === state)
-          return;
+        if (!state || this.state === state) return;
         this.state = state;
         var info = this.states[state];
         this.groups = info.groups;
@@ -672,12 +657,9 @@ var require_moo = __commonJS({
           var err = new Error(this.formatError(token, "invalid syntax"));
           throw err;
         }
-        if (group.pop)
-          this.popState();
-        else if (group.push)
-          this.pushState(group.push);
-        else if (group.next)
-          this.setState(group.next);
+        if (group.pop) this.popState();
+        else if (group.push) this.pushState(group.push);
+        else if (group.next) this.setState(group.next);
         return token;
       };
       if (typeof Symbol !== "undefined" && Symbol.iterator) {
@@ -1030,10 +1012,10 @@ var require_parser = __commonJS({
 // packages/toast/toast.js
 import { css, html as html5 } from "lit";
 
-// node_modules/.pnpm/@lingui+core@4.7.1/node_modules/@lingui/core/dist/index.mjs
+// node_modules/.pnpm/@lingui+core@4.11.2/node_modules/@lingui/core/dist/index.mjs
 var import_unraw = __toESM(require_dist(), 1);
 
-// node_modules/.pnpm/@lingui+message-utils@4.7.1/node_modules/@lingui/message-utils/dist/compileMessage.mjs
+// node_modules/.pnpm/@lingui+message-utils@4.11.2/node_modules/@lingui/message-utils/dist/compileMessage.mjs
 var import_parser = __toESM(require_parser(), 1);
 function processTokens(tokens, mapText) {
   if (!tokens.filter((token) => token.type !== "content").length) {
@@ -1057,11 +1039,9 @@ function processTokens(tokens, mapText) {
     }
     const offset = token.pluralOffset;
     const formatProps = {};
-    token.cases.forEach((item) => {
-      formatProps[item.key.replace(/^=(.)+/, "$1")] = processTokens(
-        item.tokens,
-        mapText
-      );
+    token.cases.forEach(({ key, tokens: tokens2 }) => {
+      const prop = key[0] === "=" ? key.slice(1) : key;
+      formatProps[prop] = processTokens(tokens2, mapText);
     });
     return [
       token.arg,
@@ -1083,7 +1063,7 @@ Message: ${message}`);
   }
 }
 
-// node_modules/.pnpm/@lingui+core@4.7.1/node_modules/@lingui/core/dist/index.mjs
+// node_modules/.pnpm/@lingui+core@4.11.2/node_modules/@lingui/core/dist/index.mjs
 var isString = (s) => typeof s === "string";
 var isFunction = (f) => typeof f === "function";
 var cache = /* @__PURE__ */ new Map();
@@ -1169,11 +1149,11 @@ var selectFormatter = (value, rules) => {
 function interpolate(translation, locale, locales) {
   return (values = {}, formats) => {
     const formatters = getDefaultFormats(locale, locales, formats);
-    const formatMessage = (tokens) => {
+    const formatMessage = (tokens, replaceOctothorpe = false) => {
       if (!Array.isArray(tokens))
         return tokens;
       return tokens.reduce((message, token) => {
-        if (token === "#") {
+        if (token === "#" && replaceOctothorpe) {
           return message + OCTOTHORPE_PH;
         }
         if (isString(token)) {
@@ -1184,7 +1164,10 @@ function interpolate(translation, locale, locales) {
         if (type === "plural" || type === "selectordinal" || type === "select") {
           Object.entries(format).forEach(
             ([key, value2]) => {
-              interpolatedFormat[key] = formatMessage(value2);
+              interpolatedFormat[key] = formatMessage(
+                value2,
+                type === "plural" || type === "selectordinal"
+              );
             }
           );
         } else {
@@ -1313,17 +1296,17 @@ var I18n = class extends EventEmitter {
     }
     this.emit("change");
   }
-  _load(locale, messages10) {
+  _load(locale, messages11) {
     const maybeMessages = this._messages[locale];
     if (!maybeMessages) {
-      this._messages[locale] = messages10;
+      this._messages[locale] = messages11;
     } else {
-      Object.assign(maybeMessages, messages10);
+      Object.assign(maybeMessages, messages11);
     }
   }
-  load(localeOrMessages, messages10) {
-    if (typeof localeOrMessages == "string" && typeof messages10 === "object") {
-      this._load(localeOrMessages, messages10);
+  load(localeOrMessages, messages11) {
+    if (typeof localeOrMessages == "string" && typeof messages11 === "object") {
+      this._load(localeOrMessages, messages11);
     } else {
       Object.entries(localeOrMessages).forEach(
         ([locale, messages25]) => this._load(locale, messages25)
@@ -1334,10 +1317,10 @@ var I18n = class extends EventEmitter {
   /**
    * @param options {@link LoadAndActivateOptions}
    */
-  loadAndActivate({ locale, locales, messages: messages10 }) {
+  loadAndActivate({ locale, locales, messages: messages11 }) {
     this._locale = locale;
     this._locales = locales || void 0;
-    this._messages[this._locale] = messages10;
+    this._messages[this._locale] = messages11;
     this.emit("change");
   }
   activate(locale, locales) {
@@ -1352,6 +1335,9 @@ var I18n = class extends EventEmitter {
   }
   _(id, values, options) {
     let message = options == null ? void 0 : options.message;
+    if (!id) {
+      id = "";
+    }
     if (!isString(id)) {
       values = id.values || values;
       message = id.message;
@@ -1392,7 +1378,7 @@ function setupI18n(params = {}) {
 }
 var i18n = setupI18n();
 
-// node_modules/.pnpm/@warp-ds+css@2.0.0-next.4_@warp-ds+uno@2.0.0_unocss@0.58.5_postcss@8.4.38_rollup@4.18.0_vite@_d2fzbudswaxjysaqn4v4imsdwy/node_modules/@warp-ds/css/component-classes/index.js
+// node_modules/.pnpm/@warp-ds+css@2.0.0-next.4_@warp-ds+uno@2.0.0_unocss@0.61.3_postcss@8.4.39_rollup@4.18.1_vite@_fn7nbuinwdlc4yeboswpxt5lie/node_modules/@warp-ds/css/component-classes/index.js
 var box = {
   box: "group block relative break-words last-child:mb-0 p-16 rounded-8",
   // Relative here enables w-clickable
@@ -1693,8 +1679,7 @@ var prefersMotion = true;
 if (windowExists) {
   const query = window.matchMedia("(prefers-reduced-motion: reduce)");
   const callback = ({ matches }) => prefersMotion = !matches;
-  if (query.addEventListener)
-    query.addEventListener("change", callback);
+  if (query.addEventListener) query.addEventListener("change", callback);
   callback(query);
 }
 var removeTransition = (el) => {
@@ -1711,19 +1696,16 @@ var addTransition = (el) => {
 var getAfterExpandCallback = (el, done) => () => {
   el.style.height = "auto";
   el.style.overflow = null;
-  if (done)
-    done();
+  if (done) done();
 };
 var getAfterCollapseCallback = (done) => () => {
-  if (done)
-    done();
+  if (done) done();
 };
 var expand = (el, done) => {
   const returnPromise = (() => {
-    if (!done)
-      return new Promise((r) => {
-        done = r;
-      });
+    if (!done) return new Promise((r) => {
+      done = r;
+    });
   })();
   const afterExpandCallback = getAfterExpandCallback(el, done);
   removeTransition(el);
@@ -1736,15 +1718,13 @@ var expand = (el, done) => {
     addTransition(el);
     requestAnimationFrame(() => el.style.height = dest + "px");
   });
-  if (returnPromise)
-    return returnPromise;
+  if (returnPromise) return returnPromise;
 };
 var collapse = (el, done) => {
   const returnPromise = (() => {
-    if (!done)
-      return new Promise((r) => {
-        done = r;
-      });
+    if (!done) return new Promise((r) => {
+      done = r;
+    });
   })();
   const afterCollapseCallback = getAfterCollapseCallback(done);
   removeTransition(el);
@@ -1756,15 +1736,14 @@ var collapse = (el, done) => {
     addTransition(el);
     requestAnimationFrame(() => el.style.height = "0px");
   });
-  if (returnPromise)
-    return returnPromise;
+  if (returnPromise) return returnPromise;
 };
 
 // packages/toast/toast.js
 import { classMap } from "lit/directives/class-map.js";
 import { when } from "lit/directives/when.js";
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/warning-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/warning-16.js
 import { LitElement } from "lit";
 import { unsafeStatic, html } from "lit/static-html.js";
 var messages = JSON.parse('{"icon.title.warning":"Varseltrekant med utropstegn"}');
@@ -1855,7 +1834,7 @@ if (!customElements.get("w-icon-warning-16")) {
   customElements.define("w-icon-warning-16", IconWarning16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/error-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/error-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.error":"\xC5ttekant med utropstegn"}');
@@ -1946,7 +1925,7 @@ if (!customElements.get("w-icon-error-16")) {
   customElements.define("w-icon-error-16", IconError16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/success-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/success-16.js
 import { LitElement as LitElement3 } from "lit";
 import { unsafeStatic as unsafeStatic3, html as html3 } from "lit/static-html.js";
 var messages5 = JSON.parse('{"icon.title.success":"Sirkel med sjekkmerke"}');
@@ -2037,7 +2016,7 @@ if (!customElements.get("w-icon-success-16")) {
   customElements.define("w-icon-success-16", IconSuccess16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/close-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/node_modules/@warp-ds/icons/dist/elements/close-16.js
 import { LitElement as LitElement4 } from "lit";
 import { unsafeStatic as unsafeStatic4, html as html4 } from "lit/static-html.js";
 var messages6 = JSON.parse('{"icon.title.close":"Kryss"}');
@@ -2129,7 +2108,7 @@ if (!customElements.get("w-icon-close-16")) {
 }
 
 // packages/i18n.ts
-var supportedLocales5 = ["en", "nb", "fi"];
+var supportedLocales5 = ["en", "nb", "fi", "da"];
 var defaultLocale6 = "en";
 var getSupportedLocale5 = (usedLocale) => {
   return supportedLocales5.find(
@@ -2149,28 +2128,30 @@ 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 messages10 = getMessages5(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages10);
+  const messages11 = getMessages5(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages11);
   i18n.activate(locale);
 };
 
+// packages/toast/locales/da/messages.mjs
+var messages7 = JSON.parse('{"toast.aria.error":"Fejl","toast.aria.successful":"Fuldf\xF8rt","toast.aria.warning":"Advarsel"}');
+
 // packages/toast/locales/en/messages.mjs
-var messages7 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
+var messages8 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
 
 // packages/toast/locales/fi/messages.mjs
-var messages8 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
+var messages9 = JSON.parse('{"toast.aria.error":"Virhe","toast.aria.successful":"Onnistui","toast.aria.warning":"Varoitus"}');
 
 // packages/toast/locales/nb/messages.mjs
-var messages9 = JSON.parse('{"toast.aria.error":"Varsel","toast.aria.successful":"Vellykket","toast.aria.warning":"Feil"}');
+var messages10 = JSON.parse('{"toast.aria.error":"Feil","toast.aria.successful":"Vellykket","toast.aria.warning":"Advarsel"}');
 
 // packages/toast/toast.js
 var classes = (definition) => {
@@ -2190,7 +2171,7 @@ var toastType = {
 var WarpToast = class extends WarpElement {
   constructor() {
     super();
-    activateI18n5(messages7, messages9, messages8);
+    activateI18n5(messages8, messages10, messages9, messages7);
     this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5);
     this.type = "success";
     this.text = "";
@@ -2203,8 +2184,7 @@ var WarpToast = class extends WarpElement {
     super.disconnectedCallback();
   }
   updated() {
-    if (!this._expanded && this._wrapper)
-      expand(this._wrapper, () => this._expanded = true);
+    if (!this._expanded && this._wrapper) expand(this._wrapper, () => this._expanded = true);
   }
   get _primaryClasses() {
     return classes({
@@ -2258,19 +2238,14 @@ var WarpToast = class extends WarpElement {
     }
   }
   get _iconMarkup() {
-    if (this._warning)
-      return html5`<w-icon-warning-16></w-icon-warning-16>`;
-    if (this._error)
-      return html5`<w-icon-error-16></w-icon-error-16>`;
-    else
-      return html5`<w-icon-success-16></w-icon-success-16>`;
+    if (this._warning) return html5`<w-icon-warning-16></w-icon-warning-16>`;
+    if (this._error) return html5`<w-icon-error-16></w-icon-error-16>`;
+    else return html5`<w-icon-success-16></w-icon-success-16>`;
   }
   async collapse() {
     return new Promise((resolve) => {
-      if (this._expanded && this._wrapper)
-        collapse(this._wrapper, resolve);
-      else
-        resolve();
+      if (this._expanded && this._wrapper) collapse(this._wrapper, resolve);
+      else resolve();
     });
   }
   close() {
@@ -2282,8 +2257,7 @@ var WarpToast = class extends WarpElement {
     this.updateComplete.then(() => this.dispatchEvent(event));
   }
   render() {
-    if (!this.text)
-      return html5``;
+    if (!this.text) return html5``;
     return html5` <section class="${toast.wrapper}" aria-label="${this._typeLabel}">
       <div class="${this._primaryClasses}">
         <div class="${this._iconClasses}">${this._iconMarkup}</div>
@@ -2335,10 +2309,8 @@ var WarpToastContainer = class extends WarpElement2 {
       const keep = [];
       const remove = [];
       for (const toast3 of this._toasts) {
-        if (Date.now() <= toast3[1].duration)
-          keep.push(toast3);
-        else
-          remove.push(toast3);
+        if (Date.now() <= toast3[1].duration) keep.push(toast3);
+        else remove.push(toast3);
       }
       const collapseTasks = [];
       for (const [id] of remove) {
@@ -2346,15 +2318,13 @@ var WarpToastContainer = class extends WarpElement2 {
         collapseTasks.push(el.collapse());
       }
       Promise.all(collapseTasks).then(() => {
-        if (keep.length !== this._toasts.size)
-          this._toasts = new Map(keep);
+        if (keep.length !== this._toasts.size) this._toasts = new Map(keep);
       });
     }, 500);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    if (this._interval)
-      clearTimeout(this._interval);
+    if (this._interval) clearTimeout(this._interval);
   }
   static init() {
     let el = document.querySelector("w-toast-container");
@@ -2376,8 +2346,7 @@ var WarpToastContainer = class extends WarpElement2 {
     if (!id) {
       throw new Error('undefined "id" given when attempting to retrieve toast');
     }
-    if (typeof id !== "string" && !Number.isInteger(id))
-      throw new Error('"id" must be number or string when attempting to retrieve toast');
+    if (typeof id !== "string" && !Number.isInteger(id)) throw new Error('"id" must be number or string when attempting to retrieve toast');
     return this._toasts.get(id);
   }
   /**
@@ -2386,8 +2355,7 @@ var WarpToastContainer = class extends WarpElement2 {
    * @returns {WarpToastContainer}
    */
   set(toast3) {
-    if (!toast3.id)
-      throw new Error('invalid or undefined "id" on toast object');
+    if (!toast3.id) throw new Error('invalid or undefined "id" on toast object');
     const result = this._toasts.set(toast3.id, __spreadProps(__spreadValues({}, toast3), {
       duration: Date.now() + (toast3.duration || 5e3)
     }));
@@ -2403,11 +2371,9 @@ var WarpToastContainer = class extends WarpElement2 {
     if (!id) {
       throw new Error('undefined "id" given when attempting to retrieve toast');
     }
-    if (typeof id !== "string" && !Number.isInteger(id))
-      throw new Error('"id" must be number or string when attempting to retrieve toast');
+    if (typeof id !== "string" && !Number.isInteger(id)) throw new Error('"id" must be number or string when attempting to retrieve toast');
     const el = this.renderRoot.querySelector(`#${id}`);
-    if (!this._toasts.has(id))
-      return false;
+    if (!this._toasts.has(id)) return false;
     await el.collapse();
     const result = this._toasts.delete(id);
     this._toasts = new Map(Array.from(this._toasts));
@@ -2454,8 +2420,7 @@ var windowExists2 = typeof window !== "undefined";
 
 // packages/toast/api.js
 function toast2(message, options) {
-  if (!windowExists2)
-    return;
+  if (!windowExists2) return;
   const toast3 = customElements.get("w-toast-container").init();
   const data = __spreadValues({
     id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),
@@ -2467,14 +2432,12 @@ function toast2(message, options) {
   return data;
 }
 function removeToast(id) {
-  if (!windowExists2)
-    return;
+  if (!windowExists2) return;
   const toast3 = customElements.get("w-toast-container").init();
   return toast3.del(id);
 }
 function updateToast(id, options) {
-  if (!windowExists2)
-    return;
+  if (!windowExists2) return;
   const toast3 = customElements.get("w-toast-container").init();
   toast3.set(__spreadValues(__spreadValues({}, toast3.get(id)), options));
   return toast3.get(id);