@warp-ds/elements 2.2.0-next.9 → 2.3.0-next.1

package/dist/packages/button/styles.js

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export const styles = css `*,: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}.text-center{text-align:center}.animate-inprogress{background-size:30px 30px;animation:3s linear infinite animate-inprogress;background-image:linear-gradient(135deg,#0000000d 25%,#0000 0 50%,#0000000d 0 75%,#0000 0,#0000)!important}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.hover\\:no-underline:hover,.focus\\:no-underline:focus,.active\\:no-underline:active{text-decoration:none}.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}.justify-center{justify-content:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.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{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-w-32{min-width:3.2rem}.w-full{width:100%}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-0{padding:0}.p-4{padding:.4rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.py-\\[11px\\]{padding-top:11px;padding-bottom:11px}.py-\\[7px\\]{padding-top:7px;padding-bottom:7px}.cursor-default{cursor:default}.font-bold{font-weight:700}.pointer-events-none{pointer-events:none}.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-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}`;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+import { Card } from './react';
+declare const _default: {
+    title: string;
+    render(args: Omit<React.HTMLAttributes<import(".").WarpCard>, "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "flat" | "keypressed" | "buttonText" | "selected" | "clickable" | "_containerClasses" | "_outlineClasses" | "_interactiveElement"> & {} & Partial<Omit<import(".").WarpCard, keyof HTMLElement>> & React.RefAttributes<import(".").WarpCard>): React.JSX.Element;
+    component: import("@lit/react").ReactWebComponent<import(".").WarpCard, {}>;
+};
+export default _default;
+export type Story = StoryObj<typeof Card>;
+export declare const Default: Story;
+export declare const Selected: Story;
+export declare const Flat: Story;
+export declare const FlatSelected: Story;
+export declare const Clickable: Story;
+export declare const PropertyExample: Story;

package/dist/packages/card/card.react.stories.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { Card } from './react';
+export default {
+    title: 'Navigation/Card',
+    render(args) {
+        return (React.createElement(Card, { ...args },
+            React.createElement("div", { style: { padding: '16px' } },
+                React.createElement("h3", null, "Card Title"),
+                React.createElement("p", null, "This is card content with some example text."))));
+    },
+    component: Card,
+};
+export const Default = {
+    args: {
+        selected: false,
+        flat: false,
+        clickable: false,
+    },
+};
+export const Selected = {
+    args: {
+        selected: true,
+        flat: false,
+        clickable: false,
+    },
+};
+export const Flat = {
+    args: {
+        selected: false,
+        flat: true,
+        clickable: false,
+    },
+};
+export const FlatSelected = {
+    args: {
+        selected: true,
+        flat: true,
+        clickable: false,
+    },
+};
+export const Clickable = {
+    args: {
+        selected: false,
+        flat: false,
+        clickable: true,
+    },
+};
+export const PropertyExample = {
+    args: {
+        selected: false,
+        flat: false,
+        clickable: true,
+    },
+    render(args) {
+        return (React.createElement(Card, { ...args, style: { maxWidth: '300px' } },
+            React.createElement("img", { style: { width: '100%', height: '200px', objectFit: 'cover' }, src: "https://unsplash.it/300/200?random", alt: "Example image" }),
+            React.createElement("div", { style: { padding: '16px' } },
+                React.createElement("p", { style: { fontSize: '12px', color: '#666', margin: '0 0 8px 0' } }, "DNB Eiendom"),
+                React.createElement("p", { style: { margin: '0 0 8px 0' } }, "Stilfull og gjennomg\u00E5ende 3-roms m/balkong. Oppusset i 2019."),
+                React.createElement("p", { style: { fontSize: '14px', color: '#666', margin: '0 0 8px 0' } }, "B\u00F8gata 25C, 0655 Oslo"),
+                React.createElement("p", { style: { fontWeight: 'bold', margin: '0' } }, "52 m\u00B2 Totalpris: 4 869 039 kr"))));
+    },
+};

package/dist/packages/card/card.stories.js

@@ -0,0 +1,82 @@
+import { spread } from '@open-wc/lit-helpers';
+import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
+import { html } from 'lit';
+import { prespread } from '../../.storybook/utilities.js';
+import './index.js';
+const { events, args, argTypes } = getStorybookHelpers('w-card');
+const meta = {
+    title: 'Navigation/Card',
+    render(args) {
+        return html `
+      <w-card ${spread(prespread(args))}>
+        <div style="padding: 16px;">
+          <h3>Card Title</h3>
+          <p>This is card content with some example text.</p>
+        </div>
+      </w-card>
+    `;
+    },
+    args,
+    argTypes,
+    parameters: {
+        actions: {
+            handles: events,
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        selected: false,
+        flat: false,
+        clickable: false,
+    },
+};
+export const Selected = {
+    args: {
+        selected: true,
+        flat: false,
+        clickable: false,
+    },
+};
+export const Flat = {
+    args: {
+        selected: false,
+        flat: true,
+        clickable: false,
+    },
+};
+export const FlatSelected = {
+    args: {
+        selected: true,
+        flat: true,
+        clickable: false,
+    },
+};
+export const Clickable = {
+    args: {
+        selected: false,
+        flat: false,
+        clickable: true,
+    },
+};
+export const PropertyExample = {
+    args: {
+        selected: false,
+        flat: false,
+        clickable: true,
+    },
+    render(args) {
+        return html `
+      <w-card ${spread(prespread(args))} style="max-width: 300px;">
+        <img style="width: 100%; height: 200px; object-fit: cover;" src="https://unsplash.it/300/200?random" alt="Example image" />
+        <div style="padding: 16px;">
+          <p style="font-size: 12px; color: #666; margin: 0 0 8px 0;">DNB Eiendom</p>
+          <p style="margin: 0 0 8px 0;">Stilfull og gjennomgående 3-roms m/balkong. Oppusset i 2019.</p>
+          <p style="font-size: 14px; color: #666; margin: 0 0 8px 0;">Bøgata 25C, 0655 Oslo</p>
+          <p style="font-weight: bold; margin: 0;">52 m² Totalpris: 4 869 039 kr</p>
+        </div>
+      </w-card>
+    `;
+    },
+};

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

@@ -0,0 +1,9 @@
+import { html } from 'lit';
+import { expect, test } from 'vitest';
+import { render } from 'vitest-browser-lit';
+import './index.js';
+test('renders the slotted text', async () => {
+    const component = html `<w-card>This is a card</w-card>`;
+    const page = render(component);
+    await expect.element(page.getByText('This is a card')).toBeVisible();
+});

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

@@ -1,16 +1,4 @@
 import { LitElement } from 'lit';
-export declare const ccCard: {
-    base: string;
-    shadow: string;
-    selected: string;
-    outline: string;
-    outlineUnselected: string;
-    outlineSelected: string;
-    flat: string;
-    flatUnselected: string;
-    flatSelected: string;
-    a11y: string;
-};
 /**
  * Card is a layout component used for separating content areas on a page.
  *
@@ -29,13 +17,8 @@ declare class WarpCard extends LitElement {
     /** @internal */
     get _outlineClasses(): string;
     /** @internal */
-    get _interactiveElement(): "" | import("lit").TemplateResult<1>;
+    get _interactiveElement(): import("lit").TemplateResult<1> | "";
     keypressed(e: KeyboardEvent): void;
     render(): import("lit").TemplateResult<1>;
 }
 export { WarpCard };
-declare global {
-    interface HTMLElementTagNameMap {
-        'w-card': WarpCard;
-    }
-}

package/dist/packages/card/index.js

@@ -1,5 +1,5 @@
-var be=Object.create;var N=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var pe=Object.getOwnPropertyNames;var ge=Object.getPrototypeOf,ue=Object.prototype.hasOwnProperty;var $=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var ve=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of pe(e))!ue.call(o,a)&&a!==r&&N(o,a,{get:()=>e[a],enumerable:!(t=U(e,a))||t.enumerable});return o};var he=(o,e,r)=>(r=o!=null?be(ge(o)):{},ve(e||!o||!o.__esModule?N(r,"default",{value:o,enumerable:!0}):r,o));var _=(o,e,r,t)=>{for(var a=t>1?void 0:t?U(e,r):e,s=o.length-1,i;s>=0;s--)(i=o[s])&&(a=(t?i(e,r,a):i(a))||a);return t&&a&&N(e,r,a),a};var X=$(h=>{"use strict";Object.defineProperty(h,"__esModule",{value:!0});h.errorMessages=h.ErrorType=void 0;var f;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(f=h.ErrorType||(h.ErrorType={}));h.errorMessages=new Map([[f.MalformedUnicode,"malformed Unicode character escape sequence"],[f.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[f.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[f.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[f.EndOfString,"malformed escape sequence at end of string"]])});var R=$(p=>{"use strict";Object.defineProperty(p,"__esModule",{value:!0});p.unraw=p.errorMessages=p.ErrorType=void 0;var l=X();Object.defineProperty(p,"ErrorType",{enumerable:!0,get:function(){return l.ErrorType}});Object.defineProperty(p,"errorMessages",{enumerable:!0,get:function(){return l.errorMessages}});function me(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function M(o,e,r){let t=me(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(l.errorMessages.get(e));return t}function we(o){let e=M(o,l.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function Z(o,e){let r=M(o,l.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=M(e,l.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 xe(o){if(!fe(o))throw new SyntaxError(l.errorMessages.get(l.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=M(e,l.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(l.errorMessages.get(l.ErrorType.CodePointLimit)):t}}function ke(o,e=!1){if(e)throw new SyntaxError(l.errorMessages.get(l.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var ye=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function _e(o){return ye.get(o)||o}var ze=/\\(?:(\\)|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 H(o,e=!1){return o.replace(ze,function(r,t,a,s,i,n,c,d,u){if(t!==void 0)return"\\";if(a!==void 0)return we(a);if(s!==void 0)return xe(s);if(i!==void 0)return Z(i,n);if(c!==void 0)return Z(c);if(d==="0")return"\0";if(d!==void 0)return ke(d,!e);if(u!==void 0)return _e(u);throw new SyntaxError(l.errorMessages.get(l.ErrorType.EndOfString))})}p.unraw=H;p.default=H});import{html as S,css as Ue,LitElement as $e}from"lit";var z=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?z.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var B=he(R(),1);var g=o=>typeof o=="string",Me=o=>typeof o=="function",q=new Map,V="en";function Y(o){return[...Array.isArray(o)?o:[o],V]}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(()=>C("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(g(e)?new Date(e):e)}function Ee(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 j(o,e,r){let t=Y(o);return E(()=>C("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function J(o,e,r,{offset:t=0,...a}){var n,c;let s=Y(o),i=e?E(()=>C("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):E(()=>C("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(c=(n=a[r])!=null?n:a[i.select(r-t)])!=null?c:a.other}function E(o,e){let r=o(),t=q.get(r);return t||(t=e(),q.set(r,t)),t}function C(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var K=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,G="%__lingui_octothorpe__%",Ce=(o,e,r={})=>{let t=e||o,a=i=>typeof i=="object"?i:r[i],s=(i,n)=>{let c=Object.keys(r).length?a("number"):void 0,d=j(t,i,c);return n.replace(new RegExp(G,"g"),d)};return{plural:(i,n)=>{let{offset:c=0}=n,d=J(t,!1,i,n);return s(i-c,d)},selectordinal:(i,n)=>{let{offset:c=0}=n,d=J(t,!0,i,n);return s(i-c,d)},select:Se,number:(i,n)=>j(t,i,a(n)||{style:n}),date:(i,n)=>P(t,i,a(n)||n),time:(i,n)=>Ee(t,i,a(n)||n)}},Se=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Oe(o,e,r){return(t={},a)=>{let s=Ce(e,r,a),i=(c,d=!1)=>Array.isArray(c)?c.reduce((u,k)=>{if(k==="#"&&d)return u+G;if(g(k))return u+k;let[F,v,I]=k,O={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(I).forEach(([L,de])=>{O[L]=i(de,v==="plural"||v==="selectordinal")}):O=I;let y;if(v){let L=s[v];y=L(t[F],O)}else y=t[F];return y==null?u:u+y},""):c,n=i(o);return g(n)&&K.test(n)?(0,B.unraw)(n):g(n)?n:n?String(n):""}}var Le=Object.defineProperty,Ne=(o,e,r)=>e in o?Le(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,je=(o,e,r)=>(Ne(o,typeof e!="symbol"?e+"":e,r),r),T=class{constructor(){je(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}},Te=Object.defineProperty,De=(o,e,r)=>e in o?Te(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,m=(o,e,r)=>(De(o,typeof e!="symbol"?e+"":e,r),r),D=class extends T{constructor(e){var r;super(),m(this,"_locale",""),m(this,"_locales"),m(this,"_localeData",{}),m(this,"_messages",{}),m(this,"_missing"),m(this,"_messageCompiler"),m(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:V,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=""),g(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 Me(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let c=s||a||e;return g(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
+var be=Object.create;var N=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var pe=Object.getOwnPropertyNames;var ge=Object.getPrototypeOf,ue=Object.prototype.hasOwnProperty;var $=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var ve=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of pe(e))!ue.call(o,a)&&a!==r&&N(o,a,{get:()=>e[a],enumerable:!(t=U(e,a))||t.enumerable});return o};var he=(o,e,r)=>(r=o!=null?be(ge(o)):{},ve(e||!o||!o.__esModule?N(r,"default",{value:o,enumerable:!0}):r,o));var _=(o,e,r,t)=>{for(var a=t>1?void 0:t?U(e,r):e,s=o.length-1,i;s>=0;s--)(i=o[s])&&(a=(t?i(e,r,a):i(a))||a);return t&&a&&N(e,r,a),a};var X=$(h=>{"use strict";Object.defineProperty(h,"__esModule",{value:!0});h.errorMessages=h.ErrorType=void 0;var f;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(f=h.ErrorType||(h.ErrorType={}));h.errorMessages=new Map([[f.MalformedUnicode,"malformed Unicode character escape sequence"],[f.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[f.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[f.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[f.EndOfString,"malformed escape sequence at end of string"]])});var H=$(p=>{"use strict";Object.defineProperty(p,"__esModule",{value:!0});p.unraw=p.errorMessages=p.ErrorType=void 0;var l=X();Object.defineProperty(p,"ErrorType",{enumerable:!0,get:function(){return l.ErrorType}});Object.defineProperty(p,"errorMessages",{enumerable:!0,get:function(){return l.errorMessages}});function me(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function M(o,e,r){let t=me(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(l.errorMessages.get(e));return t}function we(o){let e=M(o,l.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function Z(o,e){let r=M(o,l.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=M(e,l.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 xe(o){if(!fe(o))throw new SyntaxError(l.errorMessages.get(l.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=M(e,l.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(l.errorMessages.get(l.ErrorType.CodePointLimit)):t}}function ke(o,e=!1){if(e)throw new SyntaxError(l.errorMessages.get(l.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var ye=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function _e(o){return ye.get(o)||o}var ze=/\\(?:(\\)|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 R(o,e=!1){return o.replace(ze,function(r,t,a,s,i,n,c,d,u){if(t!==void 0)return"\\";if(a!==void 0)return we(a);if(s!==void 0)return xe(s);if(i!==void 0)return Z(i,n);if(c!==void 0)return Z(c);if(d==="0")return"\0";if(d!==void 0)return ke(d,!e);if(u!==void 0)return _e(u);throw new SyntaxError(l.errorMessages.get(l.ErrorType.EndOfString))})}p.unraw=R;p.default=R});var z=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?z.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var B=he(H(),1);var g=o=>typeof o=="string",Me=o=>typeof o=="function",q=new Map,V="en";function Y(o){return[...Array.isArray(o)?o:[o],V]}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(()=>C("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(g(e)?new Date(e):e)}function Ee(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 j(o,e,r){let t=Y(o);return E(()=>C("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function J(o,e,r,{offset:t=0,...a}){var n,c;let s=Y(o),i=e?E(()=>C("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):E(()=>C("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(c=(n=a[r])!=null?n:a[i.select(r-t)])!=null?c:a.other}function E(o,e){let r=o(),t=q.get(r);return t||(t=e(),q.set(r,t)),t}function C(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var K=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,G="%__lingui_octothorpe__%",Ce=(o,e,r={})=>{let t=e||o,a=i=>typeof i=="object"?i:r[i],s=(i,n)=>{let c=Object.keys(r).length?a("number"):void 0,d=j(t,i,c);return n.replace(new RegExp(G,"g"),d)};return{plural:(i,n)=>{let{offset:c=0}=n,d=J(t,!1,i,n);return s(i-c,d)},selectordinal:(i,n)=>{let{offset:c=0}=n,d=J(t,!0,i,n);return s(i-c,d)},select:Se,number:(i,n)=>j(t,i,a(n)||{style:n}),date:(i,n)=>P(t,i,a(n)||n),time:(i,n)=>Ee(t,i,a(n)||n)}},Se=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Oe(o,e,r){return(t={},a)=>{let s=Ce(e,r,a),i=(c,d=!1)=>Array.isArray(c)?c.reduce((u,k)=>{if(k==="#"&&d)return u+G;if(g(k))return u+k;let[F,v,I]=k,O={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(I).forEach(([L,de])=>{O[L]=i(de,v==="plural"||v==="selectordinal")}):O=I;let y;if(v){let L=s[v];y=L(t[F],O)}else y=t[F];return y==null?u:u+y},""):c,n=i(o);return g(n)&&K.test(n)?(0,B.unraw)(n):g(n)?n:n?String(n):""}}var Le=Object.defineProperty,Ne=(o,e,r)=>e in o?Le(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,je=(o,e,r)=>(Ne(o,typeof e!="symbol"?e+"":e,r),r),D=class{constructor(){je(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}},De=Object.defineProperty,Te=(o,e,r)=>e in o?De(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,m=(o,e,r)=>(Te(o,typeof e!="symbol"?e+"":e,r),r),T=class extends D{constructor(e){var r;super(),m(this,"_locale",""),m(this,"_locales"),m(this,"_localeData",{}),m(this,"_messages",{}),m(this,"_missing"),m(this,"_messageCompiler"),m(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:V,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=""),g(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 Me(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let c=s||a||e;return g(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
 
 > ${c}
 
@@ -7,7 +7,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),g(c)&&K.test(c)?JSON.parse(`"${c}"`):g(c)?c:Oe(c,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 j(this._locales||this._locale,e,r)}};function Ye(o={}){return new D(o)}var x=Ye();import{property as A}from"lit/decorators.js";import{ifDefined as Xe}from"lit/directives/if-defined.js";var Pe=["en","nb","fi","da","sv"],W="en",Q=o=>Pe.find(e=>o===e||o.toLowerCase().includes(e))||W;function Ae(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Q(o)}try{let o=document.documentElement.lang;return Q(o)}catch(o){return console.warn("could not detect locale, falling back to source locale",o),W}}var Fe=(o,e,r,t,a,s)=>o==="nb"?r:o==="fi"?t:o==="da"?a:o==="sv"?s:e,ee=(o,e,r,t,a)=>{let s=Ae(),i=Fe(s,o,e,r,t,a);x.load(s,i),x.activate(s)};import{css as re}from"lit";var oe=re`
+`)),g(c)&&K.test(c)?JSON.parse(`"${c}"`):g(c)?c:Oe(c,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 j(this._locales||this._locale,e,r)}};function Ye(o={}){return new T(o)}var x=Ye();import{css as Ue,html as S,LitElement as $e}from"lit";import{property as A}from"lit/decorators.js";import{ifDefined as Xe}from"lit/directives/if-defined.js";var Pe=["en","nb","fi","da","sv"],W="en",Q=o=>Pe.find(e=>o===e||o.toLowerCase().includes(e))||W;function Ae(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Q(o)}try{let o=document.documentElement.lang;return Q(o)}catch(o){return console.warn("could not detect locale, falling back to source locale",o),W}}var Fe=(o,e,r,t,a,s)=>o==="nb"?r:o==="fi"?t:o==="da"?a:o==="sv"?s:e,ee=(o,e,r,t,a)=>{let s=Ae(),i=Fe(s,o,e,r,t,a);x.load(s,i),x.activate(s)};import{css as re}from"lit";var oe=re`
   *,
   :before,
   :after {
@@ -2463,5 +2463,5 @@ Please compile your catalog first.
       :host {
         display: block;
       }
-    `],_([A({type:Boolean,reflect:!0})],w.prototype,"selected",2),_([A({type:Boolean})],w.prototype,"flat",2),_([A({type:Boolean})],w.prototype,"clickable",2);customElements.get("w-card")||customElements.define("w-card",w);export{w as WarpCard,b as ccCard};
+    `],_([A({type:Boolean,reflect:!0})],w.prototype,"selected",2),_([A({type:Boolean})],w.prototype,"flat",2),_([A({type:Boolean})],w.prototype,"clickable",2);customElements.get("w-card")||customElements.define("w-card",w);export{w as WarpCard};
 //# sourceMappingURL=index.js.map