@warp-ds/elements 2.8.1 → 2.8.2-next.2

package/dist/packages/pagination/pagination.react.stories.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { Pagination } from './react';
 declare const _default: {
     title: string;
-    render(args: Omit<React.HTMLAttributes<import("./pagination").WarpPagination>, "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "baseUrl" | "pages" | "currentPageNumber" | "visiblePages" | "onPageClick" | "onpage-click" | "shouldShowShowFirstPageButton" | "shouldShowPreviousPageButton" | "shouldShowNextPageButton" | "currentPageIndex" | "visiblePageNumbers"> & {
+    render(args: Omit<React.HTMLAttributes<import("./pagination").WarpPagination>, "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "baseUrl" | "pages" | "currentPageNumber" | "visiblePages" | "onPageClick" | "onpage-click" | "_currentPage" | "_visiblePages" | "shouldShowShowFirstPageButton" | "shouldShowPreviousPageButton" | "shouldShowNextPageButton" | "currentPageIndex" | "visiblePageNumbers"> & {
         onPageClick?: (e: Event) => void;
         'onpage-click'?: (e: Event) => void;
     } & Partial<Omit<import("./pagination").WarpPagination, keyof HTMLElement>> & React.RefAttributes<import("./pagination").WarpPagination>): React.JSX.Element;

package/dist/packages/pagination/pagination.test.js

@@ -74,3 +74,21 @@ test('is able to get the correct data-page-number attribute from the element on
     });
     expect(clickedPage).toEqual('14');
 });
+test('defaults to current-page=1 when no current-page attribute is set', async () => {
+    const component = html `<w-pagination pages="10" base-url="/page/" data-testid="pagination"></w-pagination>`;
+    const page = render(component);
+    const el = page.getByTestId('pagination').element();
+    // The current-page attribute should not be reflected (to avoid hydration mismatch)
+    expect(el.hasAttribute('current-page')).toBe(false);
+    // But page 1 should be the active page
+    await expect.element(page.getByLabelText('Page 1')).toHaveAttribute('aria-current', 'page');
+});
+test('defaults to visible-pages=7 when no visible-pages attribute is set', async () => {
+    const component = html `<w-pagination current-page="5" pages="20" base-url="/page/" data-testid="pagination"></w-pagination>`;
+    const page = render(component);
+    const el = page.getByTestId('pagination').element();
+    // The visible-pages attribute should not be reflected (to avoid hydration mismatch)
+    expect(el.hasAttribute('visible-pages')).toBe(false);
+    // But 7 pages should be visible (the default)
+    await expect.poll(() => page.getByRole('link').and(page.getByLabelText('Page ')).all()).toHaveLength(7);
+});

package/dist/packages/pill/pill.js

@@ -1,5 +1,5 @@
-var we=Object.create;var j=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var ke=Object.getPrototypeOf,ye=Object.prototype.hasOwnProperty;var q=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var _e=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of xe(e))!ye.call(o,a)&&a!==r&&j(o,a,{get:()=>e[a],enumerable:!(t=Z(e,a))||t.enumerable});return o};var ze=(o,e,r)=>(r=o!=null?we(ke(o)):{},_e(e||!o||!o.__esModule?j(r,"default",{value:o,enumerable:!0}):r,o));var p=(o,e,r,t)=>{for(var a=t>1?void 0:t?Z(e,r):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&j(e,r,a),a};var J=q(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 K=q(h=>{"use strict";Object.defineProperty(h,"__esModule",{value:!0});h.unraw=h.errorMessages=h.ErrorType=void 0;var c=J();Object.defineProperty(h,"ErrorType",{enumerable:!0,get:function(){return c.ErrorType}});Object.defineProperty(h,"errorMessages",{enumerable:!0,get:function(){return c.errorMessages}});function Te(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function M(o,e,r){let t=Te(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(c.errorMessages.get(e));return t}function Ne(o){let e=M(o,c.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function V(o,e){let r=M(o,c.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=M(e,c.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function je(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function De(o){if(!je(o))throw new SyntaxError(c.errorMessages.get(c.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=M(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 Ae(o,e=!1){if(e)throw new SyntaxError(c.errorMessages.get(c.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var $e=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Pe(o){return $e.get(o)||o}var Ye=/\\(?:(\\)|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 B(o,e=!1){return o.replace(Ye,function(r,t,a,s,n,i,l,g,f){if(t!==void 0)return"\\";if(a!==void 0)return Ne(a);if(s!==void 0)return De(s);if(n!==void 0)return V(n,i);if(l!==void 0)return V(l);if(g==="0")return"\0";if(g!==void 0)return Ae(g,!e);if(f!==void 0)return Pe(f);throw new SyntaxError(c.errorMessages.get(c.ErrorType.EndOfString))})}h.unraw=B;h.default=B});import{html as ve,LitElement as tr}from"lit";import{html as Ce,LitElement as Me}from"lit";import{property as D,state as Le}from"lit/decorators.js";import{classMap as Se}from"lit/directives/class-map.js";import{css as Ee}from"lit";var G=Ee`
+var we=Object.create;var j=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var ke=Object.getPrototypeOf,ye=Object.prototype.hasOwnProperty;var q=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var _e=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of xe(e))!ye.call(o,a)&&a!==r&&j(o,a,{get:()=>e[a],enumerable:!(t=Z(e,a))||t.enumerable});return o};var ze=(o,e,r)=>(r=o!=null?we(ke(o)):{},_e(e||!o||!o.__esModule?j(r,"default",{value:o,enumerable:!0}):r,o));var p=(o,e,r,t)=>{for(var a=t>1?void 0:t?Z(e,r):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&j(e,r,a),a};var J=q(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 K=q(m=>{"use strict";Object.defineProperty(m,"__esModule",{value:!0});m.unraw=m.errorMessages=m.ErrorType=void 0;var c=J();Object.defineProperty(m,"ErrorType",{enumerable:!0,get:function(){return c.ErrorType}});Object.defineProperty(m,"errorMessages",{enumerable:!0,get:function(){return c.errorMessages}});function Te(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function M(o,e,r){let t=Te(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(c.errorMessages.get(e));return t}function Ne(o){let e=M(o,c.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function V(o,e){let r=M(o,c.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=M(e,c.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function je(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function De(o){if(!je(o))throw new SyntaxError(c.errorMessages.get(c.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=M(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 Ae(o,e=!1){if(e)throw new SyntaxError(c.errorMessages.get(c.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var $e=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Pe(o){return $e.get(o)||o}var Ye=/\\(?:(\\)|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 B(o,e=!1){return o.replace(Ye,function(r,t,a,s,n,i,l,g,f){if(t!==void 0)return"\\";if(a!==void 0)return Ne(a);if(s!==void 0)return De(s);if(n!==void 0)return V(n,i);if(l!==void 0)return V(l);if(g==="0")return"\0";if(g!==void 0)return Ae(g,!e);if(f!==void 0)return Pe(f);throw new SyntaxError(c.errorMessages.get(c.ErrorType.EndOfString))})}m.unraw=B;m.default=B});import{html as ve,LitElement as tr}from"lit";import{html as Ce,LitElement as Me}from"lit";import{property as D,state as Le}from"lit/decorators.js";import{classMap as Se}from"lit/directives/class-map.js";import{css as Ee}from"lit";var G=Ee`
 :host {
   display: inline-block;
 }
@@ -24,7 +24,7 @@ var we=Object.create;var j=Object.defineProperty;var Z=Object.getOwnPropertyDesc
   --w-icon-size: 32px;
 }
 
-`;var A=new Map,Fe='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Oe(o,e={}){var t;let r=(t=e.responseParser)!=null?t:(a=>a.text());return A.has(o)||A.set(o,fetch(o).then(r)),A.get(o)}var m=class extends Me{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 Oe(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(Fe,"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 Ce`<div class="${Se(r)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};m.styles=[G],p([D({type:String,reflect:!0})],m.prototype,"name",2),p([D({type:String,reflect:!0})],m.prototype,"size",2),p([D({type:String,reflect:!0})],m.prototype,"locale",2),p([Le()],m.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",m);var C=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)?C.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var ee=ze(K(),1);var v=o=>typeof o=="string",Ie=o=>typeof o=="function",Q=new Map,re="en";function I(o){return[...Array.isArray(o)?o:[o],re]}function R(o,e,r){let t=I(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 L(()=>S("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(v(e)?new Date(e):e)}function Re(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 R(o,e,t)}function $(o,e,r){let t=I(o);return L(()=>S("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function W(o,e,r,{offset:t=0,...a}){var i,l;let s=I(o),n=e?L(()=>S("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):L(()=>S("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(i=a[r])!=null?i:a[n.select(r-t)])!=null?l:a.other}function L(o,e){let r=o(),t=Q.get(r);return t||(t=e(),Q.set(r,t)),t}function S(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var oe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,te="%__lingui_octothorpe__%",Ue=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],s=(n,i)=>{let l=Object.keys(r).length?a("number"):void 0,g=$(t,n,l);return i.replace(new RegExp(te,"g"),g)};return{plural:(n,i)=>{let{offset:l=0}=i,g=W(t,!1,n,i);return s(n-l,g)},selectordinal:(n,i)=>{let{offset:l=0}=i,g=W(t,!0,n,i);return s(n-l,g)},select:Xe,number:(n,i)=>$(t,n,a(i)||{style:i}),date:(n,i)=>R(t,n,a(i)||i),time:(n,i)=>Re(t,n,a(i)||i)}},Xe=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function He(o,e,r){return(t={},a)=>{let s=Ue(e,r,a),n=(l,g=!1)=>Array.isArray(l)?l.reduce((f,z)=>{if(z==="#"&&g)return f+te;if(v(z))return f+z;let[X,w,H]=z,T={};w==="plural"||w==="selectordinal"||w==="select"?Object.entries(H).forEach(([N,fe])=>{T[N]=n(fe,w==="plural"||w==="selectordinal")}):T=H;let E;if(w){let N=s[w];E=N(t[X],T)}else E=t[X];return E==null?f:f+E},""):l,i=n(o);return v(i)&&oe.test(i)?(0,ee.unraw)(i):v(i)?i:i?String(i):""}}var Ze=Object.defineProperty,qe=(o,e,r)=>e in o?Ze(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ge=(o,e,r)=>(qe(o,typeof e!="symbol"?e+"":e,r),r),P=class{constructor(){Ge(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}},Je=Object.defineProperty,Ve=(o,e,r)=>e in o?Je(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,k=(o,e,r)=>(Ve(o,typeof e!="symbol"?e+"":e,r),r),Y=class extends P{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:re,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 s=this.messages[e],n=s===void 0,i=this._missing;if(i&&n)return Ie(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return v(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
+`;var A=new Map,Fe='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Oe(o,e={}){var t;let r=(t=e.responseParser)!=null?t:(a=>a.text());return A.has(o)||A.set(o,fetch(o).then(r)),A.get(o)}var h=class extends Me{constructor(){super(...arguments);this.name="";this.svg=null}async fetchIcon(r){let a=`https://assets.finn.no/pkg/eikons/v1/${this.locale||"en"}/${r}.svg`;try{let s=await Oe(a);return new DOMParser().parseFromString(s,"text/html").body.querySelector("svg")}catch(s){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(Fe,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",t={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},a=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return Ce`<div class="${Se(t)}" style="${a}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};h.styles=[G],p([D({type:String,reflect:!0})],h.prototype,"name",2),p([D({type:String,reflect:!0})],h.prototype,"size",2),p([D({type:String,reflect:!0})],h.prototype,"locale",2),p([Le()],h.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",h);var C=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)?C.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var ee=ze(K(),1);var v=o=>typeof o=="string",Ie=o=>typeof o=="function",Q=new Map,re="en";function I(o){return[...Array.isArray(o)?o:[o],re]}function R(o,e,r){let t=I(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 L(()=>S("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(v(e)?new Date(e):e)}function Re(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 R(o,e,t)}function $(o,e,r){let t=I(o);return L(()=>S("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function W(o,e,r,{offset:t=0,...a}){var i,l;let s=I(o),n=e?L(()=>S("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):L(()=>S("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(i=a[r])!=null?i:a[n.select(r-t)])!=null?l:a.other}function L(o,e){let r=o(),t=Q.get(r);return t||(t=e(),Q.set(r,t)),t}function S(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var oe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,te="%__lingui_octothorpe__%",Ue=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],s=(n,i)=>{let l=Object.keys(r).length?a("number"):void 0,g=$(t,n,l);return i.replace(new RegExp(te,"g"),g)};return{plural:(n,i)=>{let{offset:l=0}=i,g=W(t,!1,n,i);return s(n-l,g)},selectordinal:(n,i)=>{let{offset:l=0}=i,g=W(t,!0,n,i);return s(n-l,g)},select:Xe,number:(n,i)=>$(t,n,a(i)||{style:i}),date:(n,i)=>R(t,n,a(i)||i),time:(n,i)=>Re(t,n,a(i)||i)}},Xe=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function He(o,e,r){return(t={},a)=>{let s=Ue(e,r,a),n=(l,g=!1)=>Array.isArray(l)?l.reduce((f,z)=>{if(z==="#"&&g)return f+te;if(v(z))return f+z;let[X,w,H]=z,T={};w==="plural"||w==="selectordinal"||w==="select"?Object.entries(H).forEach(([N,fe])=>{T[N]=n(fe,w==="plural"||w==="selectordinal")}):T=H;let E;if(w){let N=s[w];E=N(t[X],T)}else E=t[X];return E==null?f:f+E},""):l,i=n(o);return v(i)&&oe.test(i)?(0,ee.unraw)(i):v(i)?i:i?String(i):""}}var Ze=Object.defineProperty,qe=(o,e,r)=>e in o?Ze(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ge=(o,e,r)=>(qe(o,typeof e!="symbol"?e+"":e,r),r),P=class{constructor(){Ge(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}},Je=Object.defineProperty,Ve=(o,e,r)=>e in o?Je(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,k=(o,e,r)=>(Ve(o,typeof e!="symbol"?e+"":e,r),r),Y=class extends P{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:re,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 s=this.messages[e],n=s===void 0,i=this._missing;if(i&&n)return Ie(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return v(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
 
 > ${l}
 
@@ -2471,7 +2471,7 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;var pe=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var be=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var ge=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var ue=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var he=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as or}from"lit";var me=or`*,: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 tr{constructor(){super();this.canClose=!1;this.suggestion=!1;ne(be,ue,ge,pe,he),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=b._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=b._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return C([d.button,d.label,this.suggestion?d.suggestion:d.filter,this.canClose?d.labelWithClose:d.labelWithoutClose])}get _closeClasses(){return C([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 ve`
+        `;var pe=JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var be=JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');var ge=JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');var ue=JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');var me=JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');import{css as or}from"lit";var he=or`*,: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 tr{constructor(){super();this.canClose=!1;this.suggestion=!1;ne(be,ue,ge,pe,me),this.canClose=!1,this.suggestion=!1,this.openFilterSrText=b._({id:"pill.aria.openFilter",message:"Open filter",comment:"Fallback screen reader message for open filter"}),this.removeFilterSrText=b._({id:"pill.aria.removeFilter",message:"Remove filter {label}",comment:"Fallback screen reader message for removal of the filter"})}get _labelClasses(){return C([d.button,d.label,this.suggestion?d.suggestion:d.filter,this.canClose?d.labelWithClose:d.labelWithoutClose])}get _closeClasses(){return C([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 ve`
       <div class="${d.wrapper}">
         <button type="button" class="${this._labelClasses}" @click="${this._onClick}">
           <span class="${d.a11y}">${this.openAriaLabel?this.openAriaLabel:this.openFilterSrText}</span>
@@ -2482,5 +2482,5 @@ Please compile your catalog first.
               <w-icon name="Close" size="small" locale="${O()}" class="${d.closeIcon}" class="flex"></w-icon>
             </button>`:null}
       </div>
-    `}};u.styles=[de,me],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};
+    `}};u.styles=[de,he],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