@warp-ds/elements 2.8.2-next.2 → 2.8.2-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 +166 -69
- package/dist/index.d.ts +63 -11
- package/dist/packages/affix/affix.hydration.test.d.ts +1 -0
- package/dist/packages/affix/affix.hydration.test.js +33 -0
- package/dist/packages/affix/affix.js +3 -3
- package/dist/packages/affix/affix.js.map +3 -3
- package/dist/packages/alert/alert.hydration.test.d.ts +1 -0
- package/dist/packages/alert/alert.hydration.test.js +47 -0
- package/dist/packages/alert/alert.js +5 -5
- package/dist/packages/alert/alert.js.map +3 -3
- package/dist/packages/attention/attention.hydration.test.d.ts +1 -0
- package/dist/packages/attention/attention.hydration.test.js +66 -0
- package/dist/packages/attention/attention.js +11 -11
- package/dist/packages/attention/attention.js.map +3 -3
- package/dist/packages/badge/badge.hydration.test.d.ts +1 -0
- package/dist/packages/badge/badge.hydration.test.js +50 -0
- package/dist/packages/box/box.hydration.test.d.ts +1 -0
- package/dist/packages/box/box.hydration.test.js +37 -0
- package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.d.ts +1 -0
- package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +141 -0
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +2 -2
- package/dist/packages/button/button.hydration.test.d.ts +1 -0
- package/dist/packages/button/button.hydration.test.js +43 -0
- package/dist/packages/button/button.js +3 -3
- package/dist/packages/button/button.js.map +3 -3
- package/dist/packages/button/button.react.stories.d.ts +1 -1
- package/dist/packages/card/card.hydration.test.d.ts +1 -0
- package/dist/packages/card/card.hydration.test.js +38 -0
- package/dist/packages/card/card.react.stories.d.ts +1 -1
- package/dist/packages/checkbox/checkbox.d.ts +17 -1
- package/dist/packages/checkbox/checkbox.hydration.test.d.ts +1 -0
- package/dist/packages/checkbox/checkbox.hydration.test.js +47 -0
- package/dist/packages/checkbox/checkbox.js +20 -19
- package/dist/packages/checkbox/checkbox.js.map +3 -3
- package/dist/packages/checkbox/styles.js +10 -9
- package/dist/packages/checkbox-group/checkbox-group.d.ts +7 -0
- package/dist/packages/checkbox-group/checkbox-group.hydration.test.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +40 -0
- package/dist/packages/checkbox-group/checkbox-group.js +14 -14
- package/dist/packages/checkbox-group/checkbox-group.js.map +3 -3
- package/dist/packages/checkbox-group/checkbox-group.test.js +10 -0
- package/dist/packages/combobox/combobox.hydration.test.d.ts +1 -0
- package/dist/packages/combobox/combobox.hydration.test.js +43 -0
- package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
- package/dist/packages/datepicker/datepicker.hydration.test.d.ts +1 -0
- package/dist/packages/datepicker/datepicker.hydration.test.js +40 -0
- package/dist/packages/datepicker/datepicker.js +1 -1
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +1 -1
- package/dist/packages/expandable/expandable.hydration.test.d.ts +1 -0
- package/dist/packages/expandable/expandable.hydration.test.js +47 -0
- package/dist/packages/expandable/expandable.js +3 -3
- package/dist/packages/expandable/expandable.js.map +3 -3
- package/dist/packages/icon/icon.hydration.test.d.ts +1 -0
- package/dist/packages/icon/icon.hydration.test.js +47 -0
- package/dist/packages/icon/icon.js +2 -2
- package/dist/packages/icon/icon.js.map +3 -3
- package/dist/packages/link/link.hydration.test.d.ts +1 -0
- package/dist/packages/link/link.hydration.test.js +54 -0
- package/dist/packages/modal/modal.hydration.test.d.ts +1 -0
- package/dist/packages/modal/modal.hydration.test.js +25 -0
- package/dist/packages/modal-header/modal-header.js +6 -6
- package/dist/packages/modal-header/modal-header.js.map +3 -3
- package/dist/packages/page-indicator/page-indicator.hydration.test.d.ts +1 -0
- package/dist/packages/page-indicator/page-indicator.hydration.test.js +41 -0
- package/dist/packages/pagination/pagination.hydration.test.d.ts +1 -0
- package/dist/packages/pagination/pagination.hydration.test.js +38 -0
- package/dist/packages/pagination/pagination.js +11 -11
- package/dist/packages/pagination/pagination.js.map +3 -3
- package/dist/packages/pill/pill.hydration.test.d.ts +1 -0
- package/dist/packages/pill/pill.hydration.test.js +32 -0
- package/dist/packages/pill/pill.js +1 -1
- package/dist/packages/pill/pill.js.map +3 -3
- package/dist/packages/radio/radio.d.ts +33 -1
- package/dist/packages/radio/radio.hydration.test.d.ts +1 -0
- package/dist/packages/radio/radio.hydration.test.js +29 -0
- package/dist/packages/radio/radio.js +7 -7
- package/dist/packages/radio/radio.js.map +3 -3
- package/dist/packages/radio/radio.test.js +15 -8
- package/dist/packages/radio-group/radio-group.a11y.test.js +4 -0
- package/dist/packages/radio-group/radio-group.hydration.test.d.ts +2 -0
- package/dist/packages/radio-group/radio-group.hydration.test.js +32 -0
- package/dist/packages/radio-group/radio-group.js +17 -17
- package/dist/packages/radio-group/radio-group.js.map +3 -3
- package/dist/packages/select/select.hydration.test.d.ts +1 -0
- package/dist/packages/select/select.hydration.test.js +37 -0
- package/dist/packages/select/select.js +1 -1
- package/dist/packages/select/select.js.map +3 -3
- package/dist/packages/select/select.react.stories.d.ts +1 -1
- package/dist/packages/slider/slider.hydration.test.d.ts +1 -0
- package/dist/packages/slider/slider.hydration.test.js +33 -0
- package/dist/packages/slider/slider.js +9 -9
- package/dist/packages/slider/slider.js.map +3 -3
- package/dist/packages/slider/slider.test.js +13 -0
- package/dist/packages/slider-thumb/slider-thumb.hydration.test.d.ts +1 -0
- package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +35 -0
- package/dist/packages/slider-thumb/slider-thumb.js +16 -16
- package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
- package/dist/packages/step/step.hydration.test.d.ts +1 -0
- package/dist/packages/step/step.hydration.test.js +25 -0
- package/dist/packages/step/step.js +1 -1
- package/dist/packages/step/step.js.map +3 -3
- package/dist/packages/step-indicator/step-indicator.hydration.test.d.ts +1 -0
- package/dist/packages/step-indicator/step-indicator.hydration.test.js +25 -0
- package/dist/packages/switch/switch.a11y.test.js +13 -3
- package/dist/packages/switch/switch.d.ts +6 -0
- package/dist/packages/switch/switch.hydration.test.d.ts +1 -0
- package/dist/packages/switch/switch.hydration.test.js +54 -0
- package/dist/packages/switch/switch.js +7 -13
- package/dist/packages/switch/switch.js.map +2 -2
- package/dist/packages/tab/tab.d.ts +37 -2
- package/dist/packages/tab/tab.hydration.test.d.ts +1 -0
- package/dist/packages/tab/tab.hydration.test.js +25 -0
- package/dist/packages/tab/tab.js +22 -12
- package/dist/packages/tab/tab.js.map +3 -3
- package/dist/packages/tab-panel/tab-panel.d.ts +21 -0
- package/dist/packages/tab-panel/tab-panel.hydration.test.d.ts +1 -0
- package/dist/packages/tab-panel/tab-panel.hydration.test.js +21 -0
- package/dist/packages/tab-panel/tab-panel.js +16 -5
- package/dist/packages/tab-panel/tab-panel.js.map +3 -3
- package/dist/packages/tabs/tabs.a11y.test.js +45 -3
- package/dist/packages/tabs/tabs.hydration.test.d.ts +1 -0
- package/dist/packages/tabs/tabs.hydration.test.js +20 -0
- package/dist/packages/tabs/tabs.js +6 -6
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/tabs/tabs.test.js +52 -4
- package/dist/packages/textarea/textarea.hydration.test.d.ts +1 -0
- package/dist/packages/textarea/textarea.hydration.test.js +43 -0
- package/dist/packages/textarea/textarea.react.stories.d.ts +1 -1
- package/dist/packages/textfield/textfield.hydration.test.d.ts +1 -0
- package/dist/packages/textfield/textfield.hydration.test.js +43 -0
- package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
- package/dist/packages/toast/toast.js +4 -4
- package/dist/packages/toast/toast.js.map +3 -3
- package/dist/setup-tests.d.ts +2 -1
- package/dist/setup-tests.js +4 -3
- package/dist/tests/react-hydration.d.ts +20 -0
- package/dist/tests/react-hydration.js +138 -0
- package/dist/web-types.json +59 -21
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { Select } from './react';
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
render(args: Omit<React.HTMLAttributes<import("./select").WarpSelect>, "
|
|
6
|
+
render(args: Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "onchange" | "autoFocus" | "onChange" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "disabled" | "updated" | "firstUpdated" | "resetFormControl" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "invalid" | "optional" | "helpText" | "readOnly" | "readonly" | "willUpdate" | "formStateRestoreCallback" | "always" | "hint" | "_options" | "_setValue" | "handleKeyDown"> & {
|
|
7
7
|
onChange?: (e: Event) => void;
|
|
8
8
|
onchange?: (e: Event) => void;
|
|
9
9
|
} & Partial<Omit<import("./select").WarpSelect, keyof HTMLElement>> & React.RefAttributes<import("./select").WarpSelect>): React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './slider.js';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { describe, expect, test, beforeEach, afterEach } from 'vitest';
|
|
2
|
+
import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
|
|
3
|
+
import './slider.js';
|
|
4
|
+
describe('w-slider React SSR hydration', () => {
|
|
5
|
+
beforeEach(() => setupHydrationWarningCapture());
|
|
6
|
+
afterEach(() => {
|
|
7
|
+
window.__HYDRATION_WARNINGS__ = [];
|
|
8
|
+
});
|
|
9
|
+
test('default (no attributes) hydrates without warnings', async () => {
|
|
10
|
+
const warnings = await testHydration('w-slider', {});
|
|
11
|
+
expect(warnings).toEqual([]);
|
|
12
|
+
});
|
|
13
|
+
test('with label and range hydrates without warnings', async () => {
|
|
14
|
+
const warnings = await testHydration('w-slider', { label: 'Value', min: '0', max: '100' });
|
|
15
|
+
expect(warnings).toEqual([]);
|
|
16
|
+
});
|
|
17
|
+
test('with step hydrates without warnings', async () => {
|
|
18
|
+
const warnings = await testHydration('w-slider', { label: 'Value', min: '0', max: '100', step: 10 });
|
|
19
|
+
expect(warnings).toEqual([]);
|
|
20
|
+
});
|
|
21
|
+
test('disabled slider hydrates without warnings', async () => {
|
|
22
|
+
const warnings = await testHydration('w-slider', { label: 'Value', min: '0', max: '100', disabled: true });
|
|
23
|
+
expect(warnings).toEqual([]);
|
|
24
|
+
});
|
|
25
|
+
test('with suffix hydrates without warnings', async () => {
|
|
26
|
+
const warnings = await testHydration('w-slider', { label: 'Value', min: '0', max: '100', suffix: '%' });
|
|
27
|
+
expect(warnings).toEqual([]);
|
|
28
|
+
});
|
|
29
|
+
test('with help-text hydrates without warnings', async () => {
|
|
30
|
+
const warnings = await testHydration('w-slider', { label: 'Value', min: '0', max: '100', 'help-text': 'Select a value' });
|
|
31
|
+
expect(warnings).toEqual([]);
|
|
32
|
+
});
|
|
33
|
+
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var Se=Object.create;var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var Se=Object.create;var D=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var Le=Object.getOwnPropertyNames;var Ce=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty;var B=o=>{throw TypeError(o)};var J=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var Oe=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Le(e))!Fe.call(o,a)&&a!==r&&D(o,a,{get:()=>e[a],enumerable:!(t=Z(e,a))||t.enumerable});return o};var Ne=(o,e,r)=>(r=o!=null?Se(Ce(o)):{},Oe(e||!o||!o.__esModule?D(r,"default",{value:o,enumerable:!0}):r,o));var b=(o,e,r,t)=>{for(var a=t>1?void 0:t?Z(e,r):e,n=o.length-1,i;n>=0;n--)(i=o[n])&&(a=(t?i(e,r,a):i(a))||a);return t&&a&&D(e,r,a),a};var Ae=(o,e,r)=>e.has(o)||B("Cannot "+r);var G=(o,e,r)=>e.has(o)?B("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r);var u=(o,e,r)=>(Ae(o,e,"access private method"),r);var K=J(y=>{"use strict";Object.defineProperty(y,"__esModule",{value:!0});y.errorMessages=y.ErrorType=void 0;var E;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(E=y.ErrorType||(y.ErrorType={}));y.errorMessages=new Map([[E.MalformedUnicode,"malformed Unicode character escape sequence"],[E.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[E.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[E.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[E.EndOfString,"malformed escape sequence at end of string"]])});var ee=J(m=>{"use strict";Object.defineProperty(m,"__esModule",{value:!0});m.unraw=m.errorMessages=m.ErrorType=void 0;var p=K();Object.defineProperty(m,"ErrorType",{enumerable:!0,get:function(){return p.ErrorType}});Object.defineProperty(m,"errorMessages",{enumerable:!0,get:function(){return p.errorMessages}});function De(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function S(o,e,r){let t=De(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(p.errorMessages.get(e));return t}function Ie(o){let e=S(o,p.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function Q(o,e){let r=S(o,p.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=S(e,p.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function qe(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function je(o){if(!qe(o))throw new SyntaxError(p.errorMessages.get(p.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=S(e,p.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(p.errorMessages.get(p.ErrorType.CodePointLimit)):t}}function Pe(o,e=!1){if(e)throw new SyntaxError(p.errorMessages.get(p.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var Re=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Ye(o){return Re.get(o)||o}var $e=/\\(?:(\\)|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,e=!1){return o.replace($e,function(r,t,a,n,i,s,l,h,x){if(t!==void 0)return"\\";if(a!==void 0)return Ie(a);if(n!==void 0)return je(n);if(i!==void 0)return Q(i,s);if(l!==void 0)return Q(l);if(h==="0")return"\0";if(h!==void 0)return Pe(h,!e);if(x!==void 0)return Ye(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 $}from"lit";import{property as g,state as O}from"lit/decorators.js";var te=Ne(ee(),1);var f=o=>typeof o=="string",He=o=>typeof o=="function",re=new Map,ae="en";function P(o){return[...Array.isArray(o)?o:[o],ae]}function R(o,e,r){let t=P(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return L(()=>C("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(f(e)?new Date(e):e)}function Xe(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return R(o,e,t)}function I(o,e,r){let t=P(o);return L(()=>C("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function oe(o,e,r,{offset:t=0,...a}){var s,l;let n=P(o),i=e?L(()=>C("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):L(()=>C("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(l=(s=a[r])!=null?s:a[i.select(r-t)])!=null?l:a.other}function L(o,e){let r=o(),t=re.get(r);return t||(t=e(),re.set(r,t)),t}function C(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var ie=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ne="%__lingui_octothorpe__%",Ue=(o,e,r={})=>{let t=e||o,a=i=>typeof i=="object"?i:r[i],n=(i,s)=>{let l=Object.keys(r).length?a("number"):void 0,h=I(t,i,l);return s.replace(new RegExp(ne,"g"),h)};return{plural:(i,s)=>{let{offset:l=0}=s,h=oe(t,!1,i,s);return n(i-l,h)},selectordinal:(i,s)=>{let{offset:l=0}=s,h=oe(t,!0,i,s);return n(i-l,h)},select:Ve,number:(i,s)=>I(t,i,a(s)||{style:s}),date:(i,s)=>R(t,i,a(s)||s),time:(i,s)=>Xe(t,i,a(s)||s)}},Ve=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Ze(o,e,r){return(t={},a)=>{let n=Ue(e,r,a),i=(l,h=!1)=>Array.isArray(l)?l.reduce((x,M)=>{if(M==="#"&&h)return x+ne;if(f(M))return x+M;let[U,k,V]=M,N={};k==="plural"||k==="selectordinal"||k==="select"?Object.entries(V).forEach(([A,Te])=>{N[A]=i(Te,k==="plural"||k==="selectordinal")}):N=V;let T;if(k){let A=n[k];T=A(t[U],N)}else T=t[U];return T==null?x:x+T},""):l,s=i(o);return f(s)&&ie.test(s)?(0,te.unraw)(s):f(s)?s:s?String(s):""}}var Be=Object.defineProperty,Je=(o,e,r)=>e in o?Be(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ge=(o,e,r)=>(Je(o,typeof e!="symbol"?e+"":e,r),r),q=class{constructor(){Ge(this,"_events",{})}on(e,r){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},Ke=Object.defineProperty,Qe=(o,e,r)=>e in o?Ke(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,_=(o,e,r)=>(Qe(o,typeof e!="symbol"?e+"":e,r),r),j=class extends q{constructor(e){var r;super(),_(this,"_locale",""),_(this,"_locales"),_(this,"_localeData",{}),_(this,"_messages",{}),_(this,"_missing"),_(this,"_messageCompiler"),_(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:ae,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,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;e||(e=""),f(e)||(r=e.values||r,a=e.message,e=e.id);let n=this.messages[e],i=n===void 0,s=this._missing;if(s&&i)return He(s)?s(this._locale,e):s;i&&this.emit("missing",{id:e,locale:this._locale});let l=n||a||e;return f(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
3
3
|
|
|
4
4
|
> ${l}
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
7
7
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
8
|
|
|
9
9
|
Please compile your catalog first.
|
|
10
|
-
`)),f(l)&&ie.test(l)?JSON.parse(`"${l}"`):f(l)?l:Ze(l,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return
|
|
10
|
+
`)),f(l)&&ie.test(l)?JSON.parse(`"${l}"`):f(l)?l:Ze(l,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return R(this._locales||this._locale,e,r)}number(e,r){return I(this._locales||this._locale,e,r)}};function We(o={}){return new j(o)}var v=We();var er=["en","nb","fi","da","sv"],Y="en",F=o=>er.find(e=>o===e||o.toLowerCase().includes(e))||Y;function de(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return F(o)}try{let o=le(document);if(o)return F(o);let e=ar();if(e)return F(e);let r=le(ue());return r?F(r):Y}catch(o){return console.warn("could not detect locale, falling back to source locale",o),Y}}var ce=(o,e,r,t,a)=>{v.load("en",o),v.load("nb",e),v.load("fi",r),v.load("da",t),v.load("sv",a);let n=de();v.activate(n),be(),or()},rr="warp-i18n-change";function be(){typeof window!="undefined"&&window.dispatchEvent(new Event(rr))}var se=!1;function or(){if(se||typeof window=="undefined"||!(document!=null&&document.documentElement))return;se=!0;let o=()=>{let a=de();v.locale!==a&&(v.activate(a),be())},e=new MutationObserver(a=>{for(let n of a)if(n.type==="attributes"&&n.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=ue();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=tr();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ue(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function le(o){var e,r;try{return(r=(e=o==null?void 0:o.documentElement)==null?void 0:e.lang)!=null?r:""}catch(t){return""}}function tr(){var o;try{return(o=window.frameElement)!=null?o:null}catch(e){return null}}function ar(){var o,e,r;try{return(r=(e=(o=window.frameElement)==null?void 0:o.getAttribute)==null?void 0:e.call(o,"lang"))!=null?r:""}catch(t){return""}}import{css as ge}from"lit";var pe=ge`
|
|
11
11
|
*,
|
|
12
12
|
:before,
|
|
13
13
|
:after {
|
|
@@ -280,7 +280,7 @@ Please compile your catalog first.
|
|
|
280
280
|
svg {
|
|
281
281
|
pointer-events: none;
|
|
282
282
|
}
|
|
283
|
-
`,
|
|
283
|
+
`,pr=ge`*, :before, :after {
|
|
284
284
|
--w-rotate: 0;
|
|
285
285
|
--w-rotate-x: 0;
|
|
286
286
|
--w-rotate-y: 0;
|
|
@@ -2598,7 +2598,7 @@ Please compile your catalog first.
|
|
|
2598
2598
|
bottom: 0;
|
|
2599
2599
|
grid-area: slider;
|
|
2600
2600
|
}
|
|
2601
|
-
`;var d,w,ye,_e,Ee,ze,Me,H,X,c=class extends ke{constructor(){super();G(this,d);this.disabled=!1;this.openEnded=!1;this.
|
|
2601
|
+
`;var d,w,ye,_e,Ee,ze,Me,H,X,c=class extends ke{constructor(){super();G(this,d);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=[];ce(me,fe,ve,he,we)}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,requestAnimationFrame(()=>{requestAnimationFrame(()=>{setTimeout(()=>{this.step&&this.style.setProperty("--step",String(this.step)),this.min!==void 0&&this.style.setProperty("--min",this.edgeMin),this.max!==void 0&&this.style.setProperty("--max",this.max),this.markers&&this.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.style.setProperty("--over-under-offset","1"),this.querySelectorAll("w-slider-thumb").length===2&&this.style.setProperty("--range-slider-magic-pixel","1px")},0)})});let r=this.querySelectorAll("w-slider-thumb");if(r.length===2){let a=Array.from(r);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(r.length===1){let a=Array.from(r);this._tabbableElements[0]=a[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=a[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),u(this,d,w).call(this)}updated(r){(r.has("disabled")||r.has("required")||r.has("min")||r.has("step")||r.has("max")||r.has("suffix")||r.has("labelFormatter")||r.has("valueFormatter")||r.has("_invalidMessage")||r.has("_hasInternalError"))&&u(this,d,w).call(this),(r.has("error")||r.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,u(this,d,w).call(this))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}render(){return z`
|
|
2602
2602
|
<fieldset
|
|
2603
2603
|
id="fieldset"
|
|
2604
2604
|
class="w-slider"
|
|
@@ -2606,14 +2606,14 @@ Please compile your catalog first.
|
|
|
2606
2606
|
@focusout="${u(this,d,_e)}"
|
|
2607
2607
|
@slidervalidity="${u(this,d,Me)}"
|
|
2608
2608
|
@keydown="${u(this,d,Ee)}"
|
|
2609
|
-
aria-invalid="${this.errorText?"true"
|
|
2609
|
+
aria-invalid="${this.errorText?"true":$}"
|
|
2610
2610
|
?disabled="${this.disabled}"
|
|
2611
2611
|
>
|
|
2612
2612
|
${this.label?z`<legend class="w-slider__label">
|
|
2613
2613
|
<slot id="label" name="label">${this.label}</slot>
|
|
2614
2614
|
</legend>`:z`<slot id="label" name="label"></slot>`}
|
|
2615
2615
|
<slot class="w-slider__description" name="description"></slot>
|
|
2616
|
-
${this.markers?z`<div class="w-slider__markers"></div
|
|
2616
|
+
${this.markers?z`<div class="w-slider__markers"></div>`:$}
|
|
2617
2617
|
<div class="w-slider__range">
|
|
2618
2618
|
<div class="w-slider__active-range"></div>
|
|
2619
2619
|
</div>
|
|
@@ -2635,7 +2635,7 @@ Please compile your catalog first.
|
|
|
2635
2635
|
${this.errorText}
|
|
2636
2636
|
</p>`:this.helpText?z`<p class="w-slider__help-text" aria-describes="fieldset">
|
|
2637
2637
|
${this.helpText}
|
|
2638
|
-
</p
|
|
2638
|
+
</p>`:$}
|
|
2639
2639
|
</fieldset>
|
|
2640
|
-
`}};d=new WeakSet,w=function(){let r=this.querySelectorAll("w-slider-thumb"),t=!1;for(let i of r.values())i.min=this.edgeMin,i.max=this.edgeMax,i.step=this.step,i.suffix=this.suffix,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")&&(t=!0),i.disabled=this.disabled,i.invalid=!!this.errorText,u(this,d,X).call(this,i);let a=this.shadowRoot.querySelector("fieldset");t?(a.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),a.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):a.style.setProperty("--active-range-border-radius","4px")},ye=function(r){let t=r.target;u(this,d,X).call(this,t),t.slot&&u(this,d,ze).call(this)},_e=function(){this.componentHasError?this._showError=!0:this._showError=!1,u(this,d,w).call(this)},Ee=function(r){if(r.key==="Tab"){let t=this._tabbableElements.indexOf(r.target.shadowRoot.activeElement);if(t===-1)return;let a=r.shiftKey?-1:1,
|
|
2640
|
+
`}};d=new WeakSet,w=function(){var n;let r=this.querySelectorAll("w-slider-thumb"),t=!1;for(let i of r.values())i.min=this.edgeMin,i.max=this.edgeMax,i.step=this.step,i.suffix=(n=this.suffix)!=null?n:"",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")&&(t=!0),i.disabled=this.disabled,i.invalid=!!this.errorText,u(this,d,X).call(this,i);let a=this.shadowRoot.querySelector("fieldset");t?(a.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),a.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):a.style.setProperty("--active-range-border-radius","4px")},ye=function(r){let t=r.target;u(this,d,X).call(this,t),t.slot&&u(this,d,ze).call(this)},_e=function(){this.componentHasError?this._showError=!0:this._showError=!1,u(this,d,w).call(this)},Ee=function(r){if(r.key==="Tab"){let t=this._tabbableElements.indexOf(r.target.shadowRoot.activeElement);if(t===-1)return;let a=r.shiftKey?-1:1,n=this._tabbableElements[t+a];if(!n)return;r.preventDefault(),n.focus()}},ze=function(){let r,t,a=this.querySelectorAll("w-slider-thumb");for(let n of a.values())n.slot==="from"&&(r=n),n.slot==="to"&&(t=n);!r||!t||!r.invalid&&t.invalid},Me=function(r){r.stopPropagation();let t=this._hasInternalError||this.invalid,a=r.target;if(this._hasInternalError=!!r.detail.invalid||this.invalid,this._invalidMessage=r.detail.invalid,t===!0&&this._hasInternalError===!1){let n=this.querySelectorAll("w-slider-thumb");for(let i of n.values())i!==a&&i.updateFieldAfterValidation()}},H=function(r,t){return(t.value===void 0||t.value===null)&&(t.value=this.openEnded?"":r),t.value===""?r:t.value},X=function(r){let t=r.slot;t||this.style.setProperty("--from","0"),t==="from"&&this.style.setProperty("--from",u(this,d,H).call(this,this.edgeMin,r)),(!t||t==="to")&&this.style.setProperty("--to",u(this,d,H).call(this,this.edgeMax,r))},c.shadowRootOptions={...ke.shadowRootOptions,delegatesFocus:!0},c.styles=[pe,xe],b([g({reflect:!0})],c.prototype,"label",2),b([g({type:Boolean,reflect:!0})],c.prototype,"disabled",2),b([g({type:Boolean,attribute:"open-ended"})],c.prototype,"openEnded",2),b([g({type:String,reflect:!0})],c.prototype,"error",2),b([g({type:String,reflect:!0,attribute:"help-text"})],c.prototype,"helpText",2),b([g({type:Boolean,reflect:!0})],c.prototype,"invalid",2),b([g({type:Boolean,reflect:!0})],c.prototype,"required",2),b([g({reflect:!0})],c.prototype,"min",2),b([g({reflect:!0})],c.prototype,"max",2),b([g({type:Number,reflect:!0})],c.prototype,"markers",2),b([g({type:Number,reflect:!0})],c.prototype,"step",2),b([g({reflect:!0})],c.prototype,"suffix",2),b([g({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],c.prototype,"hiddenTextfield",2),b([g({attribute:!1})],c.prototype,"valueFormatter",2),b([g({attribute:!1})],c.prototype,"tooltipFormatter",2),b([g({attribute:!1})],c.prototype,"labelFormatter",2),b([O()],c.prototype,"_invalidMessage",2),b([O()],c.prototype,"_hasInternalError",2),b([O()],c.prototype,"_showError",2),b([O()],c.prototype,"_tabbableElements",2);customElements.get("w-slider")||customElements.define("w-slider",c);export{c as WarpSlider};
|
|
2641
2641
|
//# sourceMappingURL=slider.js.map
|