@warp-ds/elements 2.2.0-next.26 → 2.2.0-next.27

package/dist/custom-elements.json

@@ -143,107 +143,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "packages/alert/index.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)",
-          "name": "WarpAlert",
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "AlertVariants"
-              },
-              "default": "'info'",
-              "attribute": "variant",
-              "reflects": true,
-              "parsedType": {
-                "text": "'negative' | 'positive' | 'warning' | 'info'"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "show",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'alert'",
-              "attribute": "role",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "AlertVariants"
-              },
-              "default": "'info'",
-              "fieldName": "variant",
-              "parsedType": {
-                "text": "'negative' | 'positive' | 'warning' | 'info'"
-              }
-            },
-            {
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "show"
-            },
-            {
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'alert'",
-              "fieldName": "role"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-alert",
-          "customElement": true,
-          "modulePath": "packages/alert/index.ts",
-          "definitionPath": "packages/alert/index.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-alert",
-          "declaration": {
-            "name": "WarpAlert",
-            "module": "packages/alert/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpAlert",
-          "declaration": {
-            "name": "WarpAlert",
-            "module": "packages/alert/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "packages/utils/index.js",
@@ -368,7 +267,7 @@
               "attribute": "variant",
               "reflects": true,
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+                "text": "'primary' | 'secondary' | 'negative' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
               }
             },
             {
@@ -476,7 +375,7 @@
               "default": "'secondary'",
               "fieldName": "variant",
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+                "text": "'primary' | 'secondary' | 'negative' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
               }
             },
             {
@@ -636,7 +535,7 @@
               "attribute": "variant",
               "reflects": true,
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
+                "text": "'primary' | 'secondary' | 'negative' | 'utility' | 'pill' | 'link'"
               }
             },
             {
@@ -761,7 +660,7 @@
               "default": "'secondary'",
               "fieldName": "variant",
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
+                "text": "'primary' | 'secondary' | 'negative' | 'utility' | 'pill' | 'link'"
               }
             },
             {
@@ -1232,6 +1131,107 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/alert/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)",
+          "name": "WarpAlert",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "AlertVariants"
+              },
+              "default": "'info'",
+              "attribute": "variant",
+              "reflects": true,
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "show",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "AlertVariants"
+              },
+              "default": "'info'",
+              "fieldName": "variant",
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
+            },
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "show"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-alert",
+          "customElement": true,
+          "modulePath": "packages/alert/index.ts",
+          "definitionPath": "packages/alert/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-alert",
+          "declaration": {
+            "name": "WarpAlert",
+            "module": "packages/alert/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpAlert",
+          "declaration": {
+            "name": "WarpAlert",
+            "module": "packages/alert/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/badge/index.ts",

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 
 import type { ccSuffix, ccPrefix, WarpAffix } from "./packages/affix/index.ts";
-import type { WarpAlert } from "./packages/alert/index.ts";
 import type { WarpLink } from "./packages/link/index.ts";
 import type { ccButton, WarpButton } from "./packages/button/index.ts";
 import type { ccAttention, WarpAttention } from "./packages/attention/index.ts";
+import type { WarpAlert } from "./packages/alert/index.ts";
 import type { WarpBadge } from "./packages/badge/index.ts";
 import type { WarpBox } from "./packages/box/index.ts";
 import type { ccBreadcrumbs, WarpBreadcrumbs } from "./packages/breadcrumbs/index.ts";
@@ -131,18 +131,6 @@ Set an `aria-label` that explains the action when using this. */
 }
 
 
-export type WarpAlertProps = {
-  /**  */
-  "variant"?: WarpAlert['variant'];
-  /**  */
-  "show"?: WarpAlert['show'];
-  /**  */
-  "role"?: WarpAlert['role'];
-
-
-}
-
-
 export type WarpLinkProps = {
   /**  */
   "autofocus"?: WarpLink['autofocus'];
@@ -259,6 +247,18 @@ export type WarpAttentionProps = {
 }
 
 
+export type WarpAlertProps = {
+  /**  */
+  "variant"?: WarpAlert['variant'];
+  /**  */
+  "show"?: WarpAlert['show'];
+  /**  */
+  "role"?: WarpAlert['role'];
+
+
+}
+
+
 export type WarpBadgeProps = {
   /**  */
   "variant"?: WarpBadge['variant'];
@@ -944,24 +944,6 @@ export type WarpToastContainerProps = {
     "w-affix": Partial<WarpAffixProps & BaseProps<WarpAffix> & BaseEvents>;
 
 
-  /**
-     * Alert is an inline component used for displaying different types of messages.
- * 
- * For accessibility reasons, alert should appear close to the element that triggered it.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `variant`: undefined 
- * - `show`: undefined 
- * - `role`: undefined 
-  */
-    "w-alert": Partial<WarpAlertProps & BaseProps<WarpAlert> & BaseEvents>;
-
-
   /**
      * Buttons are used to perform actions, with different visuals for different needs.
  * 
@@ -1052,6 +1034,24 @@ export type WarpToastContainerProps = {
     "w-attention": Partial<WarpAttentionProps & BaseProps<WarpAttention> & BaseEvents>;
 
 
+  /**
+     * Alert is an inline component used for displaying different types of messages.
+ * 
+ * For accessibility reasons, alert should appear close to the element that triggered it.
+ * 
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `variant`: undefined 
+ * - `show`: undefined 
+ * - `role`: undefined 
+  */
+    "w-alert": Partial<WarpAlertProps & BaseProps<WarpAlert> & BaseEvents>;
+
+
   /**
      * `w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.
  * 

package/dist/packages/steps/index.js

@@ -1,5 +1,5 @@
 var fe=Object.create;var A=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var we=Object.getOwnPropertyNames;var xe=Object.getPrototypeOf,ke=Object.prototype.hasOwnProperty;var Q=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var ye=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of we(e))!ke.call(r,a)&&a!==o&&A(r,a,{get:()=>e[a],enumerable:!(t=K(e,a))||t.enumerable});return r};var _e=(r,e,o)=>(o=r!=null?fe(xe(r)):{},ye(e||!r||!r.__esModule?A(o,"default",{value:r,enumerable:!0}):o,r));var k=(r,e,o,t)=>{for(var a=t>1?void 0:t?K(e,o):e,s=r.length-1,i;s>=0;s--)(i=r[s])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&A(e,o,a),a};var W=Q(f=>{"use strict";Object.defineProperty(f,"__esModule",{value:!0});f.errorMessages=f.ErrorType=void 0;var y;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(y=f.ErrorType||(f.ErrorType={}));f.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 oe=Q(u=>{"use strict";Object.defineProperty(u,"__esModule",{value:!0});u.unraw=u.errorMessages=u.ErrorType=void 0;var d=W();Object.defineProperty(u,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(u,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function ze(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function M(r,e,o){let t=ze(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(d.errorMessages.get(e));return t}function Ce(r){let e=M(r,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function ee(r,e){let o=M(r,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=M(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function Me(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function Le(r){if(!Me(r))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=M(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 Ee(r,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Se=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Oe(r){return Se.get(r)||r}var Ne=/\\(?:(\\)|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(Ne,function(o,t,a,s,i,n,l,p,g){if(t!==void 0)return"\\";if(a!==void 0)return Ce(a);if(s!==void 0)return Le(s);if(i!==void 0)return ee(i,n);if(l!==void 0)return ee(l);if(p==="0")return"\0";if(p!==void 0)return Ee(p,!e);if(g!==void 0)return Oe(g);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}u.unraw=re;u.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(" ")};var ie=_e(oe(),1);var h=r=>typeof r=="string",je=r=>typeof r=="function",te=new Map,ne="en";function F(r){return[...Array.isArray(r)?r:[r],ne]}function Y(r,e,o){let t=F(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 L(()=>E("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function Ae(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 Y(r,e,t)}function T(r,e,o){let t=F(r);return L(()=>E("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ae(r,e,o,{offset:t=0,...a}){var n,l;let s=F(r),i=e?L(()=>E("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):L(()=>E("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(n=a[o])!=null?n:a[i.select(o-t)])!=null?l:a.other}function L(r,e){let o=r(),t=te.get(o);return t||(t=e(),te.set(o,t)),t}function E(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__%",Te=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],s=(i,n)=>{let l=Object.keys(o).length?a("number"):void 0,p=T(t,i,l);return n.replace(new RegExp(le,"g"),p)};return{plural:(i,n)=>{let{offset:l=0}=n,p=ae(t,!1,i,n);return s(i-l,p)},selectordinal:(i,n)=>{let{offset:l=0}=n,p=ae(t,!0,i,n);return s(i-l,p)},select:Ie,number:(i,n)=>T(t,i,a(n)||{style:n}),date:(i,n)=>Y(t,i,a(n)||n),time:(i,n)=>Ae(t,i,a(n)||n)}},Ie=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function De(r,e,o){return(t={},a)=>{let s=Te(e,o,a),i=(l,p=!1)=>Array.isArray(l)?l.reduce((g,z)=>{if(z==="#"&&p)return g+le;if(h(z))return g+z;let[V,v,G]=z,N={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(G).forEach(([j,ve])=>{N[j]=i(ve,v==="plural"||v==="selectordinal")}):N=G;let C;if(v){let j=s[v];C=j(t[V],N)}else C=t[V];return C==null?g:g+C},""):l,n=i(r);return h(n)&&se.test(n)?(0,ie.unraw)(n):h(n)?n:n?String(n):""}}var Fe=Object.defineProperty,Ye=(r,e,o)=>e in r?Fe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,Pe=(r,e,o)=>(Ye(r,typeof e!="symbol"?e+"":e,o),o),I=class{constructor(){Pe(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}},$e=Object.defineProperty,He=(r,e,o)=>e in r?$e(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,w=(r,e,o)=>(He(r,typeof e!="symbol"?e+"":e,o),o),D=class extends I{constructor(e){var o;super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(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:ne,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),h(e)||(o=e.values||o,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return je(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return h(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Oe(r){return Se.get(r)||r}var Ne=/\\(?:(\\)|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(Ne,function(o,t,a,s,i,n,l,p,g){if(t!==void 0)return"\\";if(a!==void 0)return Ce(a);if(s!==void 0)return Le(s);if(i!==void 0)return ee(i,n);if(l!==void 0)return ee(l);if(p==="0")return"\0";if(p!==void 0)return Ee(p,!e);if(g!==void 0)return Oe(g);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}u.unraw=re;u.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(" ")};var ie=_e(oe(),1);var h=r=>typeof r=="string",je=r=>typeof r=="function",te=new Map,ne="en";function F(r){return[...Array.isArray(r)?r:[r],ne]}function Y(r,e,o){let t=F(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 L(()=>E("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function Ae(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 Y(r,e,t)}function T(r,e,o){let t=F(r);return L(()=>E("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ae(r,e,o,{offset:t=0,...a}){var n,l;let s=F(r),i=e?L(()=>E("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):L(()=>E("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(n=a[o])!=null?n:a[i.select(o-t)])!=null?l:a.other}function L(r,e){let o=r(),t=te.get(o);return t||(t=e(),te.set(o,t)),t}function E(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__%",Te=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],s=(i,n)=>{let l=Object.keys(o).length?a("number"):void 0,p=T(t,i,l);return n.replace(new RegExp(le,"g"),p)};return{plural:(i,n)=>{let{offset:l=0}=n,p=ae(t,!1,i,n);return s(i-l,p)},selectordinal:(i,n)=>{let{offset:l=0}=n,p=ae(t,!0,i,n);return s(i-l,p)},select:Ie,number:(i,n)=>T(t,i,a(n)||{style:n}),date:(i,n)=>Y(t,i,a(n)||n),time:(i,n)=>Ae(t,i,a(n)||n)}},Ie=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function De(r,e,o){return(t={},a)=>{let s=Te(e,o,a),i=(l,p=!1)=>Array.isArray(l)?l.reduce((g,z)=>{if(z==="#"&&p)return g+le;if(h(z))return g+z;let[V,v,G]=z,N={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(G).forEach(([j,ve])=>{N[j]=i(ve,v==="plural"||v==="selectordinal")}):N=G;let C;if(v){let j=s[v];C=j(t[V],N)}else C=t[V];return C==null?g:g+C},""):l,n=i(r);return h(n)&&se.test(n)?(0,ie.unraw)(n):h(n)?n:n?String(n):""}}var Fe=Object.defineProperty,Ye=(r,e,o)=>e in r?Fe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,$e=(r,e,o)=>(Ye(r,typeof e!="symbol"?e+"":e,o),o),I=class{constructor(){$e(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}},Pe=Object.defineProperty,He=(r,e,o)=>e in r?Pe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,w=(r,e,o)=>(He(r,typeof e!="symbol"?e+"":e,o),o),D=class extends I{constructor(e){var o;super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(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:ne,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),h(e)||(o=e.values||o,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return je(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return h(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
 
 > ${l}
 
@@ -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. 
-`)),h(l)&&se.test(l)?JSON.parse(`"${l}"`):h(l)?l:De(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return Y(this._locales||this._locale,e,o)}number(e,o){return T(this._locales||this._locale,e,o)}};function Re(r={}){return new D(r)}var b=Re();import{html as S,LitElement as he}from"lit";import{property as O,state as nr}from"lit/decorators.js";import{LitElement as Ue}from"lit";import{unsafeStatic as Xe,html as Be}from"lit/static-html.js";var Ze=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),Je=JSON.parse('{"icon.title.check":["Checkmark"]}'),qe=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),Ve=JSON.parse('{"icon.title.check":["Flueben"]}'),Ge=JSON.parse('{"icon.title.check":["Bock"]}'),ce=["en","nb","fi","da","sv"],de="en",Ke=()=>{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},P=r=>ce.find(e=>r===e||r.toLowerCase().includes(e))||pe();function Qe(){var r;if(typeof window=="undefined"){let e=Ke();return P(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=pe();return ce.includes(e)?P(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),P(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),de}}var We=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,er=(r,e,o,t,a)=>{let s=Qe(),i=We(s,r,e,o,t,a);b.load(s,i),b.activate(s)};er(Je,Ze,qe,Ve,Ge);var rr=class extends Ue{render(){let r=b.t({message:"Checkmark",id:"icon.title.check",comment:"Title for check icon"});return Be`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-check-16-part">${Xe(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.83 7.667 7.163 11l5.334-6"></path></svg>`}};customElements.get("w-icon-check-16")||customElements.define("w-icon-check-16",rr);var or=["en","nb","fi","da","sv"],ge="en",be=r=>or.find(e=>r===e||r.toLowerCase().includes(e))||ge;function tr(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return be(r)}try{let r=document.documentElement.lang;return be(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),ge}}var ar=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,$=(r,e,o,t,a)=>{let s=tr(),i=ar(s,r,e,o,t,a);b.load(s,i),b.activate(s)};import{css as ue}from"lit";var H=ue`
+`)),h(l)&&se.test(l)?JSON.parse(`"${l}"`):h(l)?l:De(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return Y(this._locales||this._locale,e,o)}number(e,o){return T(this._locales||this._locale,e,o)}};function Re(r={}){return new D(r)}var b=Re();import{html as S,LitElement as he}from"lit";import{property as O,state as nr}from"lit/decorators.js";import{LitElement as Ue}from"lit";import{unsafeStatic as Xe,html as Be}from"lit/static-html.js";var Ze=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),Je=JSON.parse('{"icon.title.check":["Checkmark"]}'),qe=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),Ve=JSON.parse('{"icon.title.check":["Flueben"]}'),Ge=JSON.parse('{"icon.title.check":["Bock"]}'),ce=["en","nb","fi","da","sv"],de="en",Ke=()=>{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},$=r=>ce.find(e=>r===e||r.toLowerCase().includes(e))||pe();function Qe(){var r;if(typeof window=="undefined"){let e=Ke();return $(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=pe();return ce.includes(e)?$(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),$(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),de}}var We=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,er=(r,e,o,t,a)=>{let s=Qe(),i=We(s,r,e,o,t,a);b.load(s,i),b.activate(s)};er(Je,Ze,qe,Ve,Ge);var rr=class extends Ue{render(){let r=b.t({message:"Checkmark",id:"icon.title.check",comment:"Title for check icon"});return Be`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-check-16-part">${Xe(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.83 7.667 7.163 11l5.334-6"></path></svg>`}};customElements.get("w-icon-check-16")||customElements.define("w-icon-check-16",rr);var or=["en","nb","fi","da","sv"],ge="en",be=r=>or.find(e=>r===e||r.toLowerCase().includes(e))||ge;function tr(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return be(r)}try{let r=document.documentElement.lang;return be(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),ge}}var ar=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,P=(r,e,o,t,a)=>{let s=tr(),i=ar(s,r,e,o,t,a);b.load(s,i),b.activate(s)};import{css as ue}from"lit";var H=ue`
   *,
   :before,
   :after {
@@ -2446,18 +2446,18 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;var R=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var U=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var X=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var B=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var Z=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');import{css as ir}from"lit";var J=ir`*,: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}.text-right{text-align:right}.border-2{border-width:2px}.rounded-full{border-radius:9999px}.flex{display:flex}.grid{display:grid}.flex-1{flex:1}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.grid-flow-col{grid-auto-flow:column}.grid-rows-\\[20px_auto\\]{grid-template-rows:20px auto}.grid-rows-\\[auto_20px\\]{grid-template-rows:auto 20px}.grid-cols-\\[1fr_20px_1fr\\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\\[1fr_20px\\]{grid-template-columns:1fr 20px}.grid-cols-\\[20px_1fr\\]{grid-template-columns:20px 1fr}.items-center{align-items:center}.justify-self-end{justify-self:end}.justify-self-center{justify-self: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-primary{background-color:var(--w-s-color-background-primary)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-primary{border-color:var(--w-s-color-border-primary)}.h-2{height:.2rem}.h-20{height:2rem}.h-full{height:100%}.w-2{width:.2rem}.w-20{width:2rem}.w-full{width:100%}.last\\:mb-0:last-child{margin-bottom:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.pb-0{padding-bottom:0}.pb-32{padding-bottom:3.2rem}.invisible{visibility: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)}.duration-300{transition-duration:.3s}`;var me={wrapper:"w-full",horizontal:"flex"},c={base:"group/step",vertical:"group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16",horizontal:"group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid gap-y-16 items-center",alignLeft:"grid-cols-[20px_1fr]",alignRight:"grid-cols-[1fr_20px] text-right",dot:"rounded-full border-2 h-20 w-20 transition-colors duration-300 s-icon-inverted",dotAlignRight:"col-start-2",dotHorizontal:"row-start-2 justify-self-end",dotActive:"s-border-primary s-bg-primary",dotIncomplete:"s-border s-bg",line:"transition-colors duration-300",lineVertical:"w-2 h-full justify-self-center",lineAlignRight:"col-start-2",lineHorizontal:"h-2 w-full row-start-2",lineIncomplete:"s-bg-disabled",lineComplete:"s-bg-primary",content:"last:mb-0",contentVertical:"row-span-2 pb-32",contentHorizontal:"col-span-3 px-16 row-start-1 text-center"},_=class extends he{constructor(){super();this.horizontal=!1;this.right=!1;$(U,B,X,R,Z)}updated(){this.updateStepsContext()}updateStepsContext(){let o=this.querySelectorAll("w-step");o.forEach((t,a)=>{t.setContext({horizontal:this.horizontal,right:this.right,isLast:a===o.length-1,isFirst:a===0})})}render(){let o=m([me.wrapper,this.horizontal&&me.horizontal]);return S`
-      <ul class=${o}>
+        `;var R=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var U=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var X=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var B=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var Z=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');import{css as ir}from"lit";var J=ir`*,: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}.text-right{text-align:right}.border-2{border-width:2px}.rounded-full{border-radius:9999px}.flex{display:flex}.grid{display:grid}.flex-1{flex:1}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.grid-flow-col{grid-auto-flow:column}.grid-rows-\\[20px_auto\\]{grid-template-rows:20px auto}.grid-rows-\\[auto_20px\\]{grid-template-rows:auto 20px}.grid-cols-\\[1fr_20px_1fr\\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\\[1fr_20px\\]{grid-template-columns:1fr 20px}.grid-cols-\\[20px_1fr\\]{grid-template-columns:20px 1fr}.items-center{align-items:center}.justify-self-end{justify-self:end}.justify-self-center{justify-self: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-primary{background-color:var(--w-s-color-background-primary)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-primary{border-color:var(--w-s-color-border-primary)}.h-2{height:.2rem}.h-20{height:2rem}.h-full{height:100%}.w-2{width:.2rem}.w-20{width:2rem}.w-full{width:100%}.last\\:mb-0:last-child{margin-bottom:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.pb-0{padding-bottom:0}.pb-32{padding-bottom:3.2rem}.invisible{visibility: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)}.duration-300{transition-duration:.3s}`;var me={wrapper:"w-full",horizontal:"flex"},c={base:"group/step",vertical:"group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16",horizontal:"group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid items-center",alignLeft:"grid-cols-[20px_1fr]",alignRight:"grid-cols-[1fr_20px] text-right",dot:"rounded-full border-2 h-20 w-20 transition-colors duration-300 s-icon-inverted",dotAlignRight:"col-start-2",dotHorizontal:"row-start-2 justify-self-end",dotActive:"s-border-primary s-bg-primary",dotIncomplete:"s-border s-bg",line:"transition-colors duration-300",lineVertical:"w-2 h-full justify-self-center",lineAlignRight:"col-start-2",lineHorizontal:"h-2 w-full row-start-2",lineIncomplete:"s-bg-disabled",lineComplete:"s-bg-primary",content:"last:mb-0",contentVertical:"row-span-2 pb-32",contentHorizontal:"col-span-3 px-16 row-start-1 text-center"},_=class extends he{constructor(){super();this.horizontal=!1;this.right=!1;P(U,B,X,R,Z)}updated(){this.updateStepsContext()}updateStepsContext(){let o=this.querySelectorAll("w-step");o.forEach((t,a)=>{t.setContext({horizontal:this.horizontal,right:this.right,isLast:a===o.length-1,isFirst:a===0})})}render(){let o=m([me.wrapper,this.horizontal&&me.horizontal]);return S`
+      <ul class=${o} ${this.horizontal&&"style='display: grid; grid-auto-rows: 1fr;grid-template-columns: 1fr;'"}>
         <slot></slot>
       </ul>
-    `}};_.styles=[H,J],k([O({type:Boolean,reflect:!0})],_.prototype,"horizontal",2),k([O({type:Boolean,reflect:!0})],_.prototype,"right",2);var q={completed:b._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}),active:b._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}),default:b._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})},x=class extends he{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1};$(U,B,X,R,Z)}setContext(o){this._context=o,this.requestUpdate()}getAriaLabel(){return this.completed?q.completed:this.active?q.active:q.default}render(){let o=!this._context.horizontal,t=!this._context.right,a=this._context.isFirst,s=this._context.isLast,i=m([c.base,o?c.vertical:c.horizontal,o?t?c.alignLeft:c.alignRight:""]),n=m([c.line,c.lineHorizontal,this.active||this.completed?c.lineComplete:c.lineIncomplete,a?"invisible":""]),l=m([c.dot,o?t?"":c.dotAlignRight:c.dotHorizontal,this.active||this.completed?c.dotActive:c.dotIncomplete]),p=m([c.line,o?c.lineVertical:c.lineHorizontal,o&&!t?c.lineAlignRight:"",this.completed?c.lineComplete:c.lineIncomplete,s?"invisible":""]),g=m([c.content,o?c.contentVertical:c.contentHorizontal,s?"pb-0":""]);return S`
-      <li class=${i}>
+    `}};_.styles=[H,J],k([O({type:Boolean,reflect:!0})],_.prototype,"horizontal",2),k([O({type:Boolean,reflect:!0})],_.prototype,"right",2);var q={completed:b._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}),active:b._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}),default:b._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})},x=class extends he{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1};P(U,B,X,R,Z)}setContext(o){this._context=o,this.requestUpdate()}getAriaLabel(){return this.completed?q.completed:this.active?q.active:q.default}render(){let o=!this._context.horizontal,t=!this._context.right,a=this._context.isFirst,s=this._context.isLast,i=m([c.base,o?c.vertical:c.horizontal,o?t?c.alignLeft:c.alignRight:""]),n=m([c.line,c.lineHorizontal,this.active||this.completed?c.lineComplete:c.lineIncomplete,a?"invisible":""]),l=m([c.dot,o?t?"":c.dotAlignRight:c.dotHorizontal,this.active||this.completed?c.dotActive:c.dotIncomplete]),p=m([c.line,o?c.lineVertical:c.lineHorizontal,o&&!t?c.lineAlignRight:"",this.completed?c.lineComplete:c.lineIncomplete,s?"invisible":""]),g=m([c.content,o?c.contentVertical:c.contentHorizontal,s?"pb-0":""]);return S`
+      <li class="${i}" style=${this._context.horizontal&&"height: 100%;"}>
         ${o?"":S`<div class=${n}></div>`}
         <div class=${l} role="img" aria-label=${this.getAriaLabel()} ${this.active?'aria-current="step"':""}>
           ${this.completed?S`<w-icon-check-16 data-testid="completed-icon"></w-icon-check-16>`:""}
         </div>
         <div class=${p}></div>
-        <div class=${g}>
+        <div class=${g} ${this._context.horizontal&&"style='height:100%;'"}>
           <slot></slot>
         </div>
       </li>