@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
|
@@ -101,3 +101,20 @@ test('uses specified type when type attribute is set', async () => {
|
|
|
101
101
|
})
|
|
102
102
|
.toBe('email');
|
|
103
103
|
});
|
|
104
|
+
test('submits the associated form when input has focus and user presses Enter', async () => {
|
|
105
|
+
const screen = render(html `
|
|
106
|
+
<form>
|
|
107
|
+
<w-textfield data-testid="textfield" name="test" value="Submit this!"></w-textfield>
|
|
108
|
+
<button type="submit">Submit</button>
|
|
109
|
+
</form>
|
|
110
|
+
`);
|
|
111
|
+
const onSubmit = vi.fn();
|
|
112
|
+
const form = document.querySelector('form');
|
|
113
|
+
form.addEventListener('submit', (event) => {
|
|
114
|
+
event.preventDefault();
|
|
115
|
+
onSubmit();
|
|
116
|
+
});
|
|
117
|
+
await userEvent.click(screen.getByTestId('textfield'));
|
|
118
|
+
await userEvent.keyboard('{Enter}');
|
|
119
|
+
expect(onSubmit).toHaveBeenCalled();
|
|
120
|
+
});
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function qe(r){return Ue.get(r)||r}var Ve=/\\(?:(\\)|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 te(r,e=!1){return r.replace(Ve,function(o,t,a,i,s,n,c,p,w){if(t!==void 0)return"\\";if(a!==void 0)return Xe(a);if(i!==void 0)return Ze(i);if(s!==void 0)return oe(s,n);if(c!==void 0)return oe(c);if(p==="0")return"\0";if(p!==void 0)return He(p,!e);if(w!==void 0)return qe(w);throw new SyntaxError(l.errorMessages.get(l.ErrorType.EndOfString))})}b.unraw=te;b.default=te});var L=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?L.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var se=$e(ae(),1);var h=r=>typeof r=="string",Ge=r=>typeof r=="function",ne=new Map,ce="en";function R(r){return[...Array.isArray(r)?r:[r],ce]}function Z(r,e,o){let t=R(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return T(()=>O("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function Je(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return Z(r,e,t)}function A(r,e,o){let t=R(r);return T(()=>O("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ie(r,e,o,{offset:t=0,...a}){var n,c;let i=R(r),s=e?T(()=>O("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):T(()=>O("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(c=(n=a[o])!=null?n:a[s.select(o-t)])!=null?c:a.other}function T(r,e){let o=r(),t=ne.get(o);return t||(t=e(),ne.set(o,t)),t}function O(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var le=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,de="%__lingui_octothorpe__%",Be=(r,e,o={})=>{let t=e||r,a=s=>typeof s=="object"?s:o[s],i=(s,n)=>{let c=Object.keys(o).length?a("number"):void 0,p=A(t,s,c);return n.replace(new RegExp(de,"g"),p)};return{plural:(s,n)=>{let{offset:c=0}=n,p=ie(t,!1,s,n);return i(s-c,p)},selectordinal:(s,n)=>{let{offset:c=0}=n,p=ie(t,!0,s,n);return i(s-c,p)},select:Ke,number:(s,n)=>A(t,s,a(n)||{style:n}),date:(s,n)=>Z(t,s,a(n)||n),time:(s,n)=>Je(t,s,a(n)||n)}},Ke=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Qe(r,e,o){return(t={},a)=>{let i=Be(e,o,a),s=(c,p=!1)=>Array.isArray(c)?c.reduce((w,M)=>{if(M==="#"&&p)return w+de;if(h(M))return w+M;let[J,f,B]=M,N={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(B).forEach(([j,Pe])=>{N[j]=s(Pe,f==="plural"||f==="selectordinal")}):N=B;let C;if(f){let j=i[f];C=j(t[J],N)}else C=t[J];return C==null?w:w+C},""):c,n=s(r);return h(n)&&le.test(n)?(0,se.unraw)(n):h(n)?n:n?String(n):""}}var We=Object.defineProperty,er=(r,e,o)=>e in r?We(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,rr=(r,e,o)=>(er(r,typeof e!="symbol"?e+"":e,o),o),I=class{constructor(){rr(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},or=Object.defineProperty,tr=(r,e,o)=>e in r?or(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,y=(r,e,o)=>(tr(r,typeof e!="symbol"?e+"":e,o),o),X=class extends I{constructor(e){var o;super(),y(this,"_locale",""),y(this,"_locales"),y(this,"_localeData",{}),y(this,"_messages",{}),y(this,"_missing"),y(this,"_messageCompiler"),y(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((o=e.locale)!=null?o:ce,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,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,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=""),h(e)||(o=e.values||o,a=e.message,e=e.id);let i=this.messages[e],s=i===void 0,n=this._missing;if(n&&s)return Ge(n)?n(this._locale,e):n;s&&this.emit("missing",{id:e,locale:this._locale});let c=i||a||e;return h(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
|
|
1
|
+
var ke=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var q=o=>{throw TypeError(o)};var d=(o,e,r,t)=>{for(var a=t>1?void 0:t?ye(e,r):e,n=o.length-1,s;n>=0;n--)(s=o[n])&&(a=(t?s(e,r,a):s(a))||a);return t&&a&&ke(e,r,a),a};var _e=(o,e,r)=>e.has(o)||q("Cannot "+r);var P=(o,e,r)=>(_e(o,e,"read from private field"),r?r.call(o):e.get(o)),G=(o,e,r)=>e.has(o)?q("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r);var z=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?z.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var g=o=>typeof o=="string",ze=o=>typeof o=="function",H=new Map,U="en";function $(o){return[...Array.isArray(o)?o:[o],U]}function D(o,e,r){let t=$(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 E(()=>L("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(g(e)?new Date(e):e)}function Ee(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 D(o,e,t)}function Y(o,e,r){let t=$(o);return E(()=>L("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function J(o,e,r,{offset:t=0,...a}){var i,l;let n=$(o),s=e?E(()=>L("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):E(()=>L("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(l=(i=a[r])!=null?i:a[s.select(r-t)])!=null?l:a.other}function E(o,e){let r=o(),t=H.get(r);return t||(t=e(),H.set(r,t)),t}function L(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var B=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,K=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,t)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),Q="%__lingui_octothorpe__%",Le=(o,e,r={})=>{let t=e||o,a=s=>typeof s=="object"?s:r[s],n=(s,i)=>{let l=Object.keys(r).length?a("number"):void 0,m=Y(t,s,l);return i.replace(new RegExp(Q,"g"),m)};return{plural:(s,i)=>{let{offset:l=0}=i,m=J(t,!1,s,i);return n(s-l,m)},selectordinal:(s,i)=>{let{offset:l=0}=i,m=J(t,!0,s,i);return n(s-l,m)},select:Me,number:(s,i)=>Y(t,s,a(i)||{style:i}),date:(s,i)=>D(t,s,a(i)||i),time:(s,i)=>Ee(t,s,a(i)||i)}},Me=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Ce(o,e,r){return(t={},a)=>{let n=Le(e,r,a),s=(l,m=!1)=>Array.isArray(l)?l.reduce((k,y)=>{if(y==="#"&&m)return k+Q;if(g(y))return k+y;let[I,h,V]=y,T={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries(V).forEach(([F,xe])=>{T[F]=s(xe,h==="plural"||h==="selectordinal")}):T=V;let _;if(h){let F=n[h];_=F(t[I],T)}else _=t[I];return _==null?k:k+_},""):l,i=s(o);return g(i)&&B.test(i)?K(i):g(i)?i:i?String(i):""}}var Se=Object.defineProperty,Te=(o,e,r)=>e in o?Se(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Fe=(o,e,r)=>(Te(o,typeof e!="symbol"?e+"":e,r),r),j=class{constructor(){Fe(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}},Pe=Object.defineProperty,Ye=(o,e,r)=>e in o?Pe(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,v=(o,e,r)=>(Ye(o,typeof e!="symbol"?e+"":e,r),r),O=class extends j{constructor(e){var r;super(),v(this,"_locale",""),v(this,"_locales"),v(this,"_localeData",{}),v(this,"_messages",{}),v(this,"_missing"),v(this,"_messageCompiler"),v(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:U,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=""),g(e)||(r=e.values||r,a=e.message,e=e.id);let n=this.messages[e],s=n===void 0,i=this._missing;if(i&&s)return ze(i)?i(this._locale,e):i;s&&this.emit("missing",{id:e,locale:this._locale});let l=n||a||e;return g(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
3
2
|
|
|
4
|
-
> ${
|
|
3
|
+
> ${l}
|
|
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
|
+
`)),g(l)&&B.test(l)?K(l):g(l)?l:Ce(l,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return D(this._locales||this._locale,e,r)}number(e,r){return Y(this._locales||this._locale,e,r)}};function je(o={}){return new O(o)}var c=je();var N=typeof window!="undefined",W=!0;if(N){let o=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>W=!r;o.addEventListener&&o.addEventListener("change",e),e(o)}var ee=o=>{o.style.transition=null,o.style.backfaceVisibility=null,o.style.overflow=null},re=o=>{let e=W?"var(--f-expansion-duration, 0.3s)":"0.01s";o.style.transition=`height ${e}`,o.style.backfaceVisibility="hidden",o.style.overflow="hidden"},Oe=(o,e)=>()=>{o.style.height="auto",o.style.overflow=null,e&&e()},$e=o=>()=>{o&&o()},oe=(o,e)=>{let r=(()=>{if(!e)return new Promise(n=>{e=n})})(),t=Oe(o,e);ee(o),o.style.height="auto";let a=o.scrollHeight;if(N&&requestAnimationFrame(()=>{o.addEventListener("transitionend",t,{once:!0}),o.style.height="0px",o.style.transitionTimingFunction="ease-out",re(o),requestAnimationFrame(()=>o.style.height=a+"px")}),r)return r},te=(o,e)=>{let r=(()=>{if(!e)return new Promise(n=>{e=n})})(),t=$e(e);ee(o);let a=o.scrollHeight;if(N&&requestAnimationFrame(()=>{o.addEventListener("transitionend",t,{once:!0}),o.style.height=a+"px",o.style.transitionTimingFunction="ease-in",re(o),requestAnimationFrame(()=>o.style.height="0px")}),r)return r};import{css as We,html as w,LitElement as er}from"lit";import{property as S,state as rr}from"lit/decorators.js";import{when as or}from"lit/directives/when.js";import{html as Ne,LitElement as Ae}from"lit";import{property as A,state as Xe}from"lit/decorators.js";import{classMap as Ze}from"lit/directives/class-map.js";import{css as De}from"lit";var ae=De`
|
|
11
10
|
:host {
|
|
12
11
|
display: inline-block;
|
|
13
12
|
}
|
|
@@ -32,7 +31,7 @@ Please compile your catalog first.
|
|
|
32
31
|
--w-icon-size: 32px;
|
|
33
32
|
}
|
|
34
33
|
|
|
35
|
-
`;var
|
|
34
|
+
`;var X=new Map,Re='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Ie(o,e={}){var t;let r=(t=e.responseParser)!=null?t:(a=>a.text());return X.has(o)||X.set(o,fetch(o).then(r)),X.get(o)}var u=class extends Ae{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await Ie(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Re,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},n=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return Ne`<div class="${Ze(a)}" style="${n}" part="w-${t.toLowerCase()}">${this.svg}</div>`}};u.styles=[ae],d([A({type:String,reflect:!0})],u.prototype,"name",2),d([A({type:String,reflect:!0})],u.prototype,"size",2),d([A({type:String,reflect:!0,useDefault:!0})],u.prototype,"locale",2),d([Xe()],u.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",u);var Ve=["en","nb","fi","da","sv"],Z="en",M=o=>Ve.find(e=>o===e||o.toLowerCase().includes(e))||Z;function x(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(o)}try{let o=ne(document);if(o)return M(o);let e=Je();if(e)return M(e);let r=ne(ce());return r?M(r):Z}catch(o){return console.warn("could not detect locale, falling back to source locale",o),Z}}var se=(o,e,r,t,a)=>{c.load("en",o),c.load("nb",e),c.load("fi",r),c.load("da",t),c.load("sv",a);let n=x();c.activate(n),le(),Ge()},qe="warp-i18n-change";function le(){typeof window!="undefined"&&window.dispatchEvent(new Event(qe))}var ie=!1;function Ge(){if(ie||typeof window=="undefined"||!(document!=null&&document.documentElement))return;ie=!0;let o=()=>{let a=x();c.locale!==a&&(c.activate(a),le())},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=ce();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=He();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ce(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function ne(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 He(){var o;try{return(o=window.frameElement)!=null?o:null}catch(e){return null}}function Je(){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 de}from"lit";var pe=de`
|
|
36
35
|
*,
|
|
37
36
|
:before,
|
|
38
37
|
:after {
|
|
@@ -305,7 +304,7 @@ Please compile your catalog first.
|
|
|
305
304
|
svg {
|
|
306
305
|
pointer-events: none;
|
|
307
306
|
}
|
|
308
|
-
`,
|
|
307
|
+
`,xr=de`*, :before, :after {
|
|
309
308
|
--w-rotate: 0;
|
|
310
309
|
--w-rotate-x: 0;
|
|
311
310
|
--w-rotate-y: 0;
|
|
@@ -2471,21 +2470,21 @@ Please compile your catalog first.
|
|
|
2471
2470
|
display: none
|
|
2472
2471
|
}
|
|
2473
2472
|
}
|
|
2474
|
-
`;var
|
|
2475
|
-
<div class="${
|
|
2476
|
-
<div class="${
|
|
2477
|
-
<div role="${this._role}" class="${
|
|
2473
|
+
`;var be=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var ge=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var ue=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var me=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var he=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');import{css as Ue}from"lit";var ve=Ue`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.grid{display:grid}.shrink-0{flex-shrink:0}.auto-rows-auto{grid-auto-rows:auto}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.bottom-16{bottom:1.6rem}.left-0{left:0}.right-0{right:0}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.w-full{width:100%}.h-\\[16px\\]{height:16px}.w-\\[16px\\]{width:16px}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.m-\\[8px\\]{margin:8px}.p-8{padding:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.p-\\[8px\\]{padding:8px}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:mx-16{margin-left:1.6rem;margin-right:1.6rem}}`;var C=typeof window!="undefined";function R(){return customElements.get("w-toast-container")}function Be(o,e){if(!C)return;let r=R().init(),t={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:o,duration:5e3,type:"success",...e};return r.set(t),t}function Ke(o){return C?R().init().del(o):void 0}function Qe(o,e){if(!C)return;let r=R().init();return r.set({...r.get(o),...e}),r.get(o)}var p={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"},f,we,fe,b=class extends er{constructor(){super();G(this,f);this.text="";this.canclose=!1;this._expanded=!1;se(ge,me,ue,be,he),this.id||(this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5))}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&oe(this._wrapper,()=>this._expanded=!0)}get _wrapper(){var r,t;return(t=(r=this.renderRoot)==null?void 0:r.querySelector("section"))!=null?t:null}get _warning(){return(this.type||"success")==="warning"}get _error(){return(this.type||"success")==="error"}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?c._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?c._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):c._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){let r=x();return this._warning?w`<w-icon name="Warning" size="small" locale="${r}" class="flex"></w-icon>`:this._error?w`<w-icon name="Error" size="small" locale="${r}" class="flex"></w-icon>`:w`<w-icon name="Success" size="small" locale="${r}" class="flex"></w-icon>`}async collapse(){return new Promise(r=>{this._expanded&&this._wrapper?te(this._wrapper,r):r()})}close(){let r=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(r))}render(){return this.text?w` <section class="${p.wrapper}" aria-label="${this._typeLabel}">
|
|
2474
|
+
<div class="${P(this,f,we)}">
|
|
2475
|
+
<div class="${P(this,f,fe)}">${this._iconMarkup}</div>
|
|
2476
|
+
<div role="${this._role}" class="${p.content}">
|
|
2478
2477
|
<p>${this.text}</p>
|
|
2479
2478
|
</div>
|
|
2480
|
-
${
|
|
2479
|
+
${or(this.canclose===!0,()=>w`
|
|
2481
2480
|
<w-button variant="pill" small="" @click="${this.close}">
|
|
2482
|
-
<w-icon name="Close" size="small" locale="${
|
|
2481
|
+
<w-icon name="Close" size="small" locale="${x()}" style="display: flex" class="flex"></w-icon>
|
|
2483
2482
|
</w-button>
|
|
2484
2483
|
`)}
|
|
2485
2484
|
</div>
|
|
2486
|
-
</section>`:
|
|
2485
|
+
</section>`:w``}};f=new WeakSet,we=function(){let r=this.type||"success";return z([p.base,r==="success"&&p.positive,r==="warning"&&p.warning,r==="error"&&p.negative])},fe=function(){let r=this.type||"success";return z([p.iconBase,r==="success"&&p.iconPositive,r==="warning"&&p.iconWarning,r==="error"&&p.iconNegative])},b.styles=[pe,ve,We`
|
|
2487
2486
|
:host {
|
|
2488
2487
|
display: block;
|
|
2489
2488
|
}
|
|
2490
|
-
`],
|
|
2489
|
+
`],d([S({type:String,attribute:!0,reflect:!0})],b.prototype,"id",2),d([S({type:String,attribute:!0,reflect:!0})],b.prototype,"type",2),d([S({type:String,attribute:!0,reflect:!0})],b.prototype,"text",2),d([S({type:Boolean,attribute:!0,reflect:!0})],b.prototype,"canclose",2),d([rr()],b.prototype,"_expanded",2);customElements.get("w-toast")||customElements.define("w-toast",b);export{b as WarpToast,Ke as removeToast,Be as toast,Qe as updateToast};
|
|
2491
2490
|
//# sourceMappingURL=toast.js.map
|