@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.18

package/dist/packages/toast/toast.js

@@ -1,309 +1,314 @@
-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:
+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 j(o){return[...Array.isArray(o)?o:[o],B]}function N(o,e,r){let t=j(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 N(o,e,t)}function O(o,e,r){let t=j(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=j(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 c=Object.keys(r).length?a("number"):void 0,m=O(t,n,c);return s.replace(new RegExp(W,"g"),m)};return{plural:(n,s)=>{let{offset:c=0}=s,m=U(t,!1,n,s);return i(n-c,m)},selectordinal:(n,s)=>{let{offset:c=0}=s,m=U(t,!0,n,s);return i(n-c,m)},select:Le,number:(n,s)=>O(t,n,a(s)||{style:s}),date:(n,s)=>N(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=(c,m=!1)=>Array.isArray(c)?c.reduce((k,y)=>{if(y==="#"&&m)return k+W;if(g(y))return k+y;let[Z,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[Z],T)}else _=t[Z];return _==null?k:k+_},""):c,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),$=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),D=class extends ${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 c=i||a||e;return g(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
 
-> ${l}
+> ${c}
 
 That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),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`
-:host {
-  display: inline-block;
-}
-.w-icon {
-  --_w-icon-size: var(--w-icon-size, 24px);
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-  display: flex;
-}
-.w-icon svg {
-  pointer-events: none;
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-}
-.w-icon--s {
-  --w-icon-size: 16px;
-}
-.w-icon--m {
-  --w-icon-size: 24px;
-}
-.w-icon--l {
-  --w-icon-size: 32px;
-}
-
-`;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`
-  *,
-  :before,
-  :after {
-    box-sizing: border-box;
-    border-style: solid;
-    border-width: 0;
-    border-color: var(--w-s-color-border);
-  }
-  html {
-    font-size: 62.5%;
-  }
-  body {
-    background-color: var(--w-s-color-background);
-    min-height: 100%;
-    margin: 0;
-    overflow-y: scroll;
-  }
-  body,
-  :host {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    font-family: var(--w-font-family);
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-    color: var(--w-s-color-text);
-  }
-  hr {
-    color: inherit;
-    border-top-width: 1px;
-    height: 0;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: 700;
-  }
-  a {
-    cursor: pointer;
-    color: var(--w-s-color-text-link);
-    text-decoration: none;
-  }
-  a:hover,
-  a:focus,
-  a:active {
-    text-decoration: underline;
-  }
-  a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: 1px;
-  }
-  b,
-  strong {
-    font-weight: 700;
-  }
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace;
-    font-size: 1em;
-  }
-  sub,
-  sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit;
-    font-size: 100%;
-    font-weight: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  [type='button'],
-  [type='reset'],
-  [type='submit'] {
-    -webkit-appearance: button;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [type='search'] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-  summary {
-    display: list-item;
-  }
-  blockquote,
-  dl,
-  dd,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  figure,
-  p,
-  pre {
-    margin: 0;
-  }
-  fieldset {
-    margin: 0;
-    padding: 0;
-  }
-  legend {
-    padding: 0;
-  }
-  ol,
-  ul,
-  menu {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  input::placeholder,
-  textarea::placeholder {
-    opacity: 1;
-    color: var(--w-s-color-text-placeholder);
-  }
-  button,
-  [role='button'] {
-    cursor: pointer;
-  }
-  :disabled {
-    cursor: default;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    vertical-align: middle;
-    display: block;
-  }
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-  h1 {
-    font-size: var(--w-font-size-xxl);
-    line-height: var(--w-line-height-xxl);
-  }
-  h2 {
-    font-size: var(--w-font-size-xl);
-    line-height: var(--w-line-height-xl);
-  }
-  h3 {
-    font-size: var(--w-font-size-l);
-    line-height: var(--w-line-height-l);
-  }
-  h4 {
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-  }
-  h5 {
-    font-size: var(--w-font-size-s);
-    line-height: var(--w-line-height-s);
-  }
-  dt,
-  dd {
-    margin: 0 16px;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  ul,
-  ol,
-  dl,
-  p,
-  blockquote {
-    margin: 0 0 8px;
-  }
-  [hidden] {
-    display: none !important;
-  }
-  [tabindex='-1']:focus:not(:focus-visible) {
-    outline: none;
-  }
-  legend {
-    float: left;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: table;
-  }
-  legend + * {
-    clear: both;
-  }
-  fieldset {
-    border: 0;
-    min-width: 0;
-    margin: 0;
-    padding: 0.01em 0 0;
-  }
-  body:not(:-moz-handler-blocked) fieldset {
-    display: table-cell;
-  }
-  svg {
-    pointer-events: none;
-  }
+`)),g(c)&&K.test(c)?Q(c):g(c)?c:Me(c,this._locale,this._locales)(r,t?.formats)}date(e,r){return N(this._locales||this._locale,e,r)}number(e,r){return O(this._locales||this._locale,e,r)}};function Oe(o={}){return new D(o)}var l=Oe();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 De,LitElement as je}from"lit";import{property as Y,state as Ne}from"lit/decorators.js";import{classMap as Ye}from"lit/directives/class-map.js";import{css as $e}from"lit";var ee=$e`
+	:host {
+		display: inline-block;
+	}
+	.w-icon {
+		--_w-icon-size: var(--w-icon-size, 24px);
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+		display: flex;
+	}
+	.w-icon svg {
+		pointer-events: none;
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+	}
+	.w-icon--s {
+		--w-icon-size: 16px;
+	}
+	.w-icon--m {
+		--w-icon-size: 24px;
+	}
+	.w-icon--l {
+		--w-icon-size: 32px;
+	}
+`;var A=new Map,Ae='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Ie(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 je{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 Ie(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 De`<div
+			class="${Ye(a)}"
+			style="${i}"
+			part="w-${t.toLowerCase()}"
+		>
+			${this.svg}
+		</div>`}};u.styles=[ee],d([Y({type:String,reflect:!0})],u.prototype,"name",2),d([Y({type:String,reflect:!0})],u.prototype,"size",2),d([Y({type:String,reflect:!0,useDefault:!0})],u.prototype,"locale",2),d([Ne()],u.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",u);var Re=["en","nb","fi","da","sv"],I="en",M=o=>Re.find(e=>o===e||o.toLowerCase().includes(e))||I;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):I}catch(o){return console.warn("could not detect locale, falling back to source locale",o),I}}var te=(o,e,r,t,a)=>{l.load("en",o),l.load("nb",e),l.load("fi",r),l.load("da",t),l.load("sv",a);let i=x();l.activate(i),ae(),Xe()},Ve="warp-i18n-change";function ae(){typeof window>"u"||window.dispatchEvent(new Event(Ve))}var re=!1;function Xe(){if(re||typeof window>"u"||!document?.documentElement)return;re=!0;let o=()=>{let a=x();l.locale!==a&&(l.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=Ze();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 Ze(){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`
+	*,
+	:before,
+	:after {
+		box-sizing: border-box;
+		border-style: solid;
+		border-width: 0;
+		border-color: var(--w-s-color-border);
+	}
+	html {
+		font-size: 62.5%;
+	}
+	body {
+		background-color: var(--w-s-color-background);
+		min-height: 100%;
+		margin: 0;
+		overflow-y: scroll;
+	}
+	body,
+	:host {
+		-webkit-text-size-adjust: 100%;
+		tab-size: 4;
+		-webkit-tap-highlight-color: transparent;
+		font-family: var(--w-font-family);
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+		color: var(--w-s-color-text);
+	}
+	hr {
+		color: inherit;
+		border-top-width: 1px;
+		height: 0;
+	}
+	abbr:where([title]) {
+		-webkit-text-decoration: underline dotted;
+		text-decoration: underline dotted;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-size: inherit;
+		font-weight: 700;
+	}
+	a {
+		cursor: pointer;
+		color: var(--w-s-color-text-link);
+		text-decoration: none;
+	}
+	a:hover,
+	a:focus,
+	a:active {
+		text-decoration: underline;
+	}
+	a:focus-visible {
+		outline: 2px solid var(--w-s-color-border-focus);
+		outline-offset: 1px;
+	}
+	b,
+	strong {
+		font-weight: 700;
+	}
+	code,
+	kbd,
+	samp,
+	pre {
+		font-family:
+			ui-monospace,
+			SFMono-Regular,
+			Menlo,
+			Monaco,
+			Consolas,
+			Liberation Mono,
+			Courier New,
+			monospace;
+		font-size: 1em;
+	}
+	sub,
+	sup {
+		vertical-align: baseline;
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+	}
+	sub {
+		bottom: -0.25em;
+	}
+	sup {
+		top: -0.5em;
+	}
+	table {
+		text-indent: 0;
+		border-color: inherit;
+		border-collapse: collapse;
+	}
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		font-family: inherit;
+		font-size: 100%;
+		font-weight: inherit;
+		line-height: inherit;
+		color: inherit;
+		margin: 0;
+		padding: 0;
+	}
+	button,
+	select {
+		text-transform: none;
+	}
+	button,
+	[type="button"],
+	[type="reset"],
+	[type="submit"] {
+		-webkit-appearance: button;
+	}
+	:-moz-focusring {
+		outline: auto;
+	}
+	:-moz-ui-invalid {
+		box-shadow: none;
+	}
+	progress {
+		vertical-align: baseline;
+	}
+	::-webkit-inner-spin-button {
+		height: auto;
+	}
+	::-webkit-outer-spin-button {
+		height: auto;
+	}
+	[type="search"] {
+		-webkit-appearance: textfield;
+		outline-offset: -2px;
+	}
+	::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+	::-webkit-file-upload-button {
+		-webkit-appearance: button;
+		font: inherit;
+	}
+	summary {
+		display: list-item;
+	}
+	blockquote,
+	dl,
+	dd,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	hr,
+	figure,
+	p,
+	pre {
+		margin: 0;
+	}
+	fieldset {
+		margin: 0;
+		padding: 0;
+	}
+	legend {
+		padding: 0;
+	}
+	ol,
+	ul,
+	menu {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	textarea {
+		resize: vertical;
+	}
+	input::placeholder,
+	textarea::placeholder {
+		opacity: 1;
+		color: var(--w-s-color-text-placeholder);
+	}
+	button,
+	[role="button"] {
+		cursor: pointer;
+	}
+	:disabled {
+		cursor: default;
+	}
+	img,
+	svg,
+	video,
+	canvas,
+	audio,
+	iframe,
+	embed,
+	object {
+		vertical-align: middle;
+		display: block;
+	}
+	img,
+	video {
+		max-width: 100%;
+		height: auto;
+	}
+	h1 {
+		font-size: var(--w-font-size-xxl);
+		line-height: var(--w-line-height-xxl);
+	}
+	h2 {
+		font-size: var(--w-font-size-xl);
+		line-height: var(--w-line-height-xl);
+	}
+	h3 {
+		font-size: var(--w-font-size-l);
+		line-height: var(--w-line-height-l);
+	}
+	h4 {
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+	}
+	h5 {
+		font-size: var(--w-font-size-s);
+		line-height: var(--w-line-height-s);
+	}
+	dt,
+	dd {
+		margin: 0 16px;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	ul,
+	ol,
+	dl,
+	p,
+	blockquote {
+		margin: 0 0 8px;
+	}
+	[hidden] {
+		display: none !important;
+	}
+	[tabindex="-1"]:focus:not(:focus-visible) {
+		outline: none;
+	}
+	legend {
+		float: left;
+		width: 100%;
+		margin: 0;
+		padding: 0;
+		display: table;
+	}
+	legend + * {
+		clear: both;
+	}
+	fieldset {
+		border: 0;
+		min-width: 0;
+		margin: 0;
+		padding: 0.01em 0 0;
+	}
+	body:not(:-moz-handler-blocked) fieldset {
+		display: table-cell;
+	}
+	svg {
+		pointer-events: none;
+	}
 `,kr=He(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
@@ -2470,21 +2475,45 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `);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}">
-      <div class="${F(this,f,ve)}">
-        <div class="${F(this,f,we)}">${this._iconMarkup}</div>
-        <div role="${this._role}" class="${p.content}">
-          <p>${this.text}</p>
-        </div>
-        ${tr(this.canclose===!0,()=>w`
-            <w-button variant="pill" small="" @click="${this.close}">
-              <w-icon name="Close" size="small" locale="${x()}" style="display: flex" class="flex"></w-icon>
-            </w-button>
-          `)}
-      </div>
-    </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`
-      :host {
-        display: block;
-      }
-    `],d([S({type:String,attribute:!0,reflect:!0})],b.prototype,"id",2),d([S({type:String,attribute:!0,reflect:!0,useDefault:!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([or()],b.prototype,"_expanded",2);customElements.get("w-toast")||customElements.define("w-toast",b);export{b as WarpToast,Qe as removeToast,Ke as toast,We as updateToast};
+        `);var R=typeof window<"u",V=!0;if(R){let o=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>V=!r;o.addEventListener&&o.addEventListener("change",e),e(o)}var se=o=>{o.style.transition=null,o.style.backfaceVisibility=null,o.style.overflow=null},ce=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()},le=(o,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})();if(!V)return o.style.height="auto",e&&e(),r;let t=Je(o,e);se(o),o.style.height="auto";let a=o.scrollHeight;if(R&&requestAnimationFrame(()=>{o.addEventListener("transitionend",t,{once:!0}),o.style.height="0px",o.style.transitionTimingFunction="ease-out",ce(o),requestAnimationFrame(()=>o.style.height=a+"px")}),r)return r},de=(o,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})();if(!V)return o.style.height="0px",e&&e(),r;let t=Ue(e);se(o);let a=o.scrollHeight;if(R&&requestAnimationFrame(()=>{o.addEventListener("transitionend",t,{once:!0}),o.style.height=a+"px",o.style.transitionTimingFunction="ease-in",ce(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}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.relative{position:relative}.static{position:static}.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}.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}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}");var C=typeof window<"u";function X(){return customElements.get("w-toast-container")}function Ke(o,e){if(!C)return;let r=X().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?X().init().del(o):void 0}function We(o,e){if(!C)return;let r=X().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&&le(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?l._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?l._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):l._({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}"
+		>
+			<div class="${F(this,f,ve)}">
+				<div class="${F(this,f,we)}">${this._iconMarkup}</div>
+				<div role="${this._role}" class="${p.content}">
+					<p>${this.text}</p>
+				</div>
+				${tr(this.canclose===!0,()=>w`
+						<w-button variant="pill" small="" @click="${this.close}">
+							<w-icon
+								name="Close"
+								size="small"
+								locale="${x()}"
+								style="display: flex"
+								class="flex"
+							></w-icon>
+						</w-button>
+					`)}
+			</div>
+		</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`
+			:host {
+				display: block;
+			}
+		`],d([S({type:String,attribute:!0,reflect:!0})],b.prototype,"id",2),d([S({type:String,attribute:!0,reflect:!0,useDefault:!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([or()],b.prototype,"_expanded",2);customElements.get("w-toast")||customElements.define("w-toast",b);export{b as WarpToast,Qe as removeToast,Ke as toast,We as updateToast};
 //# sourceMappingURL=toast.js.map