@warp-ds/elements 2.6.0 → 2.7.0-next.2
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 +1552 -0
- package/dist/index.d.ts +561 -0
- package/dist/packages/affix/affix.js +11 -11
- 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 +22 -22
- package/dist/packages/attention/attention.js.map +3 -3
- package/dist/packages/breadcrumbs/breadcrumbs.js +9 -9
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
- package/dist/packages/button/button.js +11 -11
- package/dist/packages/button/button.js.map +3 -3
- package/dist/packages/card/card.js +8 -8
- package/dist/packages/card/card.js.map +3 -3
- package/dist/packages/checkbox/checkbox.a11y.test.d.ts +1 -0
- package/dist/packages/checkbox/checkbox.a11y.test.js +73 -0
- package/dist/packages/checkbox/checkbox.d.ts +49 -0
- package/dist/packages/checkbox/checkbox.js +2594 -0
- package/dist/packages/checkbox/checkbox.js.map +7 -0
- package/dist/packages/checkbox/checkbox.react.stories.d.ts +12 -0
- package/dist/packages/checkbox/checkbox.react.stories.js +10 -0
- package/dist/packages/checkbox/checkbox.stories.d.ts +25 -0
- package/dist/packages/checkbox/checkbox.stories.js +183 -0
- package/dist/packages/checkbox/checkbox.test.d.ts +1 -0
- package/dist/packages/checkbox/checkbox.test.js +142 -0
- package/dist/packages/checkbox/react.d.ts +5 -0
- package/dist/packages/checkbox/react.js +15 -0
- package/dist/packages/checkbox/styles.d.ts +1 -0
- package/dist/packages/checkbox/styles.js +134 -0
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +109 -0
- package/dist/packages/checkbox-group/checkbox-group.d.ts +33 -0
- package/dist/packages/checkbox-group/checkbox-group.js +71 -0
- package/dist/packages/checkbox-group/checkbox-group.js.map +7 -0
- package/dist/packages/checkbox-group/checkbox-group.test.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.test.js +112 -0
- package/dist/packages/checkbox-group/locales/da/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/da/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/en/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/en/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/fi/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/fi/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/nb/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/nb/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/sv/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/sv/messages.mjs +1 -0
- package/dist/packages/checkbox-group/react.d.ts +2 -0
- package/dist/packages/checkbox-group/react.js +11 -0
- package/dist/packages/combobox/combobox.js +11 -11
- package/dist/packages/combobox/combobox.js.map +3 -3
- package/dist/packages/datepicker/datepicker.js +42 -42
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/expandable/expandable.js +11 -11
- package/dist/packages/expandable/expandable.js.map +3 -3
- package/dist/packages/i18n.d.ts +2 -0
- package/dist/packages/i18n.js +87 -2
- package/dist/packages/modal-header/modal-header.js +15 -15
- package/dist/packages/modal-header/modal-header.js.map +3 -3
- package/dist/packages/page-indicator/page-indicator.js +7 -7
- package/dist/packages/page-indicator/page-indicator.js.map +3 -3
- package/dist/packages/pagination/pagination.js +24 -24
- package/dist/packages/pagination/pagination.js.map +3 -3
- package/dist/packages/pill/pill.js +10 -10
- package/dist/packages/pill/pill.js.map +3 -3
- package/dist/packages/select/select.js +20 -20
- package/dist/packages/select/select.js.map +3 -3
- package/dist/packages/slider/Slider.d.ts +2 -0
- package/dist/packages/slider/Slider.js +8 -0
- package/dist/packages/slider/index.d.ts +2 -0
- package/dist/packages/slider/index.js +2 -0
- package/dist/packages/slider/locales/da/messages.d.mts +1 -0
- package/dist/packages/slider/locales/da/messages.mjs +1 -0
- package/dist/packages/slider/locales/en/messages.d.mts +1 -0
- package/dist/packages/slider/locales/en/messages.mjs +1 -0
- package/dist/packages/slider/locales/fi/messages.d.mts +1 -0
- package/dist/packages/slider/locales/fi/messages.mjs +1 -0
- package/dist/packages/slider/locales/nb/messages.d.mts +1 -0
- package/dist/packages/slider/locales/nb/messages.mjs +1 -0
- package/dist/packages/slider/locales/sv/messages.d.mts +1 -0
- package/dist/packages/slider/locales/sv/messages.mjs +1 -0
- package/dist/packages/slider/react.d.ts +3 -0
- package/dist/packages/slider/react.js +13 -0
- package/dist/packages/slider/slider.d.ts +64 -0
- package/dist/packages/slider/slider.js +2641 -0
- package/dist/packages/slider/slider.js.map +7 -0
- package/dist/packages/slider/slider.react.stories.d.ts +19 -0
- package/dist/packages/slider/slider.react.stories.js +161 -0
- package/dist/packages/slider/slider.stories.d.ts +26 -0
- package/dist/packages/slider/slider.stories.js +464 -0
- package/dist/packages/slider/slider.test.d.ts +5 -0
- package/dist/packages/slider/slider.test.js +380 -0
- package/dist/packages/slider/styles/w-slider.styles.d.ts +1 -0
- package/dist/packages/slider/styles/w-slider.styles.js +154 -0
- package/dist/packages/slider/styles.d.ts +1 -0
- package/dist/packages/slider/styles.js +2 -0
- package/dist/packages/slider-thumb/SliderThumb.d.ts +2 -0
- package/dist/packages/slider-thumb/SliderThumb.js +8 -0
- package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.d.ts +2 -0
- package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.js +3 -0
- package/dist/packages/slider-thumb/react.d.ts +6 -0
- package/dist/packages/slider-thumb/react.js +15 -0
- package/dist/packages/slider-thumb/slider-thumb.d.ts +72 -0
- package/dist/packages/slider-thumb/slider-thumb.js +2774 -0
- package/dist/packages/slider-thumb/slider-thumb.js.map +7 -0
- package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.d.ts +1 -0
- package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.js +194 -0
- package/dist/packages/step/step.js +13 -13
- package/dist/packages/step/step.js.map +3 -3
- package/dist/packages/step-indicator/step-indicator.a11y.test.js +6 -2
- package/dist/packages/textarea/textarea.a11y.test.js +1 -1
- package/dist/packages/textarea/textarea.test.js +2 -1
- package/dist/packages/textfield/styles/w-textfield.styles.js +6 -0
- package/dist/packages/textfield/textfield.js +7 -1
- package/dist/packages/textfield/textfield.js.map +2 -2
- package/dist/packages/toast/toast.js +13 -13
- package/dist/packages/toast/toast.js.map +3 -3
- package/dist/setup-tests.js +1 -1
- package/dist/web-types.json +328 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var Fe=Object.create;var Y=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var Ne=Object.getPrototypeOf,je=Object.prototype.hasOwnProperty;var Q=r=>{throw TypeError(r)};var W=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Ye=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of De(e))!je.call(r,a)&&a!==o&&Y(r,a,{get:()=>e[a],enumerable:!(t=K(e,a))||t.enumerable});return r};var $e=(r,e,o)=>(o=r!=null?Fe(Ne(r)):{},Ye(e||!r||!r.__esModule?Y(o,"default",{value:r,enumerable:!0}):o,r));var u=(r,e,o,t)=>{for(var a=t>1?void 0:t?K(e,o):e,s=r.length-1,i;s>=0;s--)(i=r[s])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&Y(e,o,a),a};var Ae=(r,e,o)=>e.has(r)||Q("Cannot "+o);var $=(r,e,o)=>(Ae(r,e,"read from private field"),o?o.call(r):e.get(r)),ee=(r,e,o)=>e.has(r)?Q("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,o);var re=W(x=>{"use strict";Object.defineProperty(x,"__esModule",{value:!0});x.errorMessages=x.ErrorType=void 0;var k;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(k=x.ErrorType||(x.ErrorType={}));x.errorMessages=new Map([[k.MalformedUnicode,"malformed Unicode character escape sequence"],[k.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[k.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[k.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[k.EndOfString,"malformed escape sequence at end of string"]])});var ae=W(b=>{"use strict";Object.defineProperty(b,"__esModule",{value:!0});b.unraw=b.errorMessages=b.ErrorType=void 0;var l=re();Object.defineProperty(b,"ErrorType",{enumerable:!0,get:function(){return l.ErrorType}});Object.defineProperty(b,"errorMessages",{enumerable:!0,get:function(){return l.errorMessages}});function Ie(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function S(r,e,o){let t=Ie(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(l.errorMessages.get(e));return t}function Xe(r){let e=S(r,l.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function oe(r,e){let o=S(r,l.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=S(e,l.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function Re(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function Ze(r){if(!Re(r))throw new SyntaxError(l.errorMessages.get(l.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=S(e,l.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(l.errorMessages.get(l.ErrorType.CodePointLimit)):t}}function He(r,e=!1){if(e)throw new SyntaxError(l.errorMessages.get(l.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Ue=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function qe(r){return Ue.get(r)||r}var Ve=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function te(r,e=!1){return r.replace(Ve,function(o,t,a,s,i,n,c,p,w){if(t!==void 0)return"\\";if(a!==void 0)return Xe(a);if(s!==void 0)return Ze(s);if(i!==void 0)return oe(i,n);if(c!==void 0)return oe(c);if(p==="0")return"\0";if(p!==void 0)return He(p,!e);if(w!==void 0)return qe(w);throw new SyntaxError(l.errorMessages.get(l.ErrorType.EndOfString))})}b.unraw=te;b.default=te});var L=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?L.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var se=$e(ae(),1);var h=r=>typeof r=="string",Ge=r=>typeof r=="function",ne=new Map,ce="en";function R(r){return[...Array.isArray(r)?r:[r],ce]}function Z(r,e,o){let t=R(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return T(()=>O("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function Je(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return Z(r,e,t)}function A(r,e,o){let t=R(r);return T(()=>O("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ie(r,e,o,{offset:t=0,...a}){var n,c;let s=R(r),i=e?T(()=>O("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):T(()=>O("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(c=(n=a[o])!=null?n:a[i.select(o-t)])!=null?c:a.other}function T(r,e){let o=r(),t=ne.get(o);return t||(t=e(),ne.set(o,t)),t}function O(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var le=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,de="%__lingui_octothorpe__%",Be=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],s=(i,n)=>{let c=Object.keys(o).length?a("number"):void 0,p=A(t,i,c);return n.replace(new RegExp(de,"g"),p)};return{plural:(i,n)=>{let{offset:c=0}=n,p=ie(t,!1,i,n);return s(i-c,p)},selectordinal:(i,n)=>{let{offset:c=0}=n,p=ie(t,!0,i,n);return s(i-c,p)},select:Ke,number:(i,n)=>A(t,i,a(n)||{style:n}),date:(i,n)=>Z(t,i,a(n)||n),time:(i,n)=>Je(t,i,a(n)||n)}},Ke=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Qe(r,e,o){return(t={},a)=>{let s=Be(e,o,a),i=(c,p=!1)=>Array.isArray(c)?c.reduce((w,M)=>{if(M==="#"&&p)return w+de;if(h(M))return w+M;let[J,f,B]=M,N={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(B).forEach(([j,Pe])=>{N[j]=i(Pe,f==="plural"||f==="selectordinal")}):N=B;let C;if(f){let j=s[f];C=j(t[J],N)}else C=t[J];return C==null?w:w+C},""):c,n=i(r);return h(n)&&le.test(n)?(0,se.unraw)(n):h(n)?n:n?String(n):""}}var We=Object.defineProperty,er=(r,e,o)=>e in r?We(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,rr=(r,e,o)=>(er(r,typeof e!="symbol"?e+"":e,o),o),I=class{constructor(){rr(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},or=Object.defineProperty,tr=(r,e,o)=>e in r?or(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,y=(r,e,o)=>(tr(r,typeof e!="symbol"?e+"":e,o),o),X=class extends I{constructor(e){var o;super(),y(this,"_locale",""),y(this,"_locales"),y(this,"_localeData",{}),y(this,"_messages",{}),y(this,"_missing"),y(this,"_messageCompiler"),y(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((o=e.locale)!=null?o:ce,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),h(e)||(o=e.values||o,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return Ge(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let c=s||a||e;return h(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
|
|
3
3
|
|
|
4
4
|
> ${c}
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
7
7
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
8
|
|
|
9
9
|
Please compile your catalog first.
|
|
10
|
-
`)),h(c)&&
|
|
10
|
+
`)),h(c)&&le.test(c)?JSON.parse(`"${c}"`):h(c)?c:Qe(c,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return Z(this._locales||this._locale,e,o)}number(e,o){return A(this._locales||this._locale,e,o)}};function ar(r={}){return new X(r)}var d=ar();var H=typeof window!="undefined",pe=!0;if(H){let r=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:o})=>pe=!o;r.addEventListener&&r.addEventListener("change",e),e(r)}var ue=r=>{r.style.transition=null,r.style.backfaceVisibility=null,r.style.overflow=null},ge=r=>{let e=pe?"var(--f-expansion-duration, 0.3s)":"0.01s";r.style.transition=`height ${e}`,r.style.backfaceVisibility="hidden",r.style.overflow="hidden"},nr=(r,e)=>()=>{r.style.height="auto",r.style.overflow=null,e&&e()},ir=r=>()=>{r&&r()},be=(r,e)=>{let o=(()=>{if(!e)return new Promise(s=>{e=s})})(),t=nr(r,e);ue(r),r.style.height="auto";let a=r.scrollHeight;if(H&&requestAnimationFrame(()=>{r.addEventListener("transitionend",t,{once:!0}),r.style.height="0px",r.style.transitionTimingFunction="ease-out",ge(r),requestAnimationFrame(()=>r.style.height=a+"px")}),o)return o},me=(r,e)=>{let o=(()=>{if(!e)return new Promise(s=>{e=s})})(),t=ir(e);ue(r);let a=r.scrollHeight;if(H&&requestAnimationFrame(()=>{r.addEventListener("transitionend",t,{once:!0}),r.style.height=a+"px",r.style.transitionTimingFunction="ease-in",ge(r),requestAnimationFrame(()=>r.style.height="0px")}),o)return o};import{css as _r,html as _,LitElement as zr}from"lit";import{property as D,state as Er}from"lit/decorators.js";import{when as Mr}from"lit/directives/when.js";import{html as cr,LitElement as lr}from"lit";import{property as U,state as dr}from"lit/decorators.js";import{classMap as pr}from"lit/directives/class-map.js";import{css as sr}from"lit";var he=sr`
|
|
11
11
|
:host {
|
|
12
12
|
display: inline-block;
|
|
13
13
|
}
|
|
@@ -32,7 +32,7 @@ Please compile your catalog first.
|
|
|
32
32
|
--w-icon-size: 32px;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
`;var q=new Map,
|
|
35
|
+
`;var q=new Map,ur='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function gr(r,e={}){var t;let o=(t=e.responseParser)!=null?t:(a=>a.text());return q.has(r)||q.set(r,fetch(r).then(o)),q.get(r)}var v=class extends lr{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(o){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${o}.svg`;try{let a=await gr(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(o){(o.has("name")||o.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let o=await this.fetchIcon(this.name);o||(o=new DOMParser().parseFromString(ur,"text/html").body.firstElementChild),this.svg=o}render(){let o={"w-icon":!0,"w-icon--s":this.size==="small","w-icon--m":this.size==="medium","w-icon--l":this.size==="large"},t=typeof this.size=="string"&&this.size.endsWith("px")?`--w-icon-size: ${this.size};`:"";return cr`<div class="${pr(o)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};v.styles=[he],u([U({type:String,reflect:!0})],v.prototype,"name",2),u([U({type:String,reflect:!0})],v.prototype,"size",2),u([U({type:String,reflect:!0})],v.prototype,"locale",2),u([dr()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);var br=["en","nb","fi","da","sv"],V="en",P=r=>br.find(e=>r===e||r.toLowerCase().includes(e))||V;function E(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return P(r)}try{let r=we(document);if(r)return P(r);let e=wr();if(e)return P(e);let o=we(ye());return o?P(o):V}catch(r){return console.warn("could not detect locale, falling back to source locale",r),V}}var fe=(r,e,o,t,a)=>{d.load("en",r),d.load("nb",e),d.load("fi",o),d.load("da",t),d.load("sv",a);let s=E();d.activate(s),xe(),hr()},mr="warp-i18n-change";function xe(){typeof window!="undefined"&&window.dispatchEvent(new Event(mr))}var ve=!1;function hr(){if(ve||typeof window=="undefined"||!(document!=null&&document.documentElement))return;ve=!0;let r=()=>{let a=E();d.locale!==a&&(d.activate(a),xe())},e=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){r();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=ye();o&&o.documentElement&&o!==document&&e.observe(o.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=vr();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ye(){var r,e;try{return(e=(r=window.parent)==null?void 0:r.document)!=null?e:null}catch(o){return null}}function we(r){var e,o;try{return(o=(e=r==null?void 0:r.documentElement)==null?void 0:e.lang)!=null?o:""}catch(t){return""}}function vr(){var r;try{return(r=window.frameElement)!=null?r:null}catch(e){return null}}function wr(){var r,e,o;try{return(o=(e=(r=window.frameElement)==null?void 0:r.getAttribute)==null?void 0:e.call(r,"lang"))!=null?o:""}catch(t){return""}}import{css as ke}from"lit";var _e=ke`
|
|
36
36
|
*,
|
|
37
37
|
:before,
|
|
38
38
|
:after {
|
|
@@ -305,7 +305,7 @@ Please compile your catalog first.
|
|
|
305
305
|
svg {
|
|
306
306
|
pointer-events: none;
|
|
307
307
|
}
|
|
308
|
-
|
|
308
|
+
`,qr=ke`*, :before, :after {
|
|
309
309
|
--w-rotate: 0;
|
|
310
310
|
--w-rotate-x: 0;
|
|
311
311
|
--w-rotate-y: 0;
|
|
@@ -2471,21 +2471,21 @@ Please compile your catalog first.
|
|
|
2471
2471
|
display: none
|
|
2472
2472
|
}
|
|
2473
2473
|
}
|
|
2474
|
-
`;var
|
|
2475
|
-
<div class="${
|
|
2476
|
-
<div class="${
|
|
2477
|
-
<div role="${this._role}" class="${
|
|
2474
|
+
`;var ze=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var Ee=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var Me=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var Ce=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var Le=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');import{css as fr}from"lit";var Se=fr`*,: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 F=typeof window!="undefined";function G(){return customElements.get("w-toast-container")}function xr(r,e){if(!F)return;let o=G().init(),t={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:r,duration:5e3,type:"success",...e};return o.set(t),t}function yr(r){return F?G().init().del(r):void 0}function kr(r,e){if(!F)return;let o=G().init();return o.set({...o.get(r),...e}),o.get(r)}var g={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"},z,Te,Oe,m=class extends zr{constructor(){super();ee(this,z);this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5);this.type="success";this.text="";this.canclose=!1;this._expanded=!1;fe(Ee,Ce,Me,ze,Le)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&be(this._wrapper,()=>this._expanded=!0)}get _wrapper(){var o,t;return(t=(o=this.renderRoot)==null?void 0:o.querySelector("section"))!=null?t:null}get _warning(){return this.type==="warning"}get _error(){return this.type==="error"}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?d._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?d._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):d._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){let o=E();return this._warning?_`<w-icon name="Warning" size="small" locale="${o}" class="flex"></w-icon>`:this._error?_`<w-icon name="Error" size="small" locale="${o}" class="flex"></w-icon>`:_`<w-icon name="Success" size="small" locale="${o}" class="flex"></w-icon>`}async collapse(){return new Promise(o=>{this._expanded&&this._wrapper?me(this._wrapper,o):o()})}close(){let o=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(o))}render(){return this.text?_` <section class="${g.wrapper}" aria-label="${this._typeLabel}">
|
|
2475
|
+
<div class="${$(this,z,Te)}">
|
|
2476
|
+
<div class="${$(this,z,Oe)}">${this._iconMarkup}</div>
|
|
2477
|
+
<div role="${this._role}" class="${g.content}">
|
|
2478
2478
|
<p>${this.text}</p>
|
|
2479
2479
|
</div>
|
|
2480
|
-
${
|
|
2480
|
+
${Mr(this.canclose===!0,()=>_`
|
|
2481
2481
|
<w-button variant="pill" small="" @click="${this.close}">
|
|
2482
|
-
<w-icon name="Close" size="small" locale="${
|
|
2482
|
+
<w-icon name="Close" size="small" locale="${E()}" style="display: flex" class="flex"></w-icon>
|
|
2483
2483
|
</w-button>
|
|
2484
2484
|
`)}
|
|
2485
2485
|
</div>
|
|
2486
|
-
</section>`:_``}};z=new WeakSet,
|
|
2486
|
+
</section>`:_``}};z=new WeakSet,Te=function(){return L([g.base,this.type==="success"&&g.positive,this.type==="warning"&&g.warning,this.type==="error"&&g.negative])},Oe=function(){return L([g.iconBase,this.type==="success"&&g.iconPositive,this.type==="warning"&&g.iconWarning,this.type==="error"&&g.iconNegative])},m.styles=[_e,Se,_r`
|
|
2487
2487
|
:host {
|
|
2488
2488
|
display: block;
|
|
2489
2489
|
}
|
|
2490
|
-
`],
|
|
2490
|
+
`],u([D({type:String,attribute:!0,reflect:!0})],m.prototype,"id",2),u([D({type:String,attribute:!0,reflect:!0})],m.prototype,"type",2),u([D({type:String,attribute:!0,reflect:!0})],m.prototype,"text",2),u([D({type:Boolean,attribute:!0,reflect:!0})],m.prototype,"canclose",2),u([Er()],m.prototype,"_expanded",2);customElements.get("w-toast")||customElements.define("w-toast",m);export{m as WarpToast,yr as removeToast,xr as toast,kr as updateToast};
|
|
2491
2491
|
//# sourceMappingURL=toast.js.map
|