@warp-ds/elements 2.10.0 → 2.10.1-next.1

package/dist/packages/select/select.react.stories.d.ts

@@ -3,17 +3,17 @@ import React from "react";
 import { Select } from "./react";
 declare const _default: {
     title: string;
-    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "optional" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "willUpdate" | "formStateRestoreCallback" | "always" | "_setValue" | "handleKeyDown"> & {
-        onChange?: ((e: CustomEvent<any>) => void) | undefined;
-        onchange?: ((e: CustomEvent<any>) => void) | undefined;
+    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "name" | "disabled" | "invalid" | "label" | "helpText" | "optional" | "readOnly" | "readonly" | "value" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "form" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "willUpdate" | "always" | "_setValue" | "formStateRestoreCallback" | "handleKeyDown"> & {
+        onChange?: ((e: import("../types").ChangeEventWithTarget<HTMLSelectElement>) => void) | undefined;
+        onchange?: ((e: import("../types").ChangeEventWithTarget<HTMLSelectElement>) => void) | undefined;
     } & Partial<Omit<import("./select").WarpSelect, keyof HTMLElement>> & React.RefAttributes<import("./select").WarpSelect>, "ref">, "help-text" | "read-only" | "auto-focus"> & {
         autoFocus?: boolean;
         helpText?: string;
         readOnly?: boolean;
     } & React.RefAttributes<import("./select").WarpSelect>): React.JSX.Element;
-    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "optional" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "willUpdate" | "formStateRestoreCallback" | "always" | "_setValue" | "handleKeyDown"> & {
-        onChange?: ((e: CustomEvent<any>) => void) | undefined;
-        onchange?: ((e: CustomEvent<any>) => void) | undefined;
+    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "name" | "disabled" | "invalid" | "label" | "helpText" | "optional" | "readOnly" | "readonly" | "value" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "form" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "willUpdate" | "always" | "_setValue" | "formStateRestoreCallback" | "handleKeyDown"> & {
+        onChange?: ((e: import("../types").ChangeEventWithTarget<HTMLSelectElement>) => void) | undefined;
+        onchange?: ((e: import("../types").ChangeEventWithTarget<HTMLSelectElement>) => void) | undefined;
     } & Partial<Omit<import("./select").WarpSelect, keyof HTMLElement>> & React.RefAttributes<import("./select").WarpSelect>, "ref">, "help-text" | "read-only" | "auto-focus"> & {
         autoFocus?: boolean;
         helpText?: string;

package/dist/packages/select/select.react.stories.js

@@ -25,9 +25,9 @@ export const ChangeEvent = {
             React.createElement("div", null,
                 "Selected Value: ",
                 selectedValue),
-            React.createElement(Select, { ...args, onChange: (e) => setSelectedValue(e.detail) },
-                React.createElement(Option, { value: "strawberries" }, "Strawberries"),
-                React.createElement(Option, { value: "raspberries", selected: true }, "Raspberries"),
-                React.createElement(Option, { value: "cloudberries" }, "Cloudberries"))));
+            React.createElement(Select, { ...args, onChange: (e) => setSelectedValue(e.target.value) },
+                React.createElement(Option, { value: "strawberries", selected: selectedValue === "strawberries" }, "Strawberries"),
+                React.createElement(Option, { value: "raspberries", selected: selectedValue === "raspberries" }, "Raspberries"),
+                React.createElement(Option, { value: "cloudberries", selected: selectedValue === "cloudberries" }, "Cloudberries"))));
     },
 };

package/dist/packages/slider/react.d.ts

@@ -1,7 +1,12 @@
 import React from "react";
-import { WarpSlider } from "./slider.js";
+import type { WarpSlider } from "./slider.js";
 export { SliderThumb } from "../slider-thumb/react.js";
-export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpSlider>, "fieldset" | "label" | "disabled" | "invalid" | "helpText" | "optional" | "max" | "min" | "required" | "step" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "_label" | "render" | "renderOptions" | "error" | "openEnded" | "markers" | "suffix" | "valueFormatter" | "tooltipFormatter" | "labelFormatter" | "hiddenTextfield" | "_invalidMessage" | "_hasInternalError" | "_showError" | "_tabbableElements" | "_hasLabel" | "edgeMin" | "edgeMax" | "componentHasError" | "errorText"> & {} & Partial<Omit<WarpSlider, keyof HTMLElement>> & React.RefAttributes<WarpSlider>, "ref">, "help-text" | "open-ended" | "hidden-textfield"> & {
+/**
+ * Parent component for sliders (both single and range sliders). Used in combination with a `<SliderThumb>`.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/slider/frameworks/elements)
+ */
+export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpSlider>, "disabled" | "invalid" | "label" | "helpText" | "optional" | "max" | "min" | "required" | "step" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "_label" | "render" | "renderOptions" | "fieldset" | "error" | "openEnded" | "markers" | "suffix" | "valueFormatter" | "tooltipFormatter" | "labelFormatter" | "hiddenTextfield" | "_invalidMessage" | "_hasInternalError" | "_showError" | "_tabbableElements" | "_hasLabel" | "edgeMin" | "edgeMax" | "componentHasError" | "errorText"> & {} & Partial<Omit<WarpSlider, keyof HTMLElement>> & React.RefAttributes<WarpSlider>, "ref">, "help-text" | "open-ended" | "hidden-textfield"> & {
     openEnded?: boolean;
     helpText?: string;
     hiddenTextfield?: boolean;

package/dist/packages/slider/react.js

@@ -11,6 +11,11 @@ const BaseSlider = createComponent({
     elementClass: Component,
     react: React,
 });
+/**
+ * Parent component for sliders (both single and range sliders). Used in combination with a `<SliderThumb>`.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/slider/frameworks/elements)
+ */
 export const Slider = React.forwardRef(({ openEnded, helpText, hiddenTextfield, ...props }, ref) => React.createElement(BaseSlider, {
     ...props,
     ...(openEnded ? { "open-ended": true } : {}),

package/dist/packages/slider/slider.d.ts

@@ -3,6 +3,8 @@ import type { SliderSlot } from "../slider-thumb/slider-thumb.js";
 /**
  * Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.
  *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/slider/frameworks/elements)
+ *
  * @slot - For single sliders place a `<w-slider-thumb>` in the default slot.
  * @slot label - Label for the slider or range slider as a whole.
  * @slot description - Optional description between the label and slider.
@@ -119,4 +121,9 @@ declare class WarpSlider extends LitElement {
     get _label(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        "w-slider": WarpSlider;
+    }
+}
 export { WarpSlider };

package/dist/packages/slider/slider.js

@@ -1,4 +1,4 @@
-var me=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var P=a=>{throw TypeError(a)};var c=(a,r,e,o)=>{for(var t=o>1?void 0:o?ve(r,e):r,i=a.length-1,n;i>=0;i--)(n=a[i])&&(t=(o?n(r,e,t):n(t))||t);return o&&t&&me(r,e,t),t};var fe=(a,r,e)=>r.has(a)||P("Cannot "+e);var R=(a,r,e)=>r.has(a)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(a):r.set(a,e);var h=(a,r,e)=>(fe(a,r,"access private method"),e);import{css as qe,html as x,LitElement as le,nothing as T}from"lit";import{property as g,query as De,state as k}from"lit/decorators.js";var u=a=>typeof a=="string",we=a=>typeof a=="function",H=new Map,X="en";function Y(a){return[...Array.isArray(a)?a:[a],X]}function I(a,r,e){let o=Y(a);e||(e="default");let t;if(typeof e=="string")switch(t={day:"numeric",month:"short",year:"numeric"},e){case"full":t.weekday="long";case"long":t.month="long";break;case"short":t.month="numeric";break}else t=e;return E(()=>M("date",o,e),()=>new Intl.DateTimeFormat(o,t)).format(u(r)?new Date(r):r)}function xe(a,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return I(a,r,o)}function $(a,r,e){let o=Y(a);return E(()=>M("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function V(a,r,e,{offset:o=0,...t}){let i=Y(a),n=r?E(()=>M("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):E(()=>M("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return t[e]??t[n.select(e-o)]??t.other}function E(a,r){let e=a(),o=H.get(e);return o||(o=r(),H.set(e,o)),o}function M(a,r,e){let o=r.join("-");return`${a}-${o}-${JSON.stringify(e)}`}var Z=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,B=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let t=parseInt(e,16);return String.fromCharCode(t)}else{let t=parseInt(o,16);return String.fromCharCode(t)}}),J="%__lingui_octothorpe__%",ke=(a,r,e={})=>{let o=r||a,t=n=>typeof n=="object"?n:e[n],i=(n,s)=>{let b=Object.keys(e).length?t("number"):void 0,v=$(o,n,b);return s.replace(new RegExp(J,"g"),v)};return{plural:(n,s)=>{let{offset:b=0}=s,v=V(o,!1,n,s);return i(n-b,v)},selectordinal:(n,s)=>{let{offset:b=0}=s,v=V(o,!0,n,s);return i(n-b,v)},select:ye,number:(n,s)=>$(o,n,t(s)||{style:s}),date:(n,s)=>I(o,n,t(s)||s),time:(n,s)=>xe(o,n,t(s)||s)}},ye=(a,r)=>r[a]??r.other;function _e(a,r,e){return(o={},t)=>{let i=ke(r,e,t),n=(b,v=!1)=>Array.isArray(b)?b.reduce((y,_)=>{if(_==="#"&&v)return y+J;if(u(_))return y+_;let[D,f,O]=_,F={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(O).forEach(([C,ue])=>{F[C]=n(ue,f==="plural"||f==="selectordinal")}):F=O;let z;if(f){let C=i[f];z=C(o[D],F)}else z=o[D];return z==null?y:y+z},""):b,s=n(a);return u(s)&&Z.test(s)?B(s):u(s)?s:s?String(s):""}}var ze=Object.defineProperty,Ee=(a,r,e)=>r in a?ze(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,Me=(a,r,e)=>(Ee(a,typeof r!="symbol"?r+"":r,e),e),A=class{constructor(){Me(this,"_events",{})}on(r,e){var o;return(o=this._events)[r]??(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let t=o.indexOf(e);~t&&o.splice(t,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(t=>t.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Le=Object.defineProperty,Te=(a,r,e)=>r in a?Le(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,w=(a,r,e)=>(Te(a,typeof r!="symbol"?r+"":r,e),e),N=class extends A{constructor(r){super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??X,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(r,e){let o=this._localeData[r];o?Object.assign(o,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,t])=>this._load(o,t)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let t=o?.message;r||(r=""),u(r)||(e=r.values||e,t=r.message,r=r.id);let i=this.messages[r],n=i===void 0,s=this._missing;if(s&&n)return we(s)?s(this._locale,r):s;n&&this.emit("missing",{id:r,locale:this._locale});let b=i||t||r;return u(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
+var me=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var P=a=>{throw TypeError(a)};var c=(a,r,e,o)=>{for(var t=o>1?void 0:o?ve(r,e):r,i=a.length-1,n;i>=0;i--)(n=a[i])&&(t=(o?n(r,e,t):n(t))||t);return o&&t&&me(r,e,t),t};var fe=(a,r,e)=>r.has(a)||P("Cannot "+e);var R=(a,r,e)=>r.has(a)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(a):r.set(a,e);var h=(a,r,e)=>(fe(a,r,"access private method"),e);import{css as qe,html as x,LitElement as le,nothing as L}from"lit";import{property as g,query as De,state as k}from"lit/decorators.js";var u=a=>typeof a=="string",we=a=>typeof a=="function",H=new Map,X="en";function Y(a){return[...Array.isArray(a)?a:[a],X]}function I(a,r,e){let o=Y(a);e||(e="default");let t;if(typeof e=="string")switch(t={day:"numeric",month:"short",year:"numeric"},e){case"full":t.weekday="long";case"long":t.month="long";break;case"short":t.month="numeric";break}else t=e;return E(()=>M("date",o,e),()=>new Intl.DateTimeFormat(o,t)).format(u(r)?new Date(r):r)}function xe(a,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return I(a,r,o)}function $(a,r,e){let o=Y(a);return E(()=>M("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function V(a,r,e,{offset:o=0,...t}){let i=Y(a),n=r?E(()=>M("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):E(()=>M("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return t[e]??t[n.select(e-o)]??t.other}function E(a,r){let e=a(),o=H.get(e);return o||(o=r(),H.set(e,o)),o}function M(a,r,e){let o=r.join("-");return`${a}-${o}-${JSON.stringify(e)}`}var Z=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,B=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let t=parseInt(e,16);return String.fromCharCode(t)}else{let t=parseInt(o,16);return String.fromCharCode(t)}}),J="%__lingui_octothorpe__%",ke=(a,r,e={})=>{let o=r||a,t=n=>typeof n=="object"?n:e[n],i=(n,s)=>{let b=Object.keys(e).length?t("number"):void 0,v=$(o,n,b);return s.replace(new RegExp(J,"g"),v)};return{plural:(n,s)=>{let{offset:b=0}=s,v=V(o,!1,n,s);return i(n-b,v)},selectordinal:(n,s)=>{let{offset:b=0}=s,v=V(o,!0,n,s);return i(n-b,v)},select:ye,number:(n,s)=>$(o,n,t(s)||{style:s}),date:(n,s)=>I(o,n,t(s)||s),time:(n,s)=>xe(o,n,t(s)||s)}},ye=(a,r)=>r[a]??r.other;function _e(a,r,e){return(o={},t)=>{let i=ke(r,e,t),n=(b,v=!1)=>Array.isArray(b)?b.reduce((y,_)=>{if(_==="#"&&v)return y+J;if(u(_))return y+_;let[D,f,O]=_,F={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(O).forEach(([C,ue])=>{F[C]=n(ue,f==="plural"||f==="selectordinal")}):F=O;let z;if(f){let C=i[f];z=C(o[D],F)}else z=o[D];return z==null?y:y+z},""):b,s=n(a);return u(s)&&Z.test(s)?B(s):u(s)?s:s?String(s):""}}var ze=Object.defineProperty,Ee=(a,r,e)=>r in a?ze(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,Me=(a,r,e)=>(Ee(a,typeof r!="symbol"?r+"":r,e),e),N=class{constructor(){Me(this,"_events",{})}on(r,e){var o;return(o=this._events)[r]??(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let t=o.indexOf(e);~t&&o.splice(t,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(t=>t.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Te=Object.defineProperty,Le=(a,r,e)=>r in a?Te(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,w=(a,r,e)=>(Le(a,typeof r!="symbol"?r+"":r,e),e),A=class extends N{constructor(r){super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??X,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(r,e){let o=this._localeData[r];o?Object.assign(o,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,t])=>this._load(o,t)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let t=o?.message;r||(r=""),u(r)||(e=r.values||e,t=r.message,r=r.id);let i=this.messages[r],n=i===void 0,s=this._missing;if(s&&n)return we(s)?s(this._locale,r):s;n&&this.emit("missing",{id:r,locale:this._locale});let b=i||t||r;return u(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
 
 > ${b}
 
@@ -6,7 +6,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),u(b)&&Z.test(b)?B(b):u(b)?b:_e(b,this._locale,this._locales)(e,o?.formats)}date(r,e){return I(this._locales||this._locale,r,e)}number(r,e){return $(this._locales||this._locale,r,e)}};function Se(a={}){return new N(a)}var p=Se();var Fe=["en","nb","fi","da","sv"],j="en",L=a=>Fe.find(r=>a===r||a.toLowerCase().includes(r))||j;function U(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return L(a)}try{let a=G(document);if(a)return L(a);let r=Ne();if(r)return L(r);let e=G(ee());return e?L(e):j}catch(a){return console.warn("could not detect locale, falling back to source locale",a),j}}var Q=(a,r,e,o,t)=>{p.load("en",a),p.load("nb",r),p.load("fi",e),p.load("da",o),p.load("sv",t);let i=U();p.activate(i),W(),$e()},Ce="warp-i18n-change";function W(){typeof window>"u"||window.dispatchEvent(new Event(Ce))}var K=!1;function $e(){if(K||typeof window>"u"||!document?.documentElement)return;K=!0;let a=()=>{let t=U();p.locale!==t&&(p.activate(t),W())},r=new MutationObserver(t=>{for(let i of t)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=ee();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Ae();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function ee(){try{return window.parent?.document??null}catch{return null}}function G(a){try{return a?.documentElement?.lang??""}catch{return""}}function Ae(){try{return window.frameElement??null}catch{return null}}function Ne(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Ye}from"lit";import{unsafeCSS as Ie}from"lit";var re=Ye`
+`)),u(b)&&Z.test(b)?B(b):u(b)?b:_e(b,this._locale,this._locales)(e,o?.formats)}date(r,e){return I(this._locales||this._locale,r,e)}number(r,e){return $(this._locales||this._locale,r,e)}};function Se(a={}){return new A(a)}var p=Se();var Fe=["en","nb","fi","da","sv"],j="en",T=a=>Fe.find(r=>a===r||a.toLowerCase().includes(r))||j;function U(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return T(a)}try{let a=G(document);if(a)return T(a);let r=Ae();if(r)return T(r);let e=G(ee());return e?T(e):j}catch(a){return console.warn("could not detect locale, falling back to source locale",a),j}}var Q=(a,r,e,o,t)=>{p.load("en",a),p.load("nb",r),p.load("fi",e),p.load("da",o),p.load("sv",t);let i=U();p.activate(i),W(),$e()},Ce="warp-i18n-change";function W(){typeof window>"u"||window.dispatchEvent(new Event(Ce))}var K=!1;function $e(){if(K||typeof window>"u"||!document?.documentElement)return;K=!0;let a=()=>{let t=U();p.locale!==t&&(p.activate(t),W())},r=new MutationObserver(t=>{for(let i of t)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=ee();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Ne();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function ee(){try{return window.parent?.document??null}catch{return null}}function G(a){try{return a?.documentElement?.lang??""}catch{return""}}function Ne(){try{return window.frameElement??null}catch{return null}}function Ae(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Ye}from"lit";import{unsafeCSS as Ie}from"lit";var re=Ye`
 	*,
 	:before,
 	:after {
@@ -2617,7 +2617,7 @@ Please compile your catalog first.
 	}
 `;var l,m,de,ce,be,he,ge,pe,q,S,d=class extends le{constructor(){super();R(this,l);this.disabled=!1;this.openEnded=!1;this.invalid=!1;this.required=!1;this.optional=!1;this.hiddenTextfield=!1;this._invalidMessage="";this._hasInternalError=!1;this._showError=!1;this._tabbableElements=[];this._hasLabel=!1;Q(te,ie,ae,oe,ne)}get edgeMin(){return this.openEnded?(Number(this.min)-1).toString():this.min}get edgeMax(){return this.openEnded?(Number(this.max)+1).toString():this.max}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.step&&this.fieldset.style.setProperty("--step",String(this.step)),this.min!==void 0&&this.fieldset.style.setProperty("--min",this.edgeMin),this.max!==void 0&&this.fieldset.style.setProperty("--max",this.max),this.markers&&this.fieldset.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.fieldset.style.setProperty("--over-under-offset","1"),this.label&&(this._hasLabel=!0);let e=this.querySelectorAll("w-slider-thumb");if(e.length===2){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");let t=[...e];this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=t[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=t[1].shadowRoot.querySelector("w-textfield")}else if(e.length===1){let t=[...e];this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),h(this,l,m).call(this)}updated(e){(e.has("disabled")||e.has("required")||e.has("min")||e.has("step")||e.has("max")||e.has("suffix")||e.has("labelFormatter")||e.has("valueFormatter")||e.has("_invalidMessage")||e.has("_hasInternalError"))&&h(this,l,m).call(this),(e.has("error")||e.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,h(this,l,m).call(this))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}_handleLabelSlotChange(e){let t=e.target.assignedElements().length>0;this._hasLabel=t||!!this.label,console.log("Label content changed, has label:",this._hasLabel)}get _label(){let e=this._hasLabel&&this.optional&&!this.required?x`<span class="w-slider__optional"
 						>${p._({id:"select.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}</span
-					>`:T;return this.label?x`<legend class="w-slider__label">
+					>`:L;return this.label?x`<legend class="w-slider__label">
 					<slot
 						id="label"
 						name="label"
@@ -2638,12 +2638,12 @@ Please compile your catalog first.
 				@slidervalidity="${h(this,l,pe)}"
 				@thumbreset="${h(this,l,de)}"
 				@keydown="${h(this,l,he)}"
-				aria-invalid="${this.errorText?"true":T}"
+				aria-invalid="${this.errorText?"true":L}"
 				?disabled="${this.disabled}"
 			>
 				${this._label}
 				<slot class="w-slider__description" name="description"></slot>
-				${this.markers?x`<div class="w-slider__markers"></div>`:T}
+				${this.markers?x`<div class="w-slider__markers"></div>`:L}
 				<div class="w-slider__range">
 					<div class="w-slider__active-range"></div>
 				</div>
@@ -2665,7 +2665,7 @@ Please compile your catalog first.
 							${this.errorText}
 						</p>`:this.helpText?x`<p class="w-slider__help-text" aria-describes="fieldset">
 								${this.helpText}
-							</p>`:T}
+							</p>`:L}
 			</fieldset>
 		`}};l=new WeakSet,m=function(){let e=this.querySelectorAll("w-slider-thumb"),o=!1;for(let t of e.values())t.min=this.edgeMin,t.max=this.edgeMax,t.step=this.step,t.suffix=this.suffix??"",t.required=this.required,t.labelFormatter=this.labelFormatter,t.valueFormatter=this.valueFormatter,t.tooltipFormatter=this.tooltipFormatter,t.openEnded=this.openEnded,t._hiddenTextfield=this.hiddenTextfield,t.ariaLabel||(t.slot||(t.ariaLabel=this.label||null),t.slot==="from"&&(t.ariaLabel=`${this.label} min`),t.slot==="to"&&(t.ariaLabel=`${this.label} max`)),(t.slot==="from"||t.slot==="to")&&(o=!0),t.disabled=this.disabled,t.invalid=!!this.errorText,h(this,l,S).call(this,t);o?(this.fieldset.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),this.fieldset.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):this.fieldset.style.setProperty("--active-range-border-radius","4px")},de=function(e){e.stopPropagation();let o=e.target;h(this,l,S).call(this,o)},ce=function(e){let o=e.target;h(this,l,S).call(this,o),o.slot&&h(this,l,ge).call(this)},be=function(){this.componentHasError?this._showError=!0:this._showError=!1,h(this,l,m).call(this)},he=function(e){if(e.key==="Tab"){let o=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(o===-1)return;let t=e.shiftKey?-1:1,i=this._tabbableElements[o+t];if(!i)return;e.preventDefault(),i.focus()}},ge=function(){let e=null,o=null,t=this.querySelectorAll("w-slider-thumb");for(let i of t.values())i.slot==="from"&&(e=i),i.slot==="to"&&(o=i);!e||!o||!e.invalid&&o.invalid},pe=function(e){e.stopPropagation();let o=this._hasInternalError||this.invalid,t=e.target;if(this._hasInternalError=!!e.detail.invalid||this.invalid,this._invalidMessage=e.detail.invalid,o===!0&&this._hasInternalError===!1){let i=this.querySelectorAll("w-slider-thumb");for(let n of i.values())n!==t&&n.updateFieldAfterValidation()}},q=function(e,o){return o.value??=this.openEnded?"":e,o.value===""?e:o.value},S=function(e){let o=e.slot;o||this.fieldset.style.setProperty("--from","0"),o==="from"&&this.fieldset.style.setProperty("--from",h(this,l,q).call(this,this.edgeMin,e)),(!o||o==="to")&&this.fieldset.style.setProperty("--to",h(this,l,q).call(this,this.edgeMax,e))},d.shadowRootOptions={...le.shadowRootOptions,delegatesFocus:!0},d.styles=[re,se,qe`
 			:host {