@warp-ds/elements 2.6.0-next.4 → 2.6.0

package/dist/packages/pill/pill.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import '@warp-ds/icons/elements/close-16';
+import '../icon/icon.js';
 /**
  * Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.
  *

package/dist/packages/pill/pill.js

@@ -1,13 +1,38 @@
-var ue=Object.create;var F=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var he=Object.getOwnPropertyNames;var me=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var U=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var fe=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of he(e))!ve.call(r,a)&&a!==o&&F(r,a,{get:()=>e[a],enumerable:!(t=R(e,a))||t.enumerable});return r};var we=(r,e,o)=>(o=r!=null?ue(me(r)):{},fe(e||!r||!r.__esModule?F(o,"default",{value:r,enumerable:!0}):o,r));var f=(r,e,o,t)=>{for(var a=t>1?void 0:t?R(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&&F(e,o,a),a};var X=U(w=>{"use strict";Object.defineProperty(w,"__esModule",{value:!0});w.errorMessages=w.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=w.ErrorType||(w.ErrorType={}));w.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 H=U(u=>{"use strict";Object.defineProperty(u,"__esModule",{value:!0});u.unraw=u.errorMessages=u.ErrorType=void 0;var c=X();Object.defineProperty(u,"ErrorType",{enumerable:!0,get:function(){return c.ErrorType}});Object.defineProperty(u,"errorMessages",{enumerable:!0,get:function(){return c.errorMessages}});function xe(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function C(r,e,o){let t=xe(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(c.errorMessages.get(e));return t}function ke(r){let e=C(r,c.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function P(r,e){let o=C(r,c.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=C(e,c.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function ye(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function _e(r){if(!ye(r))throw new SyntaxError(c.errorMessages.get(c.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=C(e,c.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(c.errorMessages.get(c.ErrorType.CodePointLimit)):t}}function ze(r,e=!1){if(e)throw new SyntaxError(c.errorMessages.get(c.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Ce=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Me(r){return Ce.get(r)||r}var Le=/\\(?:(\\)|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 Z(r,e=!1){return r.replace(Le,function(o,t,a,s,i,n,l,p,m){if(t!==void 0)return"\\";if(a!==void 0)return ke(a);if(s!==void 0)return _e(s);if(i!==void 0)return P(i,n);if(l!==void 0)return P(l);if(p==="0")return"\0";if(p!==void 0)return ze(p,!e);if(m!==void 0)return Me(m);throw new SyntaxError(c.errorMessages.get(c.ErrorType.EndOfString))})}u.unraw=Z;u.default=Z});import{html as pe,LitElement as rr}from"lit";import{LitElement as $e}from"lit";import{unsafeStatic as Re,html as Ue}from"lit/static-html.js";var q=we(H(),1);var h=r=>typeof r=="string",Se=r=>typeof r=="function",J=new Map,K="en";function A(r){return[...Array.isArray(r)?r:[r],K]}function D(r,e,o){let t=A(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 M(()=>L("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function Ee(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 D(r,e,t)}function N(r,e,o){let t=A(r);return M(()=>L("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function B(r,e,o,{offset:t=0,...a}){var n,l;let s=A(r),i=e?M(()=>L("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):M(()=>L("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(n=a[o])!=null?n:a[i.select(o-t)])!=null?l:a.other}function M(r,e){let o=r(),t=J.get(o);return t||(t=e(),J.set(o,t)),t}function L(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var G=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,V="%__lingui_octothorpe__%",Oe=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],s=(i,n)=>{let l=Object.keys(o).length?a("number"):void 0,p=N(t,i,l);return n.replace(new RegExp(V,"g"),p)};return{plural:(i,n)=>{let{offset:l=0}=n,p=B(t,!1,i,n);return s(i-l,p)},selectordinal:(i,n)=>{let{offset:l=0}=n,p=B(t,!0,i,n);return s(i-l,p)},select:Fe,number:(i,n)=>N(t,i,a(n)||{style:n}),date:(i,n)=>D(t,i,a(n)||n),time:(i,n)=>Ee(t,i,a(n)||n)}},Fe=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Ne(r,e,o){return(t={},a)=>{let s=Oe(e,o,a),i=(l,p=!1)=>Array.isArray(l)?l.reduce((m,_)=>{if(_==="#"&&p)return m+V;if(h(_))return m+_;let[I,v,$]=_,E={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries($).forEach(([O,ge])=>{E[O]=i(ge,v==="plural"||v==="selectordinal")}):E=$;let z;if(v){let O=s[v];z=O(t[I],E)}else z=t[I];return z==null?m:m+z},""):l,n=i(r);return h(n)&&G.test(n)?(0,q.unraw)(n):h(n)?n:n?String(n):""}}var je=Object.defineProperty,Te=(r,e,o)=>e in r?je(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,Ae=(r,e,o)=>(Te(r,typeof e!="symbol"?e+"":e,o),o),j=class{constructor(){Ae(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}},De=Object.defineProperty,Ye=(r,e,o)=>e in r?De(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,x=(r,e,o)=>(Ye(r,typeof e!="symbol"?e+"":e,o),o),T=class extends j{constructor(e){var o;super(),x(this,"_locale",""),x(this,"_locales"),x(this,"_localeData",{}),x(this,"_messages",{}),x(this,"_missing"),x(this,"_messageCompiler"),x(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:K,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 Se(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return h(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
-
-> ${l}
+var he=Object.create;var T=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var me=Object.getOwnPropertyNames;var ve=Object.getPrototypeOf,fe=Object.prototype.hasOwnProperty;var Z=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var we=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of me(e))!fe.call(o,a)&&a!==r&&T(o,a,{get:()=>e[a],enumerable:!(t=X(e,a))||t.enumerable});return o};var xe=(o,e,r)=>(r=o!=null?he(ve(o)):{},we(e||!o||!o.__esModule?T(r,"default",{value:o,enumerable:!0}):r,o));var p=(o,e,r,t)=>{for(var a=t>1?void 0:t?X(e,r):e,l=o.length-1,n;l>=0;l--)(n=o[l])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&T(e,r,a),a};var q=Z(x=>{"use strict";Object.defineProperty(x,"__esModule",{value:!0});x.errorMessages=x.ErrorType=void 0;var y;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(y=x.ErrorType||(x.ErrorType={}));x.errorMessages=new Map([[y.MalformedUnicode,"malformed Unicode character escape sequence"],[y.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[y.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[y.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[y.EndOfString,"malformed escape sequence at end of string"]])});var V=Z(h=>{"use strict";Object.defineProperty(h,"__esModule",{value:!0});h.unraw=h.errorMessages=h.ErrorType=void 0;var c=q();Object.defineProperty(h,"ErrorType",{enumerable:!0,get:function(){return c.ErrorType}});Object.defineProperty(h,"errorMessages",{enumerable:!0,get:function(){return c.errorMessages}});function Ee(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function S(o,e,r){let t=Ee(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(c.errorMessages.get(e));return t}function Le(o){let e=S(o,c.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function G(o,e){let r=S(o,c.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=S(e,c.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function Fe(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function Oe(o){if(!Fe(o))throw new SyntaxError(c.errorMessages.get(c.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=S(e,c.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(c.errorMessages.get(c.ErrorType.CodePointLimit)):t}}function Te(o,e=!1){if(e)throw new SyntaxError(c.errorMessages.get(c.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var je=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Ne(o){return je.get(o)||o}var Ae=/\\(?:(\\)|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 J(o,e=!1){return o.replace(Ae,function(r,t,a,l,n,i,s,b,f){if(t!==void 0)return"\\";if(a!==void 0)return Le(a);if(l!==void 0)return Oe(l);if(n!==void 0)return G(n,i);if(s!==void 0)return G(s);if(b==="0")return"\0";if(b!==void 0)return Te(b,!e);if(f!==void 0)return Ne(f);throw new SyntaxError(c.errorMessages.get(c.ErrorType.EndOfString))})}h.unraw=J;h.default=J});import{html as ge,LitElement as Ve}from"lit";import{html as ye,LitElement as _e}from"lit";import{property as j,state as ze}from"lit/decorators.js";import{classMap as Ce}from"lit/directives/class-map.js";import{css as ke}from"lit";var H=ke`
+: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 N=new Map,Me='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Se(o,e={}){var t;let r=(t=e.responseParser)!=null?t:(a=>a.text());return N.has(o)||N.set(o,fetch(o).then(r)),N.get(o)}var m=class extends _e{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await Se(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Me,"text/html").body.firstElementChild),this.svg=r}render(){let r={"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 ye`<div class="${Ce(r)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};m.styles=[H],p([j({type:String,reflect:!0})],m.prototype,"name",2),p([j({type:String,reflect:!0})],m.prototype,"size",2),p([j({type:String,reflect:!0})],m.prototype,"locale",2),p([ze()],m.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",m);var M=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)?M.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var Q=xe(V(),1);var v=o=>typeof o=="string",$e=o=>typeof o=="function",B=new Map,W="en";function Y(o){return[...Array.isArray(o)?o:[o],W]}function P(o,e,r){let t=Y(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(v(e)?new Date(e):e)}function De(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 P(o,e,t)}function A(o,e,r){let t=Y(o);return E(()=>L("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function K(o,e,r,{offset:t=0,...a}){var i,s;let l=Y(o),n=e?E(()=>L("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):E(()=>L("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return(s=(i=a[r])!=null?i:a[n.select(r-t)])!=null?s:a.other}function E(o,e){let r=o(),t=B.get(r);return t||(t=e(),B.set(r,t)),t}function L(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var ee=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,re="%__lingui_octothorpe__%",Ye=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],l=(n,i)=>{let s=Object.keys(r).length?a("number"):void 0,b=A(t,n,s);return i.replace(new RegExp(re,"g"),b)};return{plural:(n,i)=>{let{offset:s=0}=i,b=K(t,!1,n,i);return l(n-s,b)},selectordinal:(n,i)=>{let{offset:s=0}=i,b=K(t,!0,n,i);return l(n-s,b)},select:Pe,number:(n,i)=>A(t,n,a(i)||{style:i}),date:(n,i)=>P(t,n,a(i)||i),time:(n,i)=>De(t,n,a(i)||i)}},Pe=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Re(o,e,r){return(t={},a)=>{let l=Ye(e,r,a),n=(s,b=!1)=>Array.isArray(s)?s.reduce((f,z)=>{if(z==="#"&&b)return f+re;if(v(z))return f+z;let[I,w,U]=z,F={};w==="plural"||w==="selectordinal"||w==="select"?Object.entries(U).forEach(([O,ue])=>{F[O]=n(ue,w==="plural"||w==="selectordinal")}):F=U;let C;if(w){let O=l[w];C=O(t[I],F)}else C=t[I];return C==null?f:f+C},""):s,i=n(o);return v(i)&&ee.test(i)?(0,Q.unraw)(i):v(i)?i:i?String(i):""}}var Ie=Object.defineProperty,Ue=(o,e,r)=>e in o?Ie(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Xe=(o,e,r)=>(Ue(o,typeof e!="symbol"?e+"":e,r),r),$=class{constructor(){Xe(this,"_events",{})}on(e,r){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},Ze=Object.defineProperty,He=(o,e,r)=>e in o?Ze(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,k=(o,e,r)=>(He(o,typeof e!="symbol"?e+"":e,r),r),D=class extends ${constructor(e){var r;super(),k(this,"_locale",""),k(this,"_locales"),k(this,"_localeData",{}),k(this,"_messages",{}),k(this,"_missing"),k(this,"_messageCompiler"),k(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:W,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),v(e)||(r=e.values||r,a=e.message,e=e.id);let l=this.messages[e],n=l===void 0,i=this._missing;if(i&&n)return $e(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let s=l||a||e;return v(s)&&(this._messageCompiler?s=this._messageCompiler(s):console.warn(`Uncompiled message detected! Message:
+
+> ${s}
 
 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. 
-`)),h(l)&&G.test(l)?JSON.parse(`"${l}"`):h(l)?l:Ne(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return D(this._locales||this._locale,e,o)}number(e,o){return N(this._locales||this._locale,e,o)}};function Ie(r={}){return new T(r)}var d=Ie();var Xe=JSON.parse('{"icon.title.close":["Kryss"]}'),Pe=JSON.parse('{"icon.title.close":["Cross"]}'),Ze=JSON.parse('{"icon.title.close":["Rasti"]}'),He=JSON.parse('{"icon.title.close":["Kryds"]}'),Je=JSON.parse('{"icon.title.close":["Kryss"]}'),Q=["en","nb","fi","da","sv"],W="en",Be=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},ee=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":W},Y=r=>Q.find(e=>r===e||r.toLowerCase().includes(e))||ee();function qe(){var r;if(typeof window=="undefined"){let e=Be();return Y(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=ee();return Q.includes(e)?Y(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Y(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),W}}var Ke=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,Ge=(r,e,o,t,a)=>{let s=qe(),i=Ke(s,r,e,o,t,a);d.load(s,i),d.activate(s)};Ge(Pe,Xe,Ze,He,Je);var Ve=class extends $e{render(){let r=d.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return Ue`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${Re(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",Ve);var S=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)?S.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{property as y}from"lit/decorators.js";var Qe=["en","nb","fi","da","sv"],oe="en",re=r=>Qe.find(e=>r===e||r.toLowerCase().includes(e))||oe;function We(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return re(r)}try{let r=document.documentElement.lang;return re(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),oe}}var te=(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=We();d.activate(s)};import{css as ae}from"lit";var ie=ae`
+`)),v(s)&&ee.test(s)?JSON.parse(`"${s}"`):v(s)?s:Re(s,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return P(this._locales||this._locale,e,r)}number(e,r){return A(this._locales||this._locale,e,r)}};function qe(o={}){return new D(o)}var g=qe();import{property as _}from"lit/decorators.js";var Ge=["en","nb","fi","da","sv"],te="en",oe=o=>Ge.find(e=>o===e||o.toLowerCase().includes(e))||te;function R(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return oe(o)}try{let o=document.documentElement.lang;return oe(o)}catch(o){return console.warn("could not detect locale, falling back to source locale",o),te}}var ae=(o,e,r,t,a)=>{g.load("en",o),g.load("nb",e),g.load("fi",r),g.load("da",t),g.load("sv",a);let l=R();g.activate(l)};import{css as ie}from"lit";var ne=ie`
   *,
   :before,
   :after {
@@ -280,7 +305,7 @@ Please compile your catalog first.
   svg {
     pointer-events: none;
   }
-`,vr=ae`*, :before, :after {
+`,ur=ie`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2446,16 +2471,16 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;var ne=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var se=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var le=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var ce=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var de=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as er}from"lit";var be=er`*,: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-\\[--w-color-pill-suggestion-background\\]{background-color:var(--w-color-pill-suggestion-background)}.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.rounded{border-radius:4px}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.active\\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.h-16{height:1.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pl-12{padding-left:1.2rem}.pl-4{padding-left:.4rem}.pr-12{padding-right:1.2rem}.pr-2{padding-right:.2rem}.font-bold{font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var b={wrapper:"flex items-center",button:"inline-flex items-center focusable text-xs transition-all",suggestion:"bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold",filter:"s-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted",label:"pl-12 py-8 rounded-l-full",labelWithoutClose:"pr-12 rounded-r-full",labelWithClose:"pr-2",close:"pr-12 pl-4 py-8 rounded-r-full",closeIcon:"h-16",a11y:"sr-only"},g=class extends rr{constructor(){super(),te(se,ce,le,ne,de),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=d._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=d._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return S([b.button,b.label,this.suggestion?b.suggestion:b.filter,this.canClose?b.labelWithClose:b.labelWithoutClose])}get _closeClasses(){return S([b.button,b.close,this.suggestion?b.suggestion:b.filter])}_onClick(){this.dispatchEvent(new CustomEvent("w-pill-click",{bubbles:!0,composed:!0}))}_onClose(){this.dispatchEvent(new CustomEvent("w-pill-close",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.openSrLabel&&(this.openAriaLabel=this.openSrLabel),this.closeSrLabel&&(this.closeAriaLabel=this.closeSrLabel)}render(){return pe`
-      <div class="${b.wrapper}">
+        `;var se=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var le=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var ce=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var de=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var pe=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as Je}from"lit";var be=Je`*,: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-\\[--w-color-pill-suggestion-background\\]{background-color:var(--w-color-pill-suggestion-background)}.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.rounded{border-radius:4px}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.active\\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.h-16{height:1.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pl-12{padding-left:1.2rem}.pl-4{padding-left:.4rem}.pr-12{padding-right:1.2rem}.pr-2{padding-right:.2rem}.font-bold{font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;var d={wrapper:"flex items-center",button:"inline-flex items-center focusable text-xs transition-all",suggestion:"bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold",filter:"s-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted",label:"pl-12 py-8 rounded-l-full",labelWithoutClose:"pr-12 rounded-r-full",labelWithClose:"pr-2",close:"pr-12 pl-4 py-8 rounded-r-full",closeIcon:"h-16",a11y:"sr-only"},u=class extends Ve{constructor(){super(),ae(le,de,ce,se,pe),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=g._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=g._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return M([d.button,d.label,this.suggestion?d.suggestion:d.filter,this.canClose?d.labelWithClose:d.labelWithoutClose])}get _closeClasses(){return M([d.button,d.close,this.suggestion?d.suggestion:d.filter])}_onClick(){this.dispatchEvent(new CustomEvent("w-pill-click",{bubbles:!0,composed:!0}))}_onClose(){this.dispatchEvent(new CustomEvent("w-pill-close",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.openSrLabel&&(this.openAriaLabel=this.openSrLabel),this.closeSrLabel&&(this.closeAriaLabel=this.closeSrLabel)}render(){return ge`
+      <div class="${d.wrapper}">
         <button type="button" class="${this._labelClasses}" @click="${this._onClick}">
-          <span class="${b.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
+          <span class="${d.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
           <slot></slot>
         </button>
-        ${this.canClose?pe` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
-              <span class="${b.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
-              <w-icon-close-16 class="${b.closeIcon}"></w-icon-close-16>
+        ${this.canClose?ge` <button type="button" class="${this._closeClasses}" @click="${this._onClose}">
+              <span class="${d.a11y}">${this.closeAriaLabel?this.closeAriaLabel:this.removeFilterSrText}</span>
+              <w-icon name="Close" size="small" locale="${R()}" class="${d.closeIcon}" class="flex"></w-icon>
             </button>`:null}
       </div>
-    `}};g.styles=[ie,be],f([y({attribute:"can-close",type:Boolean})],g.prototype,"canClose",2),f([y({attribute:"suggestion",type:Boolean})],g.prototype,"suggestion",2),f([y({attribute:"open-sr-label",type:String})],g.prototype,"openSrLabel",2),f([y({attribute:"open-aria-label",type:String})],g.prototype,"openAriaLabel",2),f([y({attribute:"close-sr-label",type:String})],g.prototype,"closeSrLabel",2),f([y({attribute:"close-aria-label",type:String})],g.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",g);export{g as WarpPill};
+    `}};u.styles=[ne,be],p([_({attribute:"can-close",type:Boolean})],u.prototype,"canClose",2),p([_({attribute:"suggestion",type:Boolean})],u.prototype,"suggestion",2),p([_({attribute:"open-sr-label",type:String})],u.prototype,"openSrLabel",2),p([_({attribute:"open-aria-label",type:String})],u.prototype,"openAriaLabel",2),p([_({attribute:"close-sr-label",type:String})],u.prototype,"closeSrLabel",2),p([_({attribute:"close-aria-label",type:String})],u.prototype,"closeAriaLabel",2);customElements.get("w-pill")||customElements.define("w-pill",u);export{u as WarpPill};
 //# sourceMappingURL=pill.js.map