@warp-ds/elements 2.9.2-next.1 → 2.10.0-next.10

package/dist/packages/card/card.d.ts

@@ -7,18 +7,21 @@ import { LitElement } from 'lit';
 declare class WarpCard extends LitElement {
     static styles: import("lit").CSSResult[];
     /**
-     * @summary
-     * @description
+     * Whether the card is visually selected.
+     *
+     * Use this when the card represents a selected item or choice. This only controls the visual selected state; update it from your application state when the selection changes.
      */
     selected: boolean;
     /**
-     * @summary
-     * @description
+     * Whether the card uses the flat visual treatment.
+     *
+     * Flat cards use a bordered surface instead of the default elevated surface. Use this for denser layouts or when the card sits inside another surface.
      */
     flat: boolean;
     /**
-     * @summary
-     * @description
+     * Whether the whole card is interactive.
+     *
+     * When set, the card becomes keyboard focusable and Enter or Space triggers a click on the card. Use this only when the whole card has one action or represents one selectable choice.
      */
     clickable: boolean;
     /** @internal */

package/dist/packages/card/card.hydration.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test, beforeEach, afterEach } from 'vitest';
+import { afterEach, beforeEach, describe, expect, test } from 'vitest';
 import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
 import './card.js';
 describe('w-card React SSR hydration', () => {

package/dist/packages/card/card.js

@@ -1,12 +1,12 @@
-var ae=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var f=(t,e,r,o)=>{for(var a=o>1?void 0:o?ie(e,r):e,c=t.length-1,n;c>=0;c--)(n=t[c])&&(a=(o?n(e,r,a):n(a))||a);return o&&a&&ae(e,r,a),a};var x=function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return t.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?x.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(a){return o[a]?a:""}):"")},[]).join(" ")};var b=t=>typeof t=="string",ne=t=>typeof t=="function",A=new Map,$="en";function Y(t){return[...Array.isArray(t)?t:[t],$]}function N(t,e,r){let o=Y(t);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 k(()=>y("date",o,r),()=>new Intl.DateTimeFormat(o,a)).format(b(e)?new Date(e):e)}function se(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return N(t,e,o)}function M(t,e,r){let o=Y(t);return k(()=>y("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function P(t,e,r,{offset:o=0,...a}){var i,s;let c=Y(t),n=e?k(()=>y("plural-ordinal",c),()=>new Intl.PluralRules(c,{type:"ordinal"})):k(()=>y("plural-cardinal",c),()=>new Intl.PluralRules(c,{type:"cardinal"}));return(s=(i=a[r])!=null?i:a[n.select(r-o)])!=null?s:a.other}function k(t,e){let r=t(),o=A.get(r);return o||(o=e(),A.set(r,o)),o}function y(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var X=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,I=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,o)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),T="%__lingui_octothorpe__%",ce=(t,e,r={})=>{let o=e||t,a=n=>typeof n=="object"?n:r[n],c=(n,i)=>{let s=Object.keys(r).length?a("number"):void 0,g=M(o,n,s);return i.replace(new RegExp(T,"g"),g)};return{plural:(n,i)=>{let{offset:s=0}=i,g=P(o,!1,n,i);return c(n-s,g)},selectordinal:(n,i)=>{let{offset:s=0}=i,g=P(o,!0,n,i);return c(n-s,g)},select:le,number:(n,i)=>M(o,n,a(i)||{style:i}),date:(n,i)=>N(o,n,a(i)||i),time:(n,i)=>se(o,n,a(i)||i)}},le=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function de(t,e,r){return(o={},a)=>{let c=ce(e,r,a),n=(s,g=!1)=>Array.isArray(s)?s.reduce((h,m)=>{if(m==="#"&&g)return h+T;if(b(m))return h+m;let[F,p,O]=m,E={};p==="plural"||p==="selectordinal"||p==="select"?Object.entries(O).forEach(([L,te])=>{E[L]=n(te,p==="plural"||p==="selectordinal")}):E=O;let w;if(p){let L=c[p];w=L(o[F],E)}else w=o[F];return w==null?h:h+w},""):s,i=n(t);return b(i)&&X.test(i)?I(i):b(i)?i:i?String(i):""}}var be=Object.defineProperty,ge=(t,e,r)=>e in t?be(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,pe=(t,e,r)=>(ge(t,typeof e!="symbol"?e+"":e,r),r),S=class{constructor(){pe(this,"_events",{})}on(e,r){var a;var o;return(a=(o=this._events)[e])!=null||(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let a=o.indexOf(r);~a&&o.splice(a,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},ue=Object.defineProperty,ve=(t,e,r)=>e in t?ue(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,u=(t,e,r)=>(ve(t,typeof e!="symbol"?e+"":e,r),r),j=class extends S{constructor(e){var r;super(),u(this,"_locale",""),u(this,"_locales"),u(this,"_localeData",{}),u(this,"_messages",{}),u(this,"_missing"),u(this,"_messageCompiler"),u(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:$,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 o=this._localeData[e];o?Object.assign(o,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(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,o){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=o==null?void 0:o.message;e||(e=""),b(e)||(r=e.values||r,a=e.message,e=e.id);let c=this.messages[e],n=c===void 0,i=this._missing;if(i&&n)return ne(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let s=c||a||e;return b(s)&&(this._messageCompiler?s=this._messageCompiler(s):console.warn(`Uncompiled message detected! Message:
+var ae=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var f=(t,e,r,o)=>{for(var a=o>1?void 0:o?ie(e,r):e,s=t.length-1,i;s>=0;s--)(i=t[s])&&(a=(o?i(e,r,a):i(a))||a);return o&&a&&ae(e,r,a),a};var x=function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return t.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?x.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(a){return o[a]?a:""}):"")},[]).join(" ")};var b=t=>typeof t=="string",ne=t=>typeof t=="function",A=new Map,$="en";function Y(t){return[...Array.isArray(t)?t:[t],$]}function N(t,e,r){let o=Y(t);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 k(()=>y("date",o,r),()=>new Intl.DateTimeFormat(o,a)).format(b(e)?new Date(e):e)}function se(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return N(t,e,o)}function M(t,e,r){let o=Y(t);return k(()=>y("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function P(t,e,r,{offset:o=0,...a}){let s=Y(t),i=e?k(()=>y("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):k(()=>y("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return a[r]??a[i.select(r-o)]??a.other}function k(t,e){let r=t(),o=A.get(r);return o||(o=e(),A.set(r,o)),o}function y(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var X=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,I=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,o)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),T="%__lingui_octothorpe__%",ce=(t,e,r={})=>{let o=e||t,a=i=>typeof i=="object"?i:r[i],s=(i,n)=>{let c=Object.keys(r).length?a("number"):void 0,g=M(o,i,c);return n.replace(new RegExp(T,"g"),g)};return{plural:(i,n)=>{let{offset:c=0}=n,g=P(o,!1,i,n);return s(i-c,g)},selectordinal:(i,n)=>{let{offset:c=0}=n,g=P(o,!0,i,n);return s(i-c,g)},select:le,number:(i,n)=>M(o,i,a(n)||{style:n}),date:(i,n)=>N(o,i,a(n)||n),time:(i,n)=>se(o,i,a(n)||n)}},le=(t,e)=>e[t]??e.other;function de(t,e,r){return(o={},a)=>{let s=ce(e,r,a),i=(c,g=!1)=>Array.isArray(c)?c.reduce((h,m)=>{if(m==="#"&&g)return h+T;if(b(m))return h+m;let[F,p,O]=m,E={};p==="plural"||p==="selectordinal"||p==="select"?Object.entries(O).forEach(([L,te])=>{E[L]=i(te,p==="plural"||p==="selectordinal")}):E=O;let w;if(p){let L=s[p];w=L(o[F],E)}else w=o[F];return w==null?h:h+w},""):c,n=i(t);return b(n)&&X.test(n)?I(n):b(n)?n:n?String(n):""}}var be=Object.defineProperty,ge=(t,e,r)=>e in t?be(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,pe=(t,e,r)=>(ge(t,typeof e!="symbol"?e+"":e,r),r),S=class{constructor(){pe(this,"_events",{})}on(e,r){var o;return(o=this._events)[e]??(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let a=o.indexOf(r);~a&&o.splice(a,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},ue=Object.defineProperty,ve=(t,e,r)=>e in t?ue(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,u=(t,e,r)=>(ve(t,typeof e!="symbol"?e+"":e,r),r),j=class extends S{constructor(e){super(),u(this,"_locale",""),u(this,"_locales"),u(this,"_localeData",{}),u(this,"_messages",{}),u(this,"_missing"),u(this,"_messageCompiler"),u(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate(e.locale??$,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(e,r){let o=this._localeData[e];o?Object.assign(o,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(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,o){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=o?.message;e||(e=""),b(e)||(r=e.values||r,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return ne(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let c=s||a||e;return b(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
 
-> ${s}
+> ${c}
 
 That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),b(s)&&X.test(s)?I(s):b(s)?s:de(s,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return N(this._locales||this._locale,e,r)}number(e,r){return M(this._locales||this._locale,e,r)}};function he(t={}){return new j(t)}var l=he();import{css as _e,html as z,LitElement as ze}from"lit";import{property as D}from"lit/decorators.js";import{ifDefined as Ee}from"lit/directives/if-defined.js";var me=["en","nb","fi","da","sv"],C="en",_=t=>me.find(e=>t===e||t.toLowerCase().includes(e))||C;function U(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return _(t)}try{let t=R(document);if(t)return _(t);let e=ke();if(e)return _(e);let r=R(H());return r?_(r):C}catch(t){return console.warn("could not detect locale, falling back to source locale",t),C}}var V=(t,e,r,o,a)=>{l.load("en",t),l.load("nb",e),l.load("fi",r),l.load("da",o),l.load("sv",a);let c=U();l.activate(c),J(),fe()},we="warp-i18n-change";function J(){typeof window!="undefined"&&window.dispatchEvent(new Event(we))}var Z=!1;function fe(){if(Z||typeof window=="undefined"||!(document!=null&&document.documentElement))return;Z=!0;let t=()=>{let a=U();l.locale!==a&&(l.activate(a),J())},e=new MutationObserver(a=>{for(let c of a)if(c.type==="attributes"&&c.attributeName==="lang"){t();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=H();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=xe();o&&e.observe(o,{attributes:!0,attributeFilter:["lang"]})}function H(){var t,e;try{return(e=(t=window.parent)==null?void 0:t.document)!=null?e:null}catch(r){return null}}function R(t){var e,r;try{return(r=(e=t==null?void 0:t.documentElement)==null?void 0:e.lang)!=null?r:""}catch(o){return""}}function xe(){var t;try{return(t=window.frameElement)!=null?t:null}catch(e){return null}}function ke(){var t,e,r;try{return(r=(e=(t=window.frameElement)==null?void 0:t.getAttribute)==null?void 0:e.call(t,"lang"))!=null?r:""}catch(o){return""}}import{css as K}from"lit";var B=K`
+`)),b(c)&&X.test(c)?I(c):b(c)?c:de(c,this._locale,this._locales)(r,o?.formats)}date(e,r){return N(this._locales||this._locale,e,r)}number(e,r){return M(this._locales||this._locale,e,r)}};function he(t={}){return new j(t)}var l=he();import{css as _e,html as z,LitElement as ze}from"lit";import{property as D}from"lit/decorators.js";import{ifDefined as Ee}from"lit/directives/if-defined.js";var me=["en","nb","fi","da","sv"],C="en",_=t=>me.find(e=>t===e||t.toLowerCase().includes(e))||C;function U(){if(typeof window>"u"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return _(t)}try{let t=R(document);if(t)return _(t);let e=ke();if(e)return _(e);let r=R(H());return r?_(r):C}catch(t){return console.warn("could not detect locale, falling back to source locale",t),C}}var V=(t,e,r,o,a)=>{l.load("en",t),l.load("nb",e),l.load("fi",r),l.load("da",o),l.load("sv",a);let s=U();l.activate(s),J(),fe()},we="warp-i18n-change";function J(){typeof window>"u"||window.dispatchEvent(new Event(we))}var Z=!1;function fe(){if(Z||typeof window>"u"||!document?.documentElement)return;Z=!0;let t=()=>{let a=U();l.locale!==a&&(l.activate(a),J())},e=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){t();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=H();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=xe();o&&e.observe(o,{attributes:!0,attributeFilter:["lang"]})}function H(){try{return window.parent?.document??null}catch{return null}}function R(t){try{return t?.documentElement?.lang??""}catch{return""}}function xe(){try{return window.frameElement??null}catch{return null}}function ke(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as K}from"lit";var B=K`
   *,
   :before,
   :after {