@warp-ds/elements 2.9.1-next.1 → 2.9.1-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +21 -23
- package/dist/docs/attention/api.md +6 -3
- package/dist/docs/attention/attention.md +6 -3
- package/dist/docs/slider-thumb/api.md +0 -24
- package/dist/docs/slider-thumb/slider-thumb.md +0 -24
- package/dist/index.d.ts +0 -18
- package/dist/packages/affix/affix.js +11 -12
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/alert/alert.d.ts +1 -1
- package/dist/packages/alert/alert.js.map +1 -1
- package/dist/packages/attention/attention.d.ts +3 -2
- package/dist/packages/attention/attention.js +27 -28
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/breadcrumbs/breadcrumbs.js +7 -8
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
- package/dist/packages/button/button.d.ts +4 -2
- package/dist/packages/button/button.js +14 -15
- package/dist/packages/button/button.js.map +4 -4
- package/dist/packages/card/card.js +8 -9
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/checkbox/checkbox.d.ts +2 -0
- package/dist/packages/checkbox/checkbox.js +3 -3
- package/dist/packages/checkbox/checkbox.js.map +2 -2
- package/dist/packages/checkbox/checkbox.test.js +20 -0
- package/dist/packages/checkbox-group/checkbox-group.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.js +15 -16
- package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
- package/dist/packages/checkbox-group/locales/da/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/en/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/fi/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/nb/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/sv/messages.mjs +1 -1
- package/dist/packages/combobox/combobox.js +13 -14
- package/dist/packages/combobox/combobox.js.map +4 -4
- package/dist/packages/combobox/locales/da/messages.mjs +1 -1
- package/dist/packages/combobox/locales/en/messages.mjs +1 -1
- package/dist/packages/combobox/locales/fi/messages.mjs +1 -1
- package/dist/packages/combobox/locales/nb/messages.mjs +1 -1
- package/dist/packages/combobox/locales/sv/messages.mjs +1 -1
- package/dist/packages/datepicker/datepicker.d.ts +2 -0
- package/dist/packages/datepicker/datepicker.js +51 -52
- package/dist/packages/datepicker/datepicker.js.map +4 -4
- package/dist/packages/datepicker/datepicker.stories.js +8 -1
- package/dist/packages/datepicker/datepicker.test.js +23 -1
- package/dist/packages/datepicker/locales/da/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/en/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/fi/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/nb/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/sv/messages.mjs +1 -1
- package/dist/packages/link/link.d.ts +2 -0
- package/dist/packages/modal-header/modal-header.js +13 -14
- package/dist/packages/modal-header/modal-header.js.map +4 -4
- package/dist/packages/page-indicator/page-indicator.js +7 -8
- package/dist/packages/page-indicator/page-indicator.js.map +4 -4
- package/dist/packages/pagination/locales/da/messages.mjs +1 -1
- package/dist/packages/pagination/locales/en/messages.mjs +1 -1
- package/dist/packages/pagination/locales/fi/messages.mjs +1 -1
- package/dist/packages/pagination/locales/nb/messages.mjs +1 -1
- package/dist/packages/pagination/locales/sv/messages.mjs +1 -1
- package/dist/packages/pagination/pagination.js +31 -32
- package/dist/packages/pagination/pagination.js.map +4 -4
- package/dist/packages/pill/pill.js +11 -12
- package/dist/packages/pill/pill.js.map +4 -4
- package/dist/packages/radio/radio.d.ts +2 -0
- package/dist/packages/radio/radio.js +2 -2
- package/dist/packages/radio/radio.js.map +2 -2
- package/dist/packages/radio/radio.test.js +21 -1
- package/dist/packages/radio-group/radio-group.d.ts +2 -0
- package/dist/packages/radio-group/radio-group.js +17 -18
- package/dist/packages/radio-group/radio-group.js.map +4 -4
- package/dist/packages/select/select.js +19 -20
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/select/select.stories.js +7 -5
- package/dist/packages/select/select.test.js +23 -2
- package/dist/packages/slider/locales/da/messages.mjs +1 -1
- package/dist/packages/slider/locales/en/messages.mjs +1 -1
- package/dist/packages/slider/locales/fi/messages.mjs +1 -1
- package/dist/packages/slider/locales/nb/messages.mjs +1 -1
- package/dist/packages/slider/locales/sv/messages.mjs +1 -1
- package/dist/packages/slider/slider.d.ts +2 -0
- package/dist/packages/slider/slider.js +22 -23
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider/slider.stories.js +6 -3
- package/dist/packages/slider-thumb/slider-thumb.d.ts +5 -0
- package/dist/packages/slider-thumb/slider-thumb.js +33 -34
- package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
- package/dist/packages/step/locales/da/messages.mjs +1 -1
- package/dist/packages/step/locales/en/messages.mjs +1 -1
- package/dist/packages/step/locales/fi/messages.mjs +1 -1
- package/dist/packages/step/locales/nb/messages.mjs +1 -1
- package/dist/packages/step/locales/sv/messages.mjs +1 -1
- package/dist/packages/step/step.js +11 -12
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/switch/switch.d.ts +2 -0
- package/dist/packages/tab/tab.d.ts +2 -0
- package/dist/packages/tabs/tabs.js +1 -1
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/textarea/textarea.d.ts +2 -0
- package/dist/packages/textarea/textarea.js +20 -21
- package/dist/packages/textarea/textarea.js.map +4 -4
- package/dist/packages/textfield/textfield.d.ts +2 -0
- package/dist/packages/textfield/textfield.js +9 -8
- package/dist/packages/textfield/textfield.js.map +3 -3
- package/dist/packages/textfield/textfield.test.js +17 -0
- package/dist/packages/toast/toast.js +13 -14
- package/dist/packages/toast/toast.js.map +4 -4
- package/dist/web-types.json +6 -6
- package/package.json +19 -19
|
@@ -8,11 +8,13 @@ const meta = {
|
|
|
8
8
|
title: 'Forms/Select',
|
|
9
9
|
render(args) {
|
|
10
10
|
return html `
|
|
11
|
-
<
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
<form>
|
|
12
|
+
<w-select ${spread(prespread(args))}>
|
|
13
|
+
<option value="raspberries">Raspberries</option>
|
|
14
|
+
<option value="strawberries" selected>Strawberries</option>
|
|
15
|
+
<option value="cloudberries">Cloudberries</option>
|
|
16
|
+
</w-select>
|
|
17
|
+
</form>
|
|
16
18
|
`;
|
|
17
19
|
},
|
|
18
20
|
args,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { userEvent } from '
|
|
1
|
+
import { server, userEvent } from 'vitest/browser';
|
|
2
2
|
import { html } from 'lit';
|
|
3
|
-
import { expect, test } from 'vitest';
|
|
3
|
+
import { expect, test, vi } from 'vitest';
|
|
4
4
|
import { render } from 'vitest-browser-lit';
|
|
5
5
|
import './select.js';
|
|
6
6
|
test('works in a form', async () => {
|
|
@@ -227,3 +227,24 @@ test('reflects dynamic light-DOM option selected changes into native select', as
|
|
|
227
227
|
return nativeSelect.value;
|
|
228
228
|
}).toBe('beta');
|
|
229
229
|
});
|
|
230
|
+
/* For some reason this test fails only in Chromium and only on CI. Manually tested OK in Chrome. */
|
|
231
|
+
test.skipIf(server.browser === 'chromium' && server.config.env.CI)('submits the associated form when radio has focus and user presses Enter', async () => {
|
|
232
|
+
const screen = render(html `
|
|
233
|
+
<form>
|
|
234
|
+
<w-select data-testid="select" label="Select">
|
|
235
|
+
<option value="alpha" selected>Alpha</option>
|
|
236
|
+
<option value="beta">Beta</option>
|
|
237
|
+
</w-select>
|
|
238
|
+
<button type="submit">Submit</button>
|
|
239
|
+
</form>
|
|
240
|
+
`);
|
|
241
|
+
const onSubmit = vi.fn();
|
|
242
|
+
const form = document.querySelector('form');
|
|
243
|
+
form.addEventListener('submit', (event) => {
|
|
244
|
+
event.preventDefault();
|
|
245
|
+
onSubmit();
|
|
246
|
+
});
|
|
247
|
+
await userEvent.click(screen.getByTestId('select'));
|
|
248
|
+
await userEvent.keyboard('{Enter}');
|
|
249
|
+
expect(onSubmit).toHaveBeenCalled();
|
|
250
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.
|
|
1
|
+
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.error.out_of_bounds\":[\"Værdien skal være mellem \",[\"min\"],\" og \",[\"max\"]],\"slider.error.overlap\":[\"Maksimumværdien må ikke være mindre end minimumværdien\"],\"slider.error.required\":[\"Dette felt er påkrævet\"],\"slider.label.from\":[\"From\"],\"slider.label.to\":[\"To\"],\"slider.placeholder.from\":[\"Min\"],\"slider.placeholder.to\":[\"Max\"]}");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.
|
|
1
|
+
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.error.out_of_bounds\":[\"Value must be between \",[\"min\"],\" and \",[\"max\"]],\"slider.error.overlap\":[\"The maximum value cannot be less than the minimum\"],\"slider.error.required\":[\"This field is required\"],\"slider.label.from\":[\"From\"],\"slider.label.to\":[\"To\"],\"slider.placeholder.from\":[\"Min\"],\"slider.placeholder.to\":[\"Max\"]}");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.
|
|
1
|
+
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.error.out_of_bounds\":[\"Arvon on oltava välillä \",[\"min\"],\" - \",[\"max\"]],\"slider.error.overlap\":[\"Maksimiarvo ei voi olla pienempi kuin minimiarvo\"],\"slider.error.required\":[\"Tämä kenttä on pakollinen\"],\"slider.label.from\":[\"From\"],\"slider.label.to\":[\"To\"],\"slider.placeholder.from\":[\"Min\"],\"slider.placeholder.to\":[\"Max\"]}");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.
|
|
1
|
+
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.error.out_of_bounds\":[\"Verdien må være mellom \",[\"min\"],\" og \",[\"max\"]],\"slider.error.overlap\":[\"Maksimumsverdien kan ikke være mindre enn minimumsverdien\"],\"slider.error.required\":[\"Dette feltet er påkrevd\"],\"slider.label.from\":[\"From\"],\"slider.label.to\":[\"To\"],\"slider.placeholder.from\":[\"Min\"],\"slider.placeholder.to\":[\"Max\"]}");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.
|
|
1
|
+
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.error.out_of_bounds\":[\"Värdet måste vara mellan \",[\"min\"],\" och \",[\"max\"]],\"slider.error.overlap\":[\"Maxvärdet kan inte vara mindre än minimivärdet\"],\"slider.error.required\":[\"Detta fält är obligatoriskt\"],\"slider.label.from\":[\"From\"],\"slider.label.to\":[\"To\"],\"slider.placeholder.from\":[\"Min\"],\"slider.placeholder.to\":[\"Max\"]}");
|
|
@@ -15,6 +15,8 @@ declare class WarpSlider extends LitElement {
|
|
|
15
15
|
#private;
|
|
16
16
|
static shadowRootOptions: {
|
|
17
17
|
delegatesFocus: boolean;
|
|
18
|
+
clonable?: boolean;
|
|
19
|
+
customElementRegistry?: CustomElementRegistry;
|
|
18
20
|
mode: ShadowRootMode;
|
|
19
21
|
serializable?: boolean;
|
|
20
22
|
slotAssignment?: SlotAssignmentMode;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Re(o){return Ye.get(o)||o}var He=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function W(o,r=!1){return o.replace(He,function(e,t,a,i,n,s,d,h,x){if(t!==void 0)return"\\";if(a!==void 0)return qe(a);if(i!==void 0)return $e(i);if(n!==void 0)return Q(n,s);if(d!==void 0)return Q(d);if(h==="0")return"\0";if(h!==void 0)return Pe(h,!r);if(x!==void 0)return Re(x);throw new SyntaxError(p.errorMessages.get(p.ErrorType.EndOfString))})}m.unraw=W;m.default=W});import{html as z,LitElement as ke,nothing as H}from"lit";import{property as g,query as sr,state as O}from"lit/decorators.js";var te=De(ee(),1);var f=o=>typeof o=="string",Xe=o=>typeof o=="function",re=new Map,ae="en";function P(o){return[...Array.isArray(o)?o:[o],ae]}function Y(o,r,e){let t=P(o);e||(e="default");let a;if(typeof e=="string")switch(a={day:"numeric",month:"short",year:"numeric"},e){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=e;return L(()=>C("date",t,e),()=>new Intl.DateTimeFormat(t,a)).format(f(r)?new Date(r):r)}function Ue(o,r,e){let t;if(e||(e="default"),typeof e=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=e;return Y(o,r,t)}function q(o,r,e){let t=P(o);return L(()=>C("number",t,e),()=>new Intl.NumberFormat(t,e)).format(r)}function oe(o,r,e,{offset:t=0,...a}){var s,d;let i=P(o),n=r?L(()=>C("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):L(()=>C("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(d=(s=a[e])!=null?s:a[n.select(e-t)])!=null?d:a.other}function L(o,r){let e=o(),t=re.get(e);return t||(t=r(),re.set(e,t)),t}function C(o,r,e){let t=r.join("-");return`${o}-${t}-${JSON.stringify(e)}`}var ie=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ne="%__lingui_octothorpe__%",Ve=(o,r,e={})=>{let t=r||o,a=n=>typeof n=="object"?n:e[n],i=(n,s)=>{let d=Object.keys(e).length?a("number"):void 0,h=q(t,n,d);return s.replace(new RegExp(ne,"g"),h)};return{plural:(n,s)=>{let{offset:d=0}=s,h=oe(t,!1,n,s);return i(n-d,h)},selectordinal:(n,s)=>{let{offset:d=0}=s,h=oe(t,!0,n,s);return i(n-d,h)},select:Ze,number:(n,s)=>q(t,n,a(s)||{style:s}),date:(n,s)=>Y(t,n,a(s)||s),time:(n,s)=>Ue(t,n,a(s)||s)}},Ze=(o,r)=>{var e;return(e=r[o])!=null?e:r.other};function Be(o,r,e){return(t={},a)=>{let i=Ve(r,e,a),n=(d,h=!1)=>Array.isArray(d)?d.reduce((x,M)=>{if(M==="#"&&h)return x+ne;if(f(M))return x+M;let[U,k,V]=M,D={};k==="plural"||k==="selectordinal"||k==="select"?Object.entries(V).forEach(([A,Se])=>{D[A]=n(Se,k==="plural"||k==="selectordinal")}):D=V;let T;if(k){let A=i[k];T=A(t[U],D)}else T=t[U];return T==null?x:x+T},""):d,s=n(o);return f(s)&&ie.test(s)?(0,te.unraw)(s):f(s)?s:s?String(s):""}}var Je=Object.defineProperty,Ge=(o,r,e)=>r in o?Je(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,Ke=(o,r,e)=>(Ge(o,typeof r!="symbol"?r+"":r,e),e),j=class{constructor(){Ke(this,"_events",{})}on(r,e){var a;var t;return(a=(t=this._events)[r])!=null||(t[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let t=this._getListeners(r);if(!t)return;let a=t.indexOf(e);~a&&t.splice(a,1)}emit(r,...e){let t=this._getListeners(r);t&&t.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Qe=Object.defineProperty,We=(o,r,e)=>r in o?Qe(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,_=(o,r,e)=>(We(o,typeof r!="symbol"?r+"":r,e),e),$=class extends j{constructor(r){var e;super(),_(this,"_locale",""),_(this,"_locales"),_(this,"_localeData",{}),_(this,"_messages",{}),_(this,"_missing"),_(this,"_messageCompiler"),_(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((e=r.locale)!=null?e:ae,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var r;return(r=this._messages[this._locale])!=null?r:{}}get localeData(){var r;return(r=this._localeData[this._locale])!=null?r:{}}_loadLocaleData(r,e){let t=this._localeData[r];t?Object.assign(t,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(t=>this._loadLocaleData(t,r[t])),this.emit("change")}_load(r,e){let t=this._messages[r];t?Object.assign(t,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:t}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=t,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,t){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 a=t==null?void 0:t.message;r||(r=""),f(r)||(e=r.values||e,a=r.message,r=r.id);let i=this.messages[r],n=i===void 0,s=this._missing;if(s&&n)return Xe(s)?s(this._locale,r):s;n&&this.emit("missing",{id:r,locale:this._locale});let d=i||a||r;return f(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
|
|
1
|
+
var ve=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var P=t=>{throw TypeError(t)};var b=(t,r,e,o)=>{for(var a=o>1?void 0:o?fe(r,e):r,i=t.length-1,s;i>=0;i--)(s=t[i])&&(a=(o?s(r,e,a):s(a))||a);return o&&a&&ve(r,e,a),a};var we=(t,r,e)=>r.has(t)||P("Cannot "+e);var R=(t,r,e)=>r.has(t)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e);var h=(t,r,e)=>(we(t,r,"access private method"),e);import{html as x,LitElement as de,nothing as j}from"lit";import{property as g,query as je,state as T}from"lit/decorators.js";var u=t=>typeof t=="string",xe=t=>typeof t=="function",X=new Map,Z="en";function Y(t){return[...Array.isArray(t)?t:[t],Z]}function $(t,r,e){let o=Y(t);e||(e="default");let a;if(typeof e=="string")switch(a={day:"numeric",month:"short",year:"numeric"},e){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=e;return z(()=>E("date",o,e),()=>new Intl.DateTimeFormat(o,a)).format(u(r)?new Date(r):r)}function ke(t,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 $(t,r,o)}function N(t,r,e){let o=Y(t);return z(()=>E("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function V(t,r,e,{offset:o=0,...a}){var n,c;let i=Y(t),s=r?z(()=>E("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):z(()=>E("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(c=(n=a[e])!=null?n:a[s.select(e-o)])!=null?c:a.other}function z(t,r){let e=t(),o=X.get(e);return o||(o=r(),X.set(e,o)),o}function E(t,r,e){let o=r.join("-");return`${t}-${o}-${JSON.stringify(e)}`}var H=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,B=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let a=parseInt(e,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),J="%__lingui_octothorpe__%",ye=(t,r,e={})=>{let o=r||t,a=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let c=Object.keys(e).length?a("number"):void 0,v=N(o,s,c);return n.replace(new RegExp(J,"g"),v)};return{plural:(s,n)=>{let{offset:c=0}=n,v=V(o,!1,s,n);return i(s-c,v)},selectordinal:(s,n)=>{let{offset:c=0}=n,v=V(o,!0,s,n);return i(s-c,v)},select:_e,number:(s,n)=>N(o,s,a(n)||{style:n}),date:(s,n)=>$(o,s,a(n)||n),time:(s,n)=>ke(o,s,a(n)||n)}},_e=(t,r)=>{var e;return(e=r[t])!=null?e:r.other};function ze(t,r,e){return(o={},a)=>{let i=ye(r,e,a),s=(c,v=!1)=>Array.isArray(c)?c.reduce((k,y)=>{if(y==="#"&&v)return k+J;if(u(y))return k+y;let[I,f,O]=y,S={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(O).forEach(([F,me])=>{S[F]=s(me,f==="plural"||f==="selectordinal")}):S=O;let _;if(f){let F=i[f];_=F(o[I],S)}else _=o[I];return _==null?k:k+_},""):c,n=s(t);return u(n)&&H.test(n)?B(n):u(n)?n:n?String(n):""}}var Ee=Object.defineProperty,Me=(t,r,e)=>r in t?Ee(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,Te=(t,r,e)=>(Me(t,typeof r!="symbol"?r+"":r,e),e),A=class{constructor(){Te(this,"_events",{})}on(r,e){var a;var o;return(a=(o=this._events)[r])!=null||(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let a=o.indexOf(e);~a&&o.splice(a,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Le=Object.defineProperty,Se=(t,r,e)=>r in t?Le(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,w=(t,r,e)=>(Se(t,typeof r!="symbol"?r+"":r,e),e),C=class extends A{constructor(r){var e;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((e=r.locale)!=null?e:Z,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var r;return(r=this._messages[this._locale])!=null?r:{}}get localeData(){var r;return(r=this._localeData[this._locale])!=null?r:{}}_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,a])=>this._load(o,a)),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 a=o==null?void 0:o.message;r||(r=""),u(r)||(e=r.values||e,a=r.message,r=r.id);let i=this.messages[r],s=i===void 0,n=this._missing;if(n&&s)return xe(n)?n(this._locale,r):n;s&&this.emit("missing",{id:r,locale:this._locale});let c=i||a||r;return u(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
|
|
3
2
|
|
|
4
|
-
> ${
|
|
3
|
+
> ${c}
|
|
5
4
|
|
|
6
5
|
That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
|
|
7
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
7
|
|
|
9
8
|
Please compile your catalog first.
|
|
10
|
-
`)),
|
|
9
|
+
`)),u(c)&&H.test(c)?B(c):u(c)?c:ze(c,this._locale,this._locales)(e,o==null?void 0:o.formats)}date(r,e){return $(this._locales||this._locale,r,e)}number(r,e){return N(this._locales||this._locale,r,e)}};function Fe(t={}){return new C(t)}var p=Fe();var Ne=["en","nb","fi","da","sv"],D="en",M=t=>Ne.find(r=>t===r||t.toLowerCase().includes(r))||D;function U(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(t)}try{let t=G(document);if(t)return M(t);let r=$e();if(r)return M(r);let e=G(ee());return e?M(e):D}catch(t){return console.warn("could not detect locale, falling back to source locale",t),D}}var Q=(t,r,e,o,a)=>{p.load("en",t),p.load("nb",r),p.load("fi",e),p.load("da",o),p.load("sv",a);let i=U();p.activate(i),W(),Ce()},Ae="warp-i18n-change";function W(){typeof window!="undefined"&&window.dispatchEvent(new Event(Ae))}var K=!1;function Ce(){if(K||typeof window=="undefined"||!(document!=null&&document.documentElement))return;K=!0;let t=()=>{let a=U();p.locale!==a&&(p.activate(a),W())},r=new MutationObserver(a=>{for(let i of a)if(i.type==="attributes"&&i.attributeName==="lang"){t();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=Ye();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function ee(){var t,r;try{return(r=(t=window.parent)==null?void 0:t.document)!=null?r:null}catch(e){return null}}function G(t){var r,e;try{return(e=(r=t==null?void 0:t.documentElement)==null?void 0:r.lang)!=null?e:""}catch(o){return""}}function Ye(){var t;try{return(t=window.frameElement)!=null?t:null}catch(r){return null}}function $e(){var t,r,e;try{return(e=(r=(t=window.frameElement)==null?void 0:t.getAttribute)==null?void 0:r.call(t,"lang"))!=null?e:""}catch(o){return""}}import{css as re}from"lit";var oe=re`
|
|
11
10
|
*,
|
|
12
11
|
:before,
|
|
13
12
|
:after {
|
|
@@ -280,7 +279,7 @@ Please compile your catalog first.
|
|
|
280
279
|
svg {
|
|
281
280
|
pointer-events: none;
|
|
282
281
|
}
|
|
283
|
-
`,
|
|
282
|
+
`,Ve=re`*, :before, :after {
|
|
284
283
|
--w-rotate: 0;
|
|
285
284
|
--w-rotate-x: 0;
|
|
286
285
|
--w-rotate-y: 0;
|
|
@@ -2446,7 +2445,7 @@ Please compile your catalog first.
|
|
|
2446
2445
|
display: none
|
|
2447
2446
|
}
|
|
2448
2447
|
}
|
|
2449
|
-
`;var
|
|
2448
|
+
`;var te=JSON.parse('{"slider.error.out_of_bounds":["V\xE6rdien skal v\xE6re mellem ",["min"]," og ",["max"]],"slider.error.overlap":["Maksimumv\xE6rdien m\xE5 ikke v\xE6re mindre end minimumv\xE6rdien"],"slider.error.required":["Dette felt er p\xE5kr\xE6vet"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var ae=JSON.parse('{"slider.error.out_of_bounds":["Value must be between ",["min"]," and ",["max"]],"slider.error.overlap":["The maximum value cannot be less than the minimum"],"slider.error.required":["This field is required"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var ie=JSON.parse('{"slider.error.out_of_bounds":["Arvon on oltava v\xE4lill\xE4 ",["min"]," - ",["max"]],"slider.error.overlap":["Maksimiarvo ei voi olla pienempi kuin minimiarvo"],"slider.error.required":["T\xE4m\xE4 kentt\xE4 on pakollinen"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var se=JSON.parse('{"slider.error.out_of_bounds":["Verdien m\xE5 v\xE6re mellom ",["min"]," og ",["max"]],"slider.error.overlap":["Maksimumsverdien kan ikke v\xE6re mindre enn minimumsverdien"],"slider.error.required":["Dette feltet er p\xE5krevd"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var ne=JSON.parse('{"slider.error.out_of_bounds":["V\xE4rdet m\xE5ste vara mellan ",["min"]," och ",["max"]],"slider.error.overlap":["Maxv\xE4rdet kan inte vara mindre \xE4n minimiv\xE4rdet"],"slider.error.required":["Detta f\xE4lt \xE4r obligatoriskt"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');import{css as De}from"lit";var le=De`
|
|
2450
2449
|
.w-slider {
|
|
2451
2450
|
position: relative;
|
|
2452
2451
|
border: none;
|
|
@@ -2598,45 +2597,45 @@ Please compile your catalog first.
|
|
|
2598
2597
|
bottom: 0;
|
|
2599
2598
|
grid-area: slider;
|
|
2600
2599
|
}
|
|
2601
|
-
`;var l,
|
|
2600
|
+
`;var l,m,ce,be,he,ge,pe,ue,q,L,d=class extends de{constructor(){super();R(this,l);this.disabled=!1;this.openEnded=!1;this.invalid=!1;this.required=!1;this.hiddenTextfield=!1;this._invalidMessage="";this._hasInternalError=!1;this._showError=!1;this._tabbableElements=[];Q(ae,se,ie,te,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");let e=this.querySelectorAll("w-slider-thumb");if(e.length===2){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");let a=Array.from(e);this._tabbableElements[0]=a[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=a[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=a[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=a[1].shadowRoot.querySelector("w-textfield")}else if(e.length===1){let a=Array.from(e);this._tabbableElements[0]=a[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=a[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:""}render(){return x`
|
|
2602
2601
|
<fieldset
|
|
2603
2602
|
id="fieldset"
|
|
2604
2603
|
class="w-slider"
|
|
2605
|
-
@input="${
|
|
2606
|
-
@focusout="${
|
|
2607
|
-
@slidervalidity="${
|
|
2608
|
-
@thumbreset="${
|
|
2609
|
-
@keydown="${
|
|
2610
|
-
aria-invalid="${this.errorText?"true":
|
|
2604
|
+
@input="${h(this,l,be)}"
|
|
2605
|
+
@focusout="${h(this,l,he)}"
|
|
2606
|
+
@slidervalidity="${h(this,l,ue)}"
|
|
2607
|
+
@thumbreset="${h(this,l,ce)}"
|
|
2608
|
+
@keydown="${h(this,l,ge)}"
|
|
2609
|
+
aria-invalid="${this.errorText?"true":j}"
|
|
2611
2610
|
?disabled="${this.disabled}"
|
|
2612
2611
|
>
|
|
2613
|
-
${this.label?
|
|
2612
|
+
${this.label?x`<legend class="w-slider__label">
|
|
2614
2613
|
<slot id="label" name="label">${this.label}</slot>
|
|
2615
|
-
</legend>`:
|
|
2614
|
+
</legend>`:x`<slot id="label" name="label"></slot>`}
|
|
2616
2615
|
<slot class="w-slider__description" name="description"></slot>
|
|
2617
|
-
${this.markers?
|
|
2616
|
+
${this.markers?x`<div class="w-slider__markers"></div>`:j}
|
|
2618
2617
|
<div class="w-slider__range">
|
|
2619
2618
|
<div class="w-slider__active-range"></div>
|
|
2620
2619
|
</div>
|
|
2621
2620
|
<slot
|
|
2622
2621
|
class="w-slider__slider"
|
|
2623
|
-
@slotchange=${
|
|
2622
|
+
@slotchange=${h(this,l,m)}
|
|
2624
2623
|
></slot>
|
|
2625
2624
|
<slot
|
|
2626
2625
|
class="w-slider__slider"
|
|
2627
2626
|
name="from"
|
|
2628
|
-
@slotchange=${
|
|
2627
|
+
@slotchange=${h(this,l,m)}
|
|
2629
2628
|
></slot>
|
|
2630
2629
|
<slot
|
|
2631
2630
|
class="w-slider__slider"
|
|
2632
2631
|
name="to"
|
|
2633
|
-
@slotchange=${
|
|
2632
|
+
@slotchange=${h(this,l,m)}
|
|
2634
2633
|
></slot>
|
|
2635
|
-
${this.errorText?
|
|
2634
|
+
${this.errorText?x`<p class="w-slider__error" aria-describes="fieldset">
|
|
2636
2635
|
${this.errorText}
|
|
2637
|
-
</p>`:this.helpText?
|
|
2636
|
+
</p>`:this.helpText?x`<p class="w-slider__help-text" aria-describes="fieldset">
|
|
2638
2637
|
${this.helpText}
|
|
2639
|
-
</p>`:
|
|
2638
|
+
</p>`:j}
|
|
2640
2639
|
</fieldset>
|
|
2641
|
-
`}};l=new WeakSet,
|
|
2640
|
+
`}};l=new WeakSet,m=function(){var a;let e=this.querySelectorAll("w-slider-thumb"),o=!1;for(let i of e.values())i.min=this.edgeMin,i.max=this.edgeMax,i.step=this.step,i.suffix=(a=this.suffix)!=null?a:"",i.required=this.required,i.labelFormatter=this.labelFormatter,i.valueFormatter=this.valueFormatter,i.tooltipFormatter=this.tooltipFormatter,i.openEnded=this.openEnded,i._hiddenTextfield=this.hiddenTextfield,i.ariaLabel||(i.slot||(i.ariaLabel=this.label),i.slot==="from"&&(i.ariaLabel=`${this.label} min`),i.slot==="to"&&(i.ariaLabel=`${this.label} max`)),(i.slot==="from"||i.slot==="to")&&(o=!0),i.disabled=this.disabled,i.invalid=!!this.errorText,h(this,l,L).call(this,i);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")},ce=function(e){let o=e.target;h(this,l,L).call(this,o)},be=function(e){let o=e.target;h(this,l,L).call(this,o),o.slot&&h(this,l,pe).call(this)},he=function(){this.componentHasError?this._showError=!0:this._showError=!1,h(this,l,m).call(this)},ge=function(e){if(e.key==="Tab"){let o=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(o===-1)return;let a=e.shiftKey?-1:1,i=this._tabbableElements[o+a];if(!i)return;e.preventDefault(),i.focus()}},pe=function(){let e,o,a=this.querySelectorAll("w-slider-thumb");for(let i of a.values())i.slot==="from"&&(e=i),i.slot==="to"&&(o=i);!e||!o||!e.invalid&&o.invalid},ue=function(e){e.stopPropagation();let o=this._hasInternalError||this.invalid,a=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 s of i.values())s!==a&&s.updateFieldAfterValidation()}},q=function(e,o){return(o.value===void 0||o.value===null)&&(o.value=this.openEnded?"":e),o.value===""?e:o.value},L=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={...de.shadowRootOptions,delegatesFocus:!0},d.styles=[oe,le],b([g({reflect:!0})],d.prototype,"label",2),b([g({type:Boolean,reflect:!0})],d.prototype,"disabled",2),b([g({type:Boolean,attribute:"open-ended"})],d.prototype,"openEnded",2),b([g({type:String,reflect:!0})],d.prototype,"error",2),b([g({type:String,reflect:!0,attribute:"help-text"})],d.prototype,"helpText",2),b([g({type:Boolean,reflect:!0})],d.prototype,"invalid",2),b([g({type:Boolean,reflect:!0})],d.prototype,"required",2),b([g({reflect:!0})],d.prototype,"min",2),b([g({reflect:!0})],d.prototype,"max",2),b([g({type:Number,reflect:!0})],d.prototype,"markers",2),b([g({type:Number,reflect:!0})],d.prototype,"step",2),b([g({reflect:!0})],d.prototype,"suffix",2),b([g({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],d.prototype,"hiddenTextfield",2),b([g({attribute:!1})],d.prototype,"valueFormatter",2),b([g({attribute:!1})],d.prototype,"tooltipFormatter",2),b([g({attribute:!1})],d.prototype,"labelFormatter",2),b([je("fieldset")],d.prototype,"fieldset",2),b([T()],d.prototype,"_invalidMessage",2),b([T()],d.prototype,"_hasInternalError",2),b([T()],d.prototype,"_showError",2),b([T()],d.prototype,"_tabbableElements",2);customElements.get("w-slider")||customElements.define("w-slider",d);export{d as WarpSlider};
|
|
2642
2641
|
//# sourceMappingURL=slider.js.map
|