@warp-ds/elements 2.0.2 → 2.1.0-next.2

package/dist/packages/pill/locales/sv/messages.d.mts

@@ -0,0 +1 @@
+export const messages: any;

package/dist/packages/select/index.d.ts

@@ -47,6 +47,9 @@ export class WarpSelect extends WarpSelect_base {
     _options: any;
     firstUpdated(): void;
     handleKeyDown(event: any): void;
+    onChange({ target }: {
+        target: any;
+    }): void;
     render(): import("lit").TemplateResult<1>;
     #private;
 }

package/dist/packages/select/index.js

@@ -1309,17 +1309,17 @@ var I18n = class extends EventEmitter {
     }
     this.emit("change");
   }
-  _load(locale, messages6) {
+  _load(locale, messages7) {
     const maybeMessages = this._messages[locale];
     if (!maybeMessages) {
-      this._messages[locale] = messages6;
+      this._messages[locale] = messages7;
     } else {
-      Object.assign(maybeMessages, messages6);
+      Object.assign(maybeMessages, messages7);
     }
   }
-  load(localeOrMessages, messages6) {
-    if (typeof localeOrMessages == "string" && typeof messages6 === "object") {
-      this._load(localeOrMessages, messages6);
+  load(localeOrMessages, messages7) {
+    if (typeof localeOrMessages == "string" && typeof messages7 === "object") {
+      this._load(localeOrMessages, messages7);
     } else {
       Object.entries(localeOrMessages).forEach(
         ([locale, messages23]) => this._load(locale, messages23)
@@ -1330,10 +1330,10 @@ var I18n = class extends EventEmitter {
   /**
    * @param options {@link LoadAndActivateOptions}
    */
-  loadAndActivate({ locale, locales, messages: messages6 }) {
+  loadAndActivate({ locale, locales, messages: messages7 }) {
     this._locale = locale;
     this._locales = locales || void 0;
-    this._messages[this._locale] = messages6;
+    this._messages[this._locale] = messages7;
     this.emit("change");
   }
   activate(locale, locales) {
@@ -1647,7 +1647,7 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { when } from "lit/directives/when.js";
 
 // packages/i18n.ts
-var supportedLocales = ["en", "nb", "fi", "da"];
+var supportedLocales = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale2 = "en";
 var getSupportedLocale = (usedLocale) => {
   return supportedLocales.find(
@@ -1667,16 +1667,17 @@ function detectLocale() {
     return defaultLocale2;
   }
 }
-var getMessages = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+var getMessages = (locale, enMsg, nbMsg, fiMsg, daMsg, svMsg) => {
   if (locale === "nb") return nbMsg;
   if (locale === "fi") return fiMsg;
   if (locale === "da") return daMsg;
+  if (locale === "sv") return svMsg;
   return enMsg;
 };
-var activateI18n = (enMessages, nbMessages, fiMessages, daMessages) => {
+var activateI18n = (enMessages, nbMessages, fiMessages, daMessages, svMessages) => {
   const locale = detectLocale();
-  const messages6 = getMessages(locale, enMessages, nbMessages, fiMessages, daMessages);
-  i18n.load(locale, messages6);
+  const messages7 = getMessages(locale, enMessages, nbMessages, fiMessages, daMessages, svMessages);
+  i18n.load(locale, messages7);
   i18n.activate(locale);
 };
 
@@ -1709,13 +1710,17 @@ var messages3 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
 // packages/select/locales/nb/messages.mjs
 var messages4 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
 
-// node_modules/.pnpm/@warp-ds+icons@2.1.0/node_modules/@warp-ds/icons/dist/elements/chevron-down-16.js
+// packages/select/locales/sv/messages.mjs
+var messages5 = JSON.parse('{"select.label.optional":"(valfritt)"}');
+
+// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/chevron-down-16.js
 import { LitElement } from "lit";
 import { unsafeStatic, html } from "lit/static-html.js";
-var messages5 = JSON.parse('{"icon.title.chevron-down":"Nedoverpil"}');
+var messages6 = JSON.parse('{"icon.title.chevron-down":"Nedoverpil"}');
 var messages22 = JSON.parse('{"icon.title.chevron-down":"Downward arrow"}');
 var messages32 = JSON.parse('{"icon.title.chevron-down":"Nuoli alasp\xE4in"}');
 var messages42 = JSON.parse('{"icon.title.chevron-down":"Pil nedad"}');
+var messages52 = JSON.parse('{"icon.title.chevron-down":"Pil ned"}');
 var supportedLocales2 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale3 = "en";
 var detectByBrand = () => {
@@ -1778,19 +1783,20 @@ function detectLocale2() {
     return defaultLocale3;
   }
 }
-var getMessages2 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
+var getMessages2 = (locale, enMsg, nbMsg, fiMsg, daMsg, svMsg) => {
   if (locale === "nb") return nbMsg;
   if (locale === "fi") return fiMsg;
   if (locale === "da") return daMsg;
+  if (locale === "sv") return svMsg;
   return enMsg;
 };
-var activateI18n2 = (enMessages, nbMessages, fiMessages, daMessages) => {
+var activateI18n2 = (enMessages, nbMessages, fiMessages, daMessages, svMessages) => {
   const locale = detectLocale2();
-  const messages52 = getMessages2(locale, enMessages, nbMessages, fiMessages, daMessages);
-  i18n.load(locale, messages52);
+  const messages62 = getMessages2(locale, enMessages, nbMessages, fiMessages, daMessages, svMessages);
+  i18n.load(locale, messages62);
   i18n.activate(locale);
 };
-activateI18n2(messages22, messages5, messages32, messages42);
+activateI18n2(messages22, messages6, messages32, messages42, messages52);
 var IconChevronDown16 = class extends LitElement {
   render() {
     const title = i18n.t({ message: `Downward arrow`, id: "icon.title.chevron-down", comment: "Title for chevron-down icon" });
@@ -1807,7 +1813,7 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement) {
   constructor() {
     super();
     __privateAdd(this, _WarpSelect_instances);
-    activateI18n(messages2, messages4, messages3, messages);
+    activateI18n(messages2, messages4, messages3, messages, messages5);
     this._options = this.innerHTML;
   }
   firstUpdated() {
@@ -1818,6 +1824,11 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement) {
       event.preventDefault();
     }
   }
+  // Fire a custom 'change' event, used when the dropdown changes state.
+  onChange({ target }) {
+    const event = new CustomEvent("change", { detail: target.value });
+    this.dispatchEvent(event);
+  }
   render() {
     return html2`<div class="${select.wrapper}">
       ${when(
@@ -1844,7 +1855,8 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement) {
           aria-describedby="${ifDefined(__privateGet(this, _WarpSelect_instances, helpId_get))}"
           aria-invalid="${ifDefined(this.invalid)}"
           aria-errormessage="${ifDefined(this.invalid && __privateGet(this, _WarpSelect_instances, helpId_get))}"
-          @keydown=${this.handleKeyDown}>
+          @keydown=${this.handleKeyDown}
+          @change=${this.onChange}>
           ${unsafeHTML(this._options)}
         </select>
         <div class="${__privateGet(this, _WarpSelect_instances, chevronClasses_get)}">