@warp-ds/elements 2.10.0-next.12 → 2.10.0-next.13
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/packages/affix/affix.js +8 -8
- package/dist/packages/affix/affix.js.map +3 -3
- package/dist/packages/alert/alert.js +7 -7
- package/dist/packages/alert/alert.js.map +3 -3
- package/dist/packages/attention/attention.js +42 -21
- package/dist/packages/attention/attention.js.map +3 -3
- package/dist/packages/badge/badge.js +6 -6
- package/dist/packages/badge/badge.js.map +3 -3
- package/dist/packages/box/box.js +6 -6
- package/dist/packages/box/box.js.map +3 -3
- package/dist/packages/breadcrumbs/breadcrumbs.js +7 -7
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
- package/dist/packages/button/button.js +37 -16
- package/dist/packages/button/button.js.map +3 -3
- package/dist/packages/button/styles.js +18 -2
- package/dist/packages/card/card.js +8 -8
- package/dist/packages/card/card.js.map +3 -3
- package/dist/packages/checkbox/checkbox.js +9 -9
- package/dist/packages/checkbox/checkbox.js.map +3 -3
- package/dist/packages/combobox/combobox.js +9 -9
- package/dist/packages/combobox/combobox.js.map +3 -3
- package/dist/packages/datepicker/datepicker.js +22 -22
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/expandable/expandable.js +14 -14
- package/dist/packages/expandable/expandable.js.map +3 -3
- package/dist/packages/link/link.js +40 -19
- package/dist/packages/link/link.js.map +3 -3
- package/dist/packages/link/styles.js +5 -0
- package/dist/packages/modal/modal.js +7 -7
- package/dist/packages/modal/modal.js.map +3 -3
- package/dist/packages/modal-footer/modal-footer.js +7 -7
- package/dist/packages/modal-footer/modal-footer.js.map +3 -3
- package/dist/packages/modal-header/modal-header.js +10 -10
- package/dist/packages/modal-header/modal-header.js.map +3 -3
- package/dist/packages/pagination/pagination.js +8 -8
- package/dist/packages/pagination/pagination.js.map +3 -3
- package/dist/packages/pill/pill.js +9 -9
- package/dist/packages/pill/pill.js.map +3 -3
- package/dist/packages/radio/radio.js +8 -8
- package/dist/packages/radio/radio.js.map +3 -3
- package/dist/packages/radio-group/radio-group.js +11 -11
- package/dist/packages/radio-group/radio-group.js.map +3 -3
- package/dist/packages/select/select.js +13 -13
- package/dist/packages/select/select.js.map +3 -3
- package/dist/packages/slider/slider.js +13 -13
- package/dist/packages/slider/slider.js.map +3 -3
- package/dist/packages/slider/styles.js +2 -2
- package/dist/packages/slider-thumb/slider-thumb.js +11 -11
- package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
- package/dist/packages/step/step.js +10 -10
- package/dist/packages/step/step.js.map +3 -3
- package/dist/packages/step-indicator/step-indicator.js +6 -6
- package/dist/packages/step-indicator/step-indicator.js.map +3 -3
- package/dist/packages/styles.js +4 -2
- package/dist/packages/switch/switch.js +6 -6
- package/dist/packages/switch/switch.js.map +3 -3
- package/dist/packages/tab/tab.js +7 -7
- package/dist/packages/tab/tab.js.map +3 -3
- package/dist/packages/tab-panel/tab-panel.js +5 -5
- package/dist/packages/tab-panel/tab-panel.js.map +3 -3
- package/dist/packages/tabs/tabs.js +6 -6
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/textarea/textarea.js +10 -10
- package/dist/packages/textarea/textarea.js.map +3 -3
- package/dist/packages/textfield/textfield.js +10 -10
- package/dist/packages/textfield/textfield.js.map +3 -3
- package/dist/packages/toast/styles.js +2 -2
- package/dist/packages/toast/toast.js +12 -12
- package/dist/packages/toast/toast.js.map +3 -3
- package/dist/packages/toast-container/toast-container.js +8 -8
- package/dist/packages/toast-container/toast-container.js.map +3 -3
- package/dist/web-types.json +1 -1
- package/eik/index.js +16 -2455
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export const styles =
|
|
1
|
+
import { unsafeCSS } from "lit";
|
|
2
|
+
export const styles = unsafeCSS("*,: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}}");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var xe=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var q=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)||q("Cannot "+r);var F=(o,e,r)=>(ye(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",_e=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 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 J(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=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__%",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(Q,"g"),m)};return{plural:(n,s)=>{let{offset:l=0}=s,m=J(t,!1,n,s);return i(n-l,m)},selectordinal:(n,s)=>{let{offset:l=0}=s,m=J(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 Ce(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+Q;if(g(y))return k+y;let[R,h,V]=y,P={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries(V).forEach(([T,fe])=>{P[T]=n(fe,h==="plural"||h==="selectordinal")}):P=V;let _;if(h){let T=i[h];_=T(t[R],P)}else _=t[R];return _==null?k:k+_},""):l,s=n(o);return g(s)&&B.test(s)?K(s):g(s)?s:s?String(s):""}}var Me=Object.defineProperty,Se=(o,e,r)=>e in o?Me(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Pe=(o,e,r)=>(Se(o,typeof e!="symbol"?e+"":e,r),r),j=class{constructor(){Pe(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}},Te=Object.defineProperty,Fe=(o,e,r)=>e in o?Te(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??U,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)&&B.test(l)?K(l):g(l)?l:Ce(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
|
|
9
|
+
`)),g(l)&&B.test(l)?K(l):g(l)?l:Ce(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();var N=typeof window<"u",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"},je=(o,e)=>()=>{o.style.height="auto",o.style.overflow=null,e&&e()},Oe=o=>()=>{o&&o()},oe=(o,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})(),t=je(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(i=>{e=i})})(),t=Oe(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 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 Ne}from"lit";import{property as A,state as Ae}from"lit/decorators.js";import{classMap as Xe}from"lit/directives/class-map.js";import{css as $e}from"lit";var ae=$e`
|
|
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 X=new Map,
|
|
34
|
+
`;var X=new Map,Ze='<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 X.has(o)||X.set(o,fetch(o).then(r)),X.get(o)}var u=class extends Ne{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{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(Ze,"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="${Xe(a)}" style="${i}" 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([Ae()],u.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",u);var Re=["en","nb","fi","da","sv"],Z="en",C=o=>Re.find(e=>o===e||o.toLowerCase().includes(e))||Z;function x(){if(typeof window>"u"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return C(o)}try{let o=ne(document);if(o)return C(o);let e=He();if(e)return C(e);let r=ne(ce());return r?C(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 i=x();c.activate(i),le(),qe()},Ve="warp-i18n-change";function le(){typeof window>"u"||window.dispatchEvent(new Event(Ve))}var ie=!1;function qe(){if(ie||typeof window>"u"||!document?.documentElement)return;ie=!0;let o=()=>{let a=x();c.locale!==a&&(c.activate(a),le())},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=ce();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ge();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ce(){try{return window.parent?.document??null}catch{return null}}function ne(o){try{return o?.documentElement?.lang??""}catch{return""}}function Ge(){try{return window.frameElement??null}catch{return null}}function He(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Je}from"lit";import{unsafeCSS as Ue}from"lit";var de=Je`
|
|
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
|
+
`,yr=Ue(`*, :before, :after {
|
|
308
308
|
--w-rotate: 0;
|
|
309
309
|
--w-rotate-x: 0;
|
|
310
310
|
--w-rotate-y: 0;
|
|
@@ -2169,8 +2169,8 @@ Please compile your catalog first.
|
|
|
2169
2169
|
overflow-wrap: break-word
|
|
2170
2170
|
}
|
|
2171
2171
|
|
|
2172
|
-
.before\\:content-\\[\\"
|
|
2173
|
-
content: "
|
|
2172
|
+
.before\\:content-\\[\\"\xE2\u20AC\u201C\\"\\]:before {
|
|
2173
|
+
content: "\xE2\u20AC\u201C"
|
|
2174
2174
|
}
|
|
2175
2175
|
|
|
2176
2176
|
.before\\:content-\\[\\"\\"\\]:before {
|
|
@@ -2470,21 +2470,21 @@ Please compile your catalog first.
|
|
|
2470
2470
|
display: none
|
|
2471
2471
|
}
|
|
2472
2472
|
}
|
|
2473
|
-
|
|
2474
|
-
<div class="${F(this,f,
|
|
2475
|
-
<div class="${F(this,f,
|
|
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 M=typeof window<"u";function I(){return customElements.get("w-toast-container")}function Ke(o,e){if(!M)return;let r=I().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 M?I().init().del(o):void 0}function We(o,e){if(!M)return;let r=I().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();G(this,f);this.type="success";this.text="";this.canclose=!1;this._expanded=!1;se(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&&oe(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?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="${F(this,f,ve)}">
|
|
2475
|
+
<div class="${F(this,f,we)}">${this._iconMarkup}</div>
|
|
2476
2476
|
<div role="${this._role}" class="${p.content}">
|
|
2477
2477
|
<p>${this.text}</p>
|
|
2478
2478
|
</div>
|
|
2479
|
-
${
|
|
2479
|
+
${tr(this.canclose===!0,()=>w`
|
|
2480
2480
|
<w-button variant="pill" small="" @click="${this.close}">
|
|
2481
2481
|
<w-icon name="Close" size="small" locale="${x()}" style="display: flex" class="flex"></w-icon>
|
|
2482
2482
|
</w-button>
|
|
2483
2483
|
`)}
|
|
2484
2484
|
</div>
|
|
2485
|
-
</section>`:w``}};f=new WeakSet,
|
|
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=[de,he,er`
|
|
2486
2486
|
:host {
|
|
2487
2487
|
display: block;
|
|
2488
2488
|
}
|
|
2489
|
-
`],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([
|
|
2489
|
+
`],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};
|
|
2490
2490
|
//# sourceMappingURL=toast.js.map
|