@warp-ds/elements 2.10.0-next.13 → 2.10.0-next.15
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 +384 -0
- package/dist/docs/attention/api.md +48 -0
- package/dist/docs/attention/attention.md +48 -0
- package/dist/docs/button/api.md +8 -0
- package/dist/docs/button/button.md +8 -0
- package/dist/docs/card/api.md +8 -0
- package/dist/docs/card/card.md +8 -0
- package/dist/docs/checkbox/api.md +48 -0
- package/dist/docs/checkbox/checkbox.md +48 -0
- package/dist/docs/checkbox-group/api.md +24 -0
- package/dist/docs/checkbox-group/checkbox-group.md +24 -0
- package/dist/docs/combobox/api.md +8 -0
- package/dist/docs/combobox/combobox.md +8 -0
- package/dist/docs/datepicker/api.md +8 -0
- package/dist/docs/datepicker/datepicker.md +8 -0
- package/dist/docs/index.md +2 -0
- package/dist/docs/modal/api.md +16 -0
- package/dist/docs/modal/modal.md +16 -0
- package/dist/docs/slider-thumb/api.md +16 -0
- package/dist/docs/slider-thumb/slider-thumb.md +16 -0
- package/dist/docs/snackbar/accessibility.md +20 -0
- package/dist/docs/snackbar/api.md +30 -0
- package/dist/docs/snackbar/examples.md +191 -0
- package/dist/docs/snackbar/snackbar.md +385 -0
- package/dist/docs/snackbar/styling.md +72 -0
- package/dist/docs/snackbar/usage.md +60 -0
- package/dist/docs/snackbar-item/api.md +41 -0
- package/dist/docs/snackbar-item/snackbar-item.md +49 -0
- package/dist/docs/step/api.md +16 -0
- package/dist/docs/step/step.md +16 -0
- package/dist/docs/switch/api.md +8 -0
- package/dist/docs/switch/switch.md +8 -0
- package/dist/docs/textarea/api.md +40 -0
- package/dist/docs/textarea/textarea.md +40 -0
- package/dist/docs/textfield/api.md +32 -0
- package/dist/docs/textfield/textfield.md +32 -0
- package/dist/index.d.ts +292 -1
- package/dist/packages/affix/affix.js +4 -4
- package/dist/packages/affix/affix.js.map +2 -2
- package/dist/packages/alert/alert.js +2 -2
- package/dist/packages/alert/alert.js.map +2 -2
- package/dist/packages/attention/attention.d.ts +5 -0
- package/dist/packages/attention/attention.js +14 -14
- package/dist/packages/attention/attention.js.map +2 -2
- package/dist/packages/button/button.d.ts +5 -0
- package/dist/packages/button/button.js +3 -3
- package/dist/packages/button/button.js.map +2 -2
- package/dist/packages/button/button.react.stories.d.ts +2 -2
- package/dist/packages/button/button.test.js +0 -1
- package/dist/packages/button/react.d.ts +1 -1
- package/dist/packages/datepicker/DatePicker.test.js +5 -3
- package/dist/packages/datepicker/datepicker.js +49 -48
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/datepicker/datepicker.test.js +1 -1
- package/dist/packages/datepicker/utils.d.ts +3 -0
- package/dist/packages/datepicker/utils.js +33 -0
- package/dist/packages/datepicker/utils.test.d.ts +1 -0
- package/dist/packages/datepicker/utils.test.js +29 -0
- package/dist/packages/expandable/expandable.js +9 -9
- package/dist/packages/expandable/expandable.js.map +4 -4
- package/dist/packages/global.d.ts +1 -0
- package/dist/packages/global.js +5 -0
- package/dist/packages/icon/icon.d.ts +5 -0
- package/dist/packages/icon/icon.js +2 -2
- package/dist/packages/icon/icon.js.map +2 -2
- package/dist/packages/interaction-type-detection.d.ts +22 -0
- package/dist/packages/interaction-type-detection.js +38 -0
- package/dist/packages/modal/modal.js +1 -1
- package/dist/packages/modal/modal.js.map +2 -2
- package/dist/packages/modal-header/modal-header.js +3 -3
- package/dist/packages/modal-header/modal-header.js.map +2 -2
- package/dist/packages/pagination/pagination.js +1 -1
- package/dist/packages/pagination/pagination.js.map +2 -2
- package/dist/packages/pill/pill.js +4 -4
- package/dist/packages/pill/pill.js.map +2 -2
- package/dist/packages/select/select.js +3 -3
- package/dist/packages/select/select.js.map +2 -2
- package/dist/packages/snackbar/locales/da/messages.d.mts +1 -0
- package/dist/packages/snackbar/locales/da/messages.mjs +1 -0
- package/dist/packages/snackbar/locales/en/messages.d.mts +1 -0
- package/dist/packages/snackbar/locales/en/messages.mjs +1 -0
- package/dist/packages/snackbar/locales/fi/messages.d.mts +1 -0
- package/dist/packages/snackbar/locales/fi/messages.mjs +1 -0
- package/dist/packages/snackbar/locales/nb/messages.d.mts +1 -0
- package/dist/packages/snackbar/locales/nb/messages.mjs +1 -0
- package/dist/packages/snackbar/locales/sv/messages.d.mts +1 -0
- package/dist/packages/snackbar/locales/sv/messages.mjs +1 -0
- package/dist/packages/snackbar/react.d.ts +2 -0
- package/dist/packages/snackbar/react.js +11 -0
- package/dist/packages/snackbar/snackbar.d.ts +132 -0
- package/dist/packages/snackbar/snackbar.hydration.test.d.ts +1 -0
- package/dist/packages/snackbar/snackbar.hydration.test.js +13 -0
- package/dist/packages/snackbar/snackbar.js +2646 -0
- package/dist/packages/snackbar/snackbar.js.map +7 -0
- package/dist/packages/snackbar/snackbar.react.stories.d.ts +12 -0
- package/dist/packages/snackbar/snackbar.react.stories.js +160 -0
- package/dist/packages/snackbar/snackbar.stories.d.ts +20 -0
- package/dist/packages/snackbar/snackbar.stories.js +291 -0
- package/dist/packages/snackbar/snackbar.test.d.ts +4 -0
- package/dist/packages/snackbar/snackbar.test.js +17 -0
- package/dist/packages/snackbar/styles.d.ts +1 -0
- package/dist/packages/snackbar/styles.js +35 -0
- package/dist/packages/snackbar-item/react.d.ts +5 -0
- package/dist/packages/snackbar-item/react.js +15 -0
- package/dist/packages/snackbar-item/snackbar-item.d.ts +69 -0
- package/dist/packages/snackbar-item/snackbar-item.js +2601 -0
- package/dist/packages/snackbar-item/snackbar-item.js.map +7 -0
- package/dist/packages/snackbar-item/snackbar-item.react.test.d.ts +1 -0
- package/dist/packages/snackbar-item/snackbar-item.react.test.js +5 -0
- package/dist/packages/snackbar-item/styles.d.ts +1 -0
- package/dist/packages/snackbar-item/styles.js +111 -0
- package/dist/packages/step/step.js +9 -9
- package/dist/packages/step/step.js.map +2 -2
- package/dist/packages/tabs/tabs.react.stories.d.ts +4 -4
- package/dist/packages/tabs/tabs.react.stories.js +1 -1
- package/dist/packages/tabs/tabs.stories.d.ts +1 -1
- package/dist/packages/tabs/tabs.stories.js +1 -1
- package/dist/packages/toast/toast.js +6 -6
- package/dist/packages/toast/toast.js.map +4 -4
- package/dist/packages/utils/element-collapse.d.ts +12 -0
- package/dist/packages/utils/element-collapse.js +92 -0
- package/dist/packages/utils/expand-transition.js +1 -1
- package/dist/web-types.json +88 -3
- package/eik/index.js +12 -12
- package/package.json +1 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import '@warp-ds/components/icon';
|
|
2
1
|
import { StoryObj } from '@storybook/react';
|
|
3
2
|
import React from 'react';
|
|
3
|
+
import '../icon/icon.js';
|
|
4
4
|
import { Tabs } from './react';
|
|
5
5
|
declare module 'react' {
|
|
6
6
|
namespace JSX {
|
|
@@ -15,9 +15,9 @@ declare module 'react' {
|
|
|
15
15
|
}
|
|
16
16
|
declare const _default: {
|
|
17
17
|
title: string;
|
|
18
|
-
component: import("@lit/react").ReactWebComponent<import("./tabs").WarpTabs, {
|
|
19
|
-
onChange: import("@lit/react").EventName<import("./tabs").WarpTabsChangeEvent>;
|
|
20
|
-
onchange: import("@lit/react").EventName<import("./tabs").WarpTabsChangeEvent>;
|
|
18
|
+
component: import("@lit/react").ReactWebComponent<import("./tabs.js").WarpTabs, {
|
|
19
|
+
onChange: import("@lit/react").EventName<import("./tabs.js").WarpTabsChangeEvent>;
|
|
20
|
+
onchange: import("@lit/react").EventName<import("./tabs.js").WarpTabsChangeEvent>;
|
|
21
21
|
}>;
|
|
22
22
|
};
|
|
23
23
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var xe=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var
|
|
1
|
+
var xe=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var G=o=>{throw TypeError(o)};var d=(o,e,r,t)=>{for(var a=t>1?void 0:t?ke(e,r):e,i=o.length-1,n;i>=0;i--)(n=o[i])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&xe(e,r,a),a};var ye=(o,e,r)=>e.has(o)||G("Cannot "+r);var F=(o,e,r)=>(ye(o,e,"read from private field"),r?r.call(o):e.get(o)),H=(o,e,r)=>e.has(o)?G("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",_e=o=>typeof o=="function",J=new Map,B="en";function $(o){return[...Array.isArray(o)?o:[o],B]}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 ze(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 U(o,e,r,{offset:t=0,...a}){let i=$(o),n=e?E(()=>L("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):E(()=>L("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return a[r]??a[n.select(r-t)]??a.other}function E(o,e){let r=o(),t=J.get(r);return t||(t=e(),J.set(r,t)),t}function L(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var K=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Q=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)}}),W="%__lingui_octothorpe__%",Ee=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],i=(n,s)=>{let l=Object.keys(r).length?a("number"):void 0,m=Y(t,n,l);return s.replace(new RegExp(W,"g"),m)};return{plural:(n,s)=>{let{offset:l=0}=s,m=U(t,!1,n,s);return i(n-l,m)},selectordinal:(n,s)=>{let{offset:l=0}=s,m=U(t,!0,n,s);return i(n-l,m)},select:Le,number:(n,s)=>Y(t,n,a(s)||{style:s}),date:(n,s)=>D(t,n,a(s)||s),time:(n,s)=>ze(t,n,a(s)||s)}},Le=(o,e)=>e[o]??e.other;function Me(o,e,r){return(t={},a)=>{let i=Ee(e,r,a),n=(l,m=!1)=>Array.isArray(l)?l.reduce((k,y)=>{if(y==="#"&&m)return k+W;if(g(y))return k+y;let[V,h,q]=y,T={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries(q).forEach(([P,fe])=>{T[P]=n(fe,h==="plural"||h==="selectordinal")}):T=q;let _;if(h){let P=i[h];_=P(t[V],T)}else _=t[V];return _==null?k:k+_},""):l,s=n(o);return g(s)&&K.test(s)?Q(s):g(s)?s:s?String(s):""}}var Ce=Object.defineProperty,Se=(o,e,r)=>e in o?Ce(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Te=(o,e,r)=>(Se(o,typeof e!="symbol"?e+"":e,r),r),j=class{constructor(){Te(this,"_events",{})}on(e,r){var t;return(t=this._events)[e]??(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,Fe=(o,e,r)=>e in o?Pe(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,v=(o,e,r)=>(Fe(o,typeof e!="symbol"?e+"":e,r),r),O=class extends j{constructor(e){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(e.locale??B,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(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?.message;e||(e=""),g(e)||(r=e.values||r,a=e.message,e=e.id);let i=this.messages[e],n=i===void 0,s=this._missing;if(s&&n)return _e(s)?s(this._locale,e):s;n&&this.emit("missing",{id:e,locale:this._locale});let l=i||a||e;return g(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
2
2
|
|
|
3
3
|
> ${l}
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
6
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
7
7
|
|
|
8
8
|
Please compile your catalog first.
|
|
9
|
-
`)),g(l)&&
|
|
9
|
+
`)),g(l)&&K.test(l)?Q(l):g(l)?l:Me(l,this._locale,this._locales)(r,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 Ye(o={}){return new O(o)}var c=Ye();import{css as er,html as w,LitElement as rr}from"lit";import{property as S,state as or}from"lit/decorators.js";import{when as tr}from"lit/directives/when.js";import{html as Oe,LitElement as $e}from"lit";import{property as N,state as De}from"lit/decorators.js";import{classMap as Ne}from"lit/directives/class-map.js";import{css as je}from"lit";var ee=je`
|
|
10
10
|
:host {
|
|
11
11
|
display: inline-block;
|
|
12
12
|
}
|
|
@@ -31,7 +31,7 @@ Please compile your catalog first.
|
|
|
31
31
|
--w-icon-size: 32px;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
`;var
|
|
34
|
+
`;var A=new Map,Ae='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Xe(o,e={}){let r=e.responseParser??(t=>t.text());return A.has(o)||A.set(o,fetch(o).then(r)),A.get(o)}var u=class extends $e{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let a=await Xe(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{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(Ae,"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"},i=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return Oe`<div class="${Ne(a)}" style="${i}" part="w-${t.toLowerCase()}">${this.svg}</div>`}};u.styles=[ee],d([N({type:String,reflect:!0})],u.prototype,"name",2),d([N({type:String,reflect:!0})],u.prototype,"size",2),d([N({type:String,reflect:!0,useDefault:!0})],u.prototype,"locale",2),d([De()],u.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",u);var Ze=["en","nb","fi","da","sv"],X="en",M=o=>Ze.find(e=>o===e||o.toLowerCase().includes(e))||X;function x(){if(typeof window>"u"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(o)}try{let o=oe(document);if(o)return M(o);let e=qe();if(e)return M(e);let r=oe(ie());return r?M(r):X}catch(o){return console.warn("could not detect locale, falling back to source locale",o),X}}var te=(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 i=x();c.activate(i),ae(),Re()},Ie="warp-i18n-change";function ae(){typeof window>"u"||window.dispatchEvent(new Event(Ie))}var re=!1;function Re(){if(re||typeof window>"u"||!document?.documentElement)return;re=!0;let o=()=>{let a=x();c.locale!==a&&(c.activate(a),ae())},e=new MutationObserver(a=>{for(let i of a)if(i.type==="attributes"&&i.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=ie();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ve();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ie(){try{return window.parent?.document??null}catch{return null}}function oe(o){try{return o?.documentElement?.lang??""}catch{return""}}function Ve(){try{return window.frameElement??null}catch{return null}}function qe(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Ge}from"lit";import{unsafeCSS as He}from"lit";var ne=Ge`
|
|
35
35
|
*,
|
|
36
36
|
:before,
|
|
37
37
|
:after {
|
|
@@ -304,7 +304,7 @@ Please compile your catalog first.
|
|
|
304
304
|
svg {
|
|
305
305
|
pointer-events: none;
|
|
306
306
|
}
|
|
307
|
-
`,
|
|
307
|
+
`,kr=He(`*, :before, :after {
|
|
308
308
|
--w-rotate: 0;
|
|
309
309
|
--w-rotate-x: 0;
|
|
310
310
|
--w-rotate-y: 0;
|
|
@@ -2470,7 +2470,7 @@ Please compile your catalog first.
|
|
|
2470
2470
|
display: none
|
|
2471
2471
|
}
|
|
2472
2472
|
}
|
|
2473
|
-
`);var pe=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var be=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var ge=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var ue=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var me=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');import{unsafeCSS as Be}from"lit";var he=Be("*,: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
|
|
2473
|
+
`);var Z=typeof window<"u",I=!0;if(Z){let o=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>I=!r;o.addEventListener&&o.addEventListener("change",e),e(o)}var se=o=>{o.style.transition=null,o.style.backfaceVisibility=null,o.style.overflow=null},le=o=>{let e="var(--w-expansion-duration, var(--f-expansion-duration, 0.3s))";o.style.transition=`height ${e}`,o.style.backfaceVisibility="hidden",o.style.overflow="hidden"},Je=(o,e)=>()=>{o.style.height="auto",o.style.overflow=null,e&&e()},Ue=o=>()=>{o&&o()},ce=(o,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})();if(!I)return o.style.height="auto",e&&e(),r;let t=Je(o,e);se(o),o.style.height="auto";let a=o.scrollHeight;if(Z&&requestAnimationFrame(()=>{o.addEventListener("transitionend",t,{once:!0}),o.style.height="0px",o.style.transitionTimingFunction="ease-out",le(o),requestAnimationFrame(()=>o.style.height=a+"px")}),r)return r},de=(o,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})();if(!I)return o.style.height="0px",e&&e(),r;let t=Ue(e);se(o);let a=o.scrollHeight;if(Z&&requestAnimationFrame(()=>{o.addEventListener("transitionend",t,{once:!0}),o.style.height=a+"px",o.style.transitionTimingFunction="ease-in",le(o),requestAnimationFrame(()=>o.style.height="0px")}),r)return r};var pe=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var be=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var ge=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var ue=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var me=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');import{unsafeCSS as Be}from"lit";var he=Be("*,: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<"u";function R(){return customElements.get("w-toast-container")}function Ke(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 Qe(o){return C?R().init().del(o):void 0}function We(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,ve,we,b=class extends rr{constructor(){super();H(this,f);this.type="success";this.text="";this.canclose=!1;this._expanded=!1;te(be,ue,ge,pe,me),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&&ce(this._wrapper,()=>this._expanded=!0)}get _wrapper(){return this.renderRoot?.querySelector("section")??null}get _warning(){return this.type==="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?de(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
2474
|
<div class="${F(this,f,ve)}">
|
|
2475
2475
|
<div class="${F(this,f,we)}">${this._iconMarkup}</div>
|
|
2476
2476
|
<div role="${this._role}" class="${p.content}">
|
|
@@ -2482,7 +2482,7 @@ Please compile your catalog first.
|
|
|
2482
2482
|
</w-button>
|
|
2483
2483
|
`)}
|
|
2484
2484
|
</div>
|
|
2485
|
-
</section>`:w``}};f=new WeakSet,ve=function(){let r=this.type;return z([p.base,r==="success"&&p.positive,r==="warning"&&p.warning,r==="error"&&p.negative])},we=function(){let r=this.type;return z([p.iconBase,r==="success"&&p.iconPositive,r==="warning"&&p.iconWarning,r==="error"&&p.iconNegative])},b.styles=[
|
|
2485
|
+
</section>`:w``}};f=new WeakSet,ve=function(){let r=this.type;return z([p.base,r==="success"&&p.positive,r==="warning"&&p.warning,r==="error"&&p.negative])},we=function(){let r=this.type;return z([p.iconBase,r==="success"&&p.iconPositive,r==="warning"&&p.iconWarning,r==="error"&&p.iconNegative])},b.styles=[ne,he,er`
|
|
2486
2486
|
:host {
|
|
2487
2487
|
display: block;
|
|
2488
2488
|
}
|