@warp-ds/elements 2.2.0-next.20 → 2.2.0-next.22

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

@@ -0,0 +1,103 @@
+import React, { useState } from 'react';
+import { Button } from '../button/react';
+import { Expandable } from './react';
+export default {
+    title: 'Layout/Expandable',
+    render(args) {
+        return (React.createElement(Expandable, { ...args },
+            React.createElement("p", null, "This is the expandable content that can be shown or hidden."),
+            React.createElement("p", null, "It can contain multiple paragraphs and other elements.")));
+    },
+    component: Expandable,
+};
+export const Default = {
+    args: {
+        title: "I'm expandable",
+        expanded: false,
+        box: false,
+        bleed: false,
+        animated: false,
+        noChevron: false,
+    },
+};
+export const Expanded = {
+    args: {
+        title: "I'm expanded by default",
+        expanded: true,
+        box: false,
+        bleed: false,
+        animated: false,
+        noChevron: false,
+    },
+};
+export const Box = {
+    args: {
+        title: "I'm a box expandable",
+        expanded: false,
+        box: true,
+        bleed: false,
+        animated: false,
+        noChevron: false,
+    },
+};
+export const Animated = {
+    args: {
+        title: "I'm animated",
+        expanded: false,
+        box: true,
+        bleed: false,
+        animated: true,
+        noChevron: false,
+    },
+};
+export const WithHeading = {
+    args: {
+        title: "I'm wrapped in h2",
+        expanded: false,
+        box: true,
+        bleed: false,
+        animated: false,
+        noChevron: false,
+        headingLevel: 2,
+    },
+};
+export const NoChevron = {
+    args: {
+        title: 'I have no chevron',
+        expanded: false,
+        box: false,
+        bleed: false,
+        animated: false,
+        noChevron: true,
+    },
+};
+export const CustomTitle = {
+    args: {
+        expanded: false,
+        box: true,
+        bleed: false,
+        animated: false,
+        noChevron: false,
+    },
+    render(args) {
+        return (React.createElement(Expandable, { ...args },
+            React.createElement("div", { slot: "title", style: { display: 'flex', alignItems: 'center' } },
+                React.createElement("span", { style: { marginRight: '8px' } }, "\uD83C\uDFAF"),
+                React.createElement("span", null, "Custom title with icon")),
+            React.createElement("p", null, "This expandable has a custom title slot with an icon.")));
+    },
+};
+export const NoTitle = {
+    args: {
+        expanded: true,
+        box: true,
+        animated: true,
+    },
+    render(args) {
+        const [expanded, setExpanded] = useState(false);
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Button, { onClick: () => setExpanded(!expanded), "aria-label": "Toggle expandable content without title", "aria-controls": "expandableWithoutTitle" }, "Toggle"),
+            React.createElement(Expandable, { ...args, id: "expandableWithoutTitle", expanded: expanded },
+                React.createElement("p", null, "with expanded content"))));
+    },
+};

package/dist/packages/expandable/expandable.stories.js

@@ -1,6 +1,6 @@
-import { html } from 'lit';
 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 '../utils/expand-transition.js';
 import '../utils/unstyled-heading.js';

package/dist/packages/expandable/index.js

@@ -1,5 +1,5 @@
 var Xe=Object.create;var N=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var Ne=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,Se=Object.prototype.hasOwnProperty;var K=r=>{throw TypeError(r)};var Te=(r,e,o)=>e in r?N(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o;var G=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Ze=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Ne(e))!Se.call(r,a)&&a!==o&&N(r,a,{get:()=>e[a],enumerable:!(t=V(e,a))||t.enumerable});return r};var $e=(r,e,o)=>(o=r!=null?Xe(Oe(r)):{},Ze(e||!r||!r.__esModule?N(o,"default",{value:r,enumerable:!0}):o,r));var b=(r,e,o,t)=>{for(var a=t>1?void 0:t?V(e,o):e,n=r.length-1,i;n>=0;n--)(i=r[n])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&N(e,o,a),a};var Y=(r,e,o)=>Te(r,typeof e!="symbol"?e+"":e,o),je=(r,e,o)=>e.has(r)||K("Cannot "+o);var _=(r,e,o)=>(je(r,e,"read from private field"),o?o.call(r):e.get(r)),Q=(r,e,o)=>e.has(r)?K("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,o);var W=G(z=>{"use strict";Object.defineProperty(z,"__esModule",{value:!0});z.errorMessages=z.ErrorType=void 0;var E;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(E=z.ErrorType||(z.ErrorType={}));z.errorMessages=new Map([[E.MalformedUnicode,"malformed Unicode character escape sequence"],[E.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[E.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[E.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[E.EndOfString,"malformed escape sequence at end of string"]])});var oe=G(f=>{"use strict";Object.defineProperty(f,"__esModule",{value:!0});f.unraw=f.errorMessages=f.ErrorType=void 0;var d=W();Object.defineProperty(f,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(f,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function De(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function O(r,e,o){let t=De(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(d.errorMessages.get(e));return t}function Pe(r){let e=O(r,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function ee(r,e){let o=O(r,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=O(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function Be(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function Ae(r){if(!Be(r))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=O(e,d.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(d.errorMessages.get(d.ErrorType.CodePointLimit)):t}}function Fe(r,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Ie=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Ue(r){return Ie.get(r)||r}var He=/\\(?:(\\)|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 re(r,e=!1){return r.replace(He,function(o,t,a,n,i,s,l,v,k){if(t!==void 0)return"\\";if(a!==void 0)return Pe(a);if(n!==void 0)return Ae(n);if(i!==void 0)return ee(i,s);if(l!==void 0)return ee(l);if(v==="0")return"\0";if(v!==void 0)return Fe(v,!e);if(k!==void 0)return Ue(k);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}f.unraw=re;f.default=re});import{css as Dr,html as w,LitElement as Pr}from"lit";var m=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)?m.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{property as h}from"lit/decorators.js";import{ifDefined as Br}from"lit/directives/if-defined.js";import{LitElement as tr}from"lit";import{unsafeStatic as ar,html as nr}from"lit/static-html.js";var ne=$e(oe(),1);var x=r=>typeof r=="string",Re=r=>typeof r=="function",te=new Map,ie="en";function A(r){return[...Array.isArray(r)?r:[r],ie]}function F(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 S(()=>T("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(x(e)?new Date(e):e)}function qe(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 F(r,e,t)}function D(r,e,o){let t=A(r);return S(()=>T("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ae(r,e,o,{offset:t=0,...a}){var s,l;let n=A(r),i=e?S(()=>T("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):S(()=>T("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(l=(s=a[o])!=null?s:a[i.select(o-t)])!=null?l:a.other}function S(r,e){let o=r(),t=te.get(o);return t||(t=e(),te.set(o,t)),t}function T(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var se=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,le="%__lingui_octothorpe__%",Je=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],n=(i,s)=>{let l=Object.keys(o).length?a("number"):void 0,v=D(t,i,l);return s.replace(new RegExp(le,"g"),v)};return{plural:(i,s)=>{let{offset:l=0}=s,v=ae(t,!1,i,s);return n(i-l,v)},selectordinal:(i,s)=>{let{offset:l=0}=s,v=ae(t,!0,i,s);return n(i-l,v)},select:Ve,number:(i,s)=>D(t,i,a(s)||{style:s}),date:(i,s)=>F(t,i,a(s)||s),time:(i,s)=>qe(t,i,a(s)||s)}},Ve=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Ke(r,e,o){return(t={},a)=>{let n=Je(e,o,a),i=(l,v=!1)=>Array.isArray(l)?l.reduce((k,M)=>{if(M==="#"&&v)return k+le;if(x(M))return k+M;let[q,y,J]=M,$={};y==="plural"||y==="selectordinal"||y==="select"?Object.entries(J).forEach(([j,Me])=>{$[j]=i(Me,y==="plural"||y==="selectordinal")}):$=J;let X;if(y){let j=n[y];X=j(t[q],$)}else X=t[q];return X==null?k:k+X},""):l,s=i(r);return x(s)&&se.test(s)?(0,ne.unraw)(s):x(s)?s:s?String(s):""}}var Ge=Object.defineProperty,Qe=(r,e,o)=>e in r?Ge(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,We=(r,e,o)=>(Qe(r,typeof e!="symbol"?e+"":e,o),o),P=class{constructor(){We(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}},er=Object.defineProperty,rr=(r,e,o)=>e in r?er(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,C=(r,e,o)=>(rr(r,typeof e!="symbol"?e+"":e,o),o),B=class extends P{constructor(e){var o;super(),C(this,"_locale",""),C(this,"_locales"),C(this,"_localeData",{}),C(this,"_messages",{}),C(this,"_missing"),C(this,"_messageCompiler"),C(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:ie,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=""),x(e)||(o=e.values||o,a=e.message,e=e.id);let n=this.messages[e],i=n===void 0,s=this._missing;if(s&&i)return Re(s)?s(this._locale,e):s;i&&this.emit("missing",{id:e,locale:this._locale});let l=n||a||e;return x(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Ue(r){return Ie.get(r)||r}var He=/\\(?:(\\)|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 re(r,e=!1){return r.replace(He,function(o,t,a,n,i,s,l,v,k){if(t!==void 0)return"\\";if(a!==void 0)return Pe(a);if(n!==void 0)return Ae(n);if(i!==void 0)return ee(i,s);if(l!==void 0)return ee(l);if(v==="0")return"\0";if(v!==void 0)return Fe(v,!e);if(k!==void 0)return Ue(k);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}f.unraw=re;f.default=re});var m=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)?m.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{css as Dr,html as w,LitElement as Pr}from"lit";import{property as h}from"lit/decorators.js";import{ifDefined as Br}from"lit/directives/if-defined.js";import{LitElement as tr}from"lit";import{unsafeStatic as ar,html as nr}from"lit/static-html.js";var ne=$e(oe(),1);var x=r=>typeof r=="string",Re=r=>typeof r=="function",te=new Map,ie="en";function A(r){return[...Array.isArray(r)?r:[r],ie]}function F(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 S(()=>T("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(x(e)?new Date(e):e)}function qe(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 F(r,e,t)}function D(r,e,o){let t=A(r);return S(()=>T("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ae(r,e,o,{offset:t=0,...a}){var s,l;let n=A(r),i=e?S(()=>T("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):S(()=>T("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(l=(s=a[o])!=null?s:a[i.select(o-t)])!=null?l:a.other}function S(r,e){let o=r(),t=te.get(o);return t||(t=e(),te.set(o,t)),t}function T(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var se=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,le="%__lingui_octothorpe__%",Je=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],n=(i,s)=>{let l=Object.keys(o).length?a("number"):void 0,v=D(t,i,l);return s.replace(new RegExp(le,"g"),v)};return{plural:(i,s)=>{let{offset:l=0}=s,v=ae(t,!1,i,s);return n(i-l,v)},selectordinal:(i,s)=>{let{offset:l=0}=s,v=ae(t,!0,i,s);return n(i-l,v)},select:Ve,number:(i,s)=>D(t,i,a(s)||{style:s}),date:(i,s)=>F(t,i,a(s)||s),time:(i,s)=>qe(t,i,a(s)||s)}},Ve=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Ke(r,e,o){return(t={},a)=>{let n=Je(e,o,a),i=(l,v=!1)=>Array.isArray(l)?l.reduce((k,M)=>{if(M==="#"&&v)return k+le;if(x(M))return k+M;let[q,y,J]=M,$={};y==="plural"||y==="selectordinal"||y==="select"?Object.entries(J).forEach(([j,Me])=>{$[j]=i(Me,y==="plural"||y==="selectordinal")}):$=J;let X;if(y){let j=n[y];X=j(t[q],$)}else X=t[q];return X==null?k:k+X},""):l,s=i(r);return x(s)&&se.test(s)?(0,ne.unraw)(s):x(s)?s:s?String(s):""}}var Ge=Object.defineProperty,Qe=(r,e,o)=>e in r?Ge(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,We=(r,e,o)=>(Qe(r,typeof e!="symbol"?e+"":e,o),o),P=class{constructor(){We(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}},er=Object.defineProperty,rr=(r,e,o)=>e in r?er(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,C=(r,e,o)=>(rr(r,typeof e!="symbol"?e+"":e,o),o),B=class extends P{constructor(e){var o;super(),C(this,"_locale",""),C(this,"_locales"),C(this,"_localeData",{}),C(this,"_messages",{}),C(this,"_missing"),C(this,"_messageCompiler"),C(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:ie,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=""),x(e)||(o=e.values||o,a=e.message,e=e.id);let n=this.messages[e],i=n===void 0,s=this._missing;if(s&&i)return Re(s)?s(this._locale,e):s;i&&this.emit("missing",{id:e,locale:this._locale});let l=n||a||e;return x(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
 
 > ${l}
 
@@ -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. 
-`)),x(l)&&se.test(l)?JSON.parse(`"${l}"`):x(l)?l:Ke(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return F(this._locales||this._locale,e,o)}number(e,o){return D(this._locales||this._locale,e,o)}};function or(r={}){return new B(r)}var g=or();var ir=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),sr=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),lr=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),cr=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),dr=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),ce=["en","nb","fi","da","sv"],de="en",pr=()=>{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},pe=()=>{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":de},I=r=>ce.find(e=>r===e||r.toLowerCase().includes(e))||pe();function ur(){var r;if(typeof window=="undefined"){let e=pr();return I(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=pe();return ce.includes(e)?I(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),I(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),de}}var br=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,vr=(r,e,o,t,a)=>{let n=ur(),i=br(n,r,e,o,t,a);g.load(n,i),g.activate(n)};vr(sr,ir,lr,cr,dr);var hr=class extends tr{render(){let r=g.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return nr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-down-16-part">${ar(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.667 5.333 5.5 5.5 5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-down-16")||customElements.define("w-icon-chevron-down-16",hr);import{LitElement as gr}from"lit";import{unsafeStatic as wr,html as mr}from"lit/static-html.js";var fr=JSON.parse('{"icon.title.chevron-up":["Oppoverpil"]}'),xr=JSON.parse('{"icon.title.chevron-up":["Upward arrow"]}'),kr=JSON.parse('{"icon.title.chevron-up":["Nuoli yl\xF6sp\xE4in"]}'),yr=JSON.parse('{"icon.title.chevron-up":["Pil opad"]}'),_r=JSON.parse('{"icon.title.chevron-up":["Pil upp"]}'),ue=["en","nb","fi","da","sv"],be="en",zr=()=>{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},ve=()=>{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":be},U=r=>ue.find(e=>r===e||r.toLowerCase().includes(e))||ve();function Cr(){var r;if(typeof window=="undefined"){let e=zr();return U(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=ve();return ue.includes(e)?U(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),U(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),be}}var Er=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,Yr=(r,e,o,t,a)=>{let n=Cr(),i=Er(n,r,e,o,t,a);g.load(n,i),g.activate(n)};Yr(xr,fr,kr,yr,_r);var Lr=class extends gr{render(){let r=g.t({message:"Upward arrow",id:"icon.title.chevron-up",comment:"Title for chevron-up icon"});return mr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-up-16-part">${wr(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 11 8 5.5l5.5 5.5"></path></svg>`}};customElements.get("w-icon-chevron-up-16")||customElements.define("w-icon-chevron-up-16",Lr);import{css as Nr,html as R,LitElement as Or}from"lit";var H=typeof window!="undefined",he=!0;if(H){let r=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:o})=>he=!o;r.addEventListener&&r.addEventListener("change",e),e(r)}var ge=r=>{r.style.transition=null,r.style.backfaceVisibility=null,r.style.overflow=null},we=r=>{let e=he?"var(--f-expansion-duration, 0.3s)":"0.01s";r.style.transition=`height ${e}`,r.style.backfaceVisibility="hidden",r.style.overflow="hidden"},Mr=(r,e)=>()=>{r.style.height="auto",r.style.overflow=null,e&&e()},Xr=r=>()=>{r&&r()},me=(r,e)=>{let o=(()=>{if(!e)return new Promise(n=>{e=n})})(),t=Mr(r,e);ge(r),r.style.height="auto";let a=r.scrollHeight;if(H&&requestAnimationFrame(()=>{r.addEventListener("transitionend",t,{once:!0}),r.style.height="0px",r.style.transitionTimingFunction="ease-out",we(r),requestAnimationFrame(()=>r.style.height=a+"px")}),o)return o},fe=(r,e)=>{let o=(()=>{if(!e)return new Promise(n=>{e=n})})(),t=Xr(e);ge(r);let a=r.scrollHeight;if(H&&requestAnimationFrame(()=>{r.addEventListener("transitionend",t,{once:!0}),r.style.height=a+"px",r.style.transitionTimingFunction="ease-in",we(r),requestAnimationFrame(()=>r.style.height="0px")}),o)return o};import{ifDefined as Sr}from"lit/directives/if-defined.js";var L=class extends Or{constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&me(this._wrapper),!this.show&&!this._removeElement&&fe(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return R`<div aria-hidden=${Sr(this.show?void 0:"true")}>${this._removeElement?R``:R`<slot></slot>`}</div>`}};Y(L,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),Y(L,"styles",[Nr`
+`)),x(l)&&se.test(l)?JSON.parse(`"${l}"`):x(l)?l:Ke(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return F(this._locales||this._locale,e,o)}number(e,o){return D(this._locales||this._locale,e,o)}};function or(r={}){return new B(r)}var g=or();var ir=JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}'),sr=JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}'),lr=JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}'),cr=JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}'),dr=JSON.parse('{"icon.title.chevron-down":["Pil ned"]}'),ce=["en","nb","fi","da","sv"],de="en",pr=()=>{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},pe=()=>{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":de},I=r=>ce.find(e=>r===e||r.toLowerCase().includes(e))||pe();function ur(){var r;if(typeof window=="undefined"){let e=pr();return I(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=pe();return ce.includes(e)?I(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),I(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),de}}var br=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,vr=(r,e,o,t,a)=>{let n=ur(),i=br(n,r,e,o,t,a);g.load(n,i),g.activate(n)};vr(sr,ir,lr,cr,dr);var hr=class extends tr{render(){let r=g.t({message:"Downward arrow",id:"icon.title.chevron-down",comment:"Title for chevron-down icon"});return nr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-down-16-part">${ar(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.667 5.333 5.5 5.5 5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-down-16")||customElements.define("w-icon-chevron-down-16",hr);import{LitElement as gr}from"lit";import{unsafeStatic as wr,html as mr}from"lit/static-html.js";var fr=JSON.parse('{"icon.title.chevron-up":["Oppoverpil"]}'),xr=JSON.parse('{"icon.title.chevron-up":["Upward arrow"]}'),kr=JSON.parse('{"icon.title.chevron-up":["Nuoli yl\xF6sp\xE4in"]}'),yr=JSON.parse('{"icon.title.chevron-up":["Pil opad"]}'),_r=JSON.parse('{"icon.title.chevron-up":["Pil upp"]}'),ue=["en","nb","fi","da","sv"],be="en",zr=()=>{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},ve=()=>{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":be},U=r=>ue.find(e=>r===e||r.toLowerCase().includes(e))||ve();function Cr(){var r;if(typeof window=="undefined"){let e=zr();return U(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=ve();return ue.includes(e)?U(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),U(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),be}}var Er=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,Yr=(r,e,o,t,a)=>{let n=Cr(),i=Er(n,r,e,o,t,a);g.load(n,i),g.activate(n)};Yr(xr,fr,kr,yr,_r);var Lr=class extends gr{render(){let r=g.t({message:"Upward arrow",id:"icon.title.chevron-up",comment:"Title for chevron-up icon"});return mr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-up-16-part">${wr(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 11 8 5.5l5.5 5.5"></path></svg>`}};customElements.get("w-icon-chevron-up-16")||customElements.define("w-icon-chevron-up-16",Lr);var H=typeof window!="undefined",he=!0;if(H){let r=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:o})=>he=!o;r.addEventListener&&r.addEventListener("change",e),e(r)}var ge=r=>{r.style.transition=null,r.style.backfaceVisibility=null,r.style.overflow=null},we=r=>{let e=he?"var(--f-expansion-duration, 0.3s)":"0.01s";r.style.transition=`height ${e}`,r.style.backfaceVisibility="hidden",r.style.overflow="hidden"},Mr=(r,e)=>()=>{r.style.height="auto",r.style.overflow=null,e&&e()},Xr=r=>()=>{r&&r()},me=(r,e)=>{let o=(()=>{if(!e)return new Promise(n=>{e=n})})(),t=Mr(r,e);ge(r),r.style.height="auto";let a=r.scrollHeight;if(H&&requestAnimationFrame(()=>{r.addEventListener("transitionend",t,{once:!0}),r.style.height="0px",r.style.transitionTimingFunction="ease-out",we(r),requestAnimationFrame(()=>r.style.height=a+"px")}),o)return o},fe=(r,e)=>{let o=(()=>{if(!e)return new Promise(n=>{e=n})})(),t=Xr(e);ge(r);let a=r.scrollHeight;if(H&&requestAnimationFrame(()=>{r.addEventListener("transitionend",t,{once:!0}),r.style.height=a+"px",r.style.transitionTimingFunction="ease-in",we(r),requestAnimationFrame(()=>r.style.height="0px")}),o)return o};import{css as Nr,html as R,LitElement as Or}from"lit";import{ifDefined as Sr}from"lit/directives/if-defined.js";var L=class extends Or{constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&me(this._wrapper),!this.show&&!this._removeElement&&fe(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return R`<div aria-hidden=${Sr(this.show?void 0:"true")}>${this._removeElement?R``:R`<slot></slot>`}</div>`}};Y(L,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),Y(L,"styles",[Nr`
       :host {
         display: block;
       }