@warp-ds/elements 2.6.0 → 2.7.0-next.2

package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.js

@@ -0,0 +1,194 @@
+import { css } from 'lit';
+/* For some reason the pseudoselectors for webkit and moz must be separate blocks :shrug: */
+export const wSliderThumbStyles = css `
+  .w-slider-thumb {
+    position: relative;
+    display: grid;
+    pointer-events: none; /* For range inputs we position two of these on top of each other. Let clicks go through the top one. */
+    grid-template-areas:
+      "slider slider slider"
+      "frommarker . tomarker"
+      "fromtextfield . totextfield";
+    grid-template-columns: 1fr 24px 1fr;
+  }
+
+  .w-slider-thumb__range {
+    appearance: none;
+    background-color: transparent;
+    grid-area: slider;
+    height: 44px; /* touch target */
+    margin-left: 0;
+    pointer-events: none; /* let clicks pass through for range slider where we place two inputs over each other */
+  }
+
+  .w-slider-thumb__range::-webkit-slider-runnable-track {
+    box-shadow: none;
+    color: var(--w-s-color-text);
+    height: var(--w-slider-track-height);
+  }
+
+  /*
+    Use anchor positioning to place the tooltip target in relation to the slider thumb.
+    We use a polyfill to bring support to older Safari, Firefox at time of writing.
+   */
+  .w-slider-thumb__range::-webkit-slider-thumb {
+    anchor-name: --thumb;
+
+    appearance: none;
+    cursor: pointer;
+    background: var(--w-slider-thumb-background);
+    border-radius: 50%;
+    height: var(--w-slider-thumb-size, 28px);
+    margin-top: calc(
+      -1 * calc(var(--w-slider-thumb-offset) - calc(
+              var(--w-slider-track-height) / 2
+            ))
+    );
+    pointer-events: initial;
+    width: var(--w-slider-thumb-size, 28px);
+    z-index: 1;
+  }
+
+  .w-slider-thumb__range[disabled]::-webkit-slider-thumb {
+    cursor: auto;
+  }
+
+  .w-slider-thumb__range::-moz-range-thumb {
+    anchor-name: --thumb;
+
+    appearance: none;
+    cursor: pointer;
+    background: var(--w-slider-thumb-background);
+    border-radius: 50%;
+    border-color: transparent;
+    height: var(--w-slider-thumb-size, 28px);
+    margin-top: calc(
+      -1 * calc(var(--w-slider-thumb-offset) - calc(
+              var(--w-slider-track-height) / 2
+            ))
+    );
+    pointer-events: initial;
+    width: var(--w-slider-thumb-size, 28px);
+    z-index: 1;
+
+    box-shadow: none;
+  }
+
+  .w-slider-thumb__range[disabled]::-moz-range-thumb {
+    cursor: auto;
+  }
+
+  .w-slider-thumb__range:active::-webkit-slider-thumb,
+  .w-slider-thumb__range:hover::-webkit-slider-thumb {
+    background: var(--w-slider-thumb-background);
+    box-shadow: var(--w-shadow-slider-handle-hover);
+  }
+
+  .w-slider-thumb__range:focus,
+  .w-slider-thumb__range:focus-visible {
+    outline: none;
+  }
+
+  .w-slider-thumb__range:focus-visible::-webkit-slider-thumb {
+    outline: 2px solid var(--w-s-color-border-focus);
+    outline-offset: var(--w-outline-offset, 1px);
+    box-shadow: none;
+  }
+
+  .w-slider-thumb__range:active::-moz-range-thumb,
+  .w-slider-thumb__range:hover::-moz-range-thumb {
+    background: var(--w-s-color-background-primary-hover);
+    box-shadow: var(--w-shadow-slider-handle-hover);
+  }
+
+  .w-slider-thumb__range:focus-visible::-moz-range-thumb {
+    outline: 2px solid var(--w-s-color-border-focus);
+    outline-offset: var(--w-outline-offset, 1px);
+    box-shadow: none;
+  }
+
+  .w-slider-thumb__tooltip-target {
+    display: block;
+    pointer-events: none;
+    position: absolute;
+    border: 2px solid transparent;
+    border-radius: 20px;
+    width: 8px;
+    height: 8px;
+    position-anchor: --thumb;
+    position-area: center; /* Position the tooltip target right on the range thumb */
+  }
+
+  /* Uncomment this to debug the invisible anchor target */
+  /* .w-slider-thumb__tooltip-target { border-color: lime; } */
+
+  .w-slider-thumb__from-marker,
+  .w-slider-thumb__to-marker {
+    margin-inline: 2px; /* visual alignment with input border, slider thumb */
+    color: var(--w-s-color-text-subtle);
+    font-size: var(--w-font-size-s);
+    line-height: var(--w-line-height-s);
+  }
+
+  .w-slider-thumb__from-marker {
+    grid-area: frommarker;
+  }
+
+  .w-slider-thumb__to-marker {
+    grid-area: tomarker;
+    text-align: right;
+  }
+
+  .w-slider-thumb__textfield {
+    margin-top: 12px;
+    pointer-events: auto;
+    grid-row: 3 / 4;
+    grid-column: 1 / 3; /* Single sliders should have the text field use the fromtextfield _and_ gap portion of the CSS grid. */
+  }
+
+  :host([slot="from"]) .w-slider-thumb__textfield {
+    grid-column: 1 / 2; /* Range sliders should leave the gap empty. */
+  }
+
+  :host([slot="from"]) .w-slider-thumb__range {
+    margin-left: var(--w-slider-thumb-size, 28px);
+  }
+
+  :host([slot="to"]) .w-slider-thumb__range {
+    margin-right: var(--w-slider-thumb-size, 28px);
+  }
+
+
+  :host([slot="from"]) .w-slider-thumb__tooltip-target {
+    transform: translateX(calc(-1 * var(--transform-offset, 0px) - 1px));
+  }
+
+  :host([slot="from"]) .w-slider-thumb__range::-webkit-slider-thumb {
+    transform: translateX(calc(-1 * var(--w-slider-thumb-size, 28px) - 1px));
+  }
+
+  :host([slot="from"]) .w-slider-thumb__range::-moz-range-thumb {
+    transform: translateX(calc(-1 * var(--w-slider-thumb-size, 28px) - 1px));
+  }
+
+  :host([slot="to"]) .w-slider-thumb__textfield {
+    grid-row: 3 / 4;
+    grid-column: 3 / 4;
+  }
+
+  :host([slot="to"]) .w-slider-thumb__tooltip-target {
+    transform: translateX(calc(var(--transform-offset, 0px) - 1px));
+  }
+
+  :host([slot="to"]) .w-slider-thumb__range::-webkit-slider-thumb {
+    transform: translateX(calc(var(--w-slider-thumb-size, 28px) - 1px));
+  }
+
+  :host([slot="to"]) .w-slider-thumb__range::-moz-range-thumb {
+    transform: translateX(calc(var(--w-slider-thumb-size, 28px) - 1px));
+  }
+
+  w-textfield {
+    --w-textfield-placeholder-color-text: var(--w-s-color-text);
+  }
+`;

package/dist/packages/step/step.js

@@ -1,13 +1,13 @@
-var ve=Object.create;var T=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var fe=Object.getOwnPropertyNames;var we=Object.getPrototypeOf,xe=Object.prototype.hasOwnProperty;var Z=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var ke=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of fe(e))!xe.call(o,a)&&a!==r&&T(o,a,{get:()=>e[a],enumerable:!(t=X(e,a))||t.enumerable});return o};var ye=(o,e,r)=>(r=o!=null?ve(we(o)):{},ke(e||!o||!o.__esModule?T(r,"default",{value:o,enumerable:!0}):r,o));var u=(o,e,r,t)=>{for(var a=t>1?void 0:t?X(e,r):e,l=o.length-1,n;l>=0;l--)(n=o[l])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&T(e,r,a),a};var V=Z(x=>{"use strict";Object.defineProperty(x,"__esModule",{value:!0});x.errorMessages=x.ErrorType=void 0;var _;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(_=x.ErrorType||(x.ErrorType={}));x.errorMessages=new Map([[_.MalformedUnicode,"malformed Unicode character escape sequence"],[_.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[_.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[_.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[_.EndOfString,"malformed escape sequence at end of string"]])});var J=Z(m=>{"use strict";Object.defineProperty(m,"__esModule",{value:!0});m.unraw=m.errorMessages=m.ErrorType=void 0;var d=V();Object.defineProperty(m,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(m,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function _e(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function M(o,e,r){let t=_e(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(d.errorMessages.get(e));return t}function ze(o){let e=M(o,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function q(o,e){let r=M(o,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=M(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function Ce(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function Me(o){if(!Ce(o))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=M(e,d.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(d.errorMessages.get(d.ErrorType.CodePointLimit)):t}}function Ee(o,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var Se=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Le(o){return Se.get(o)||o}var Oe=/\\(?:(\\)|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 G(o,e=!1){return o.replace(Oe,function(r,t,a,l,n,i,s,p,g){if(t!==void 0)return"\\";if(a!==void 0)return ze(a);if(l!==void 0)return Me(l);if(n!==void 0)return q(n,i);if(s!==void 0)return q(s);if(p==="0")return"\0";if(p!==void 0)return Ee(p,!e);if(g!==void 0)return Le(g);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}m.unraw=G;m.default=G});var w=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)?w.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var Q=ye(J(),1);var h=o=>typeof o=="string",Te=o=>typeof o=="function",B=new Map,W="en";function N(o){return[...Array.isArray(o)?o:[o],W]}function F(o,e,r){let t=N(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(()=>S("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function je(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 F(o,e,t)}function j(o,e,r){let t=N(o);return E(()=>S("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function K(o,e,r,{offset:t=0,...a}){var i,s;let l=N(o),n=e?E(()=>S("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):E(()=>S("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return(s=(i=a[r])!=null?i:a[n.select(r-t)])!=null?s:a.other}function E(o,e){let r=o(),t=B.get(r);return t||(t=e(),B.set(r,t)),t}function S(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var ee=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,re="%__lingui_octothorpe__%",Pe=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],l=(n,i)=>{let s=Object.keys(r).length?a("number"):void 0,p=j(t,n,s);return i.replace(new RegExp(re,"g"),p)};return{plural:(n,i)=>{let{offset:s=0}=i,p=K(t,!1,n,i);return l(n-s,p)},selectordinal:(n,i)=>{let{offset:s=0}=i,p=K(t,!0,n,i);return l(n-s,p)},select:Ae,number:(n,i)=>j(t,n,a(i)||{style:i}),date:(n,i)=>F(t,n,a(i)||i),time:(n,i)=>je(t,n,a(i)||i)}},Ae=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Ne(o,e,r){return(t={},a)=>{let l=Pe(e,r,a),n=(s,p=!1)=>Array.isArray(s)?s.reduce((g,z)=>{if(z==="#"&&p)return g+re;if(h(z))return g+z;let[H,f,U]=z,L={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(U).forEach(([O,he])=>{L[O]=n(he,f==="plural"||f==="selectordinal")}):L=U;let C;if(f){let O=l[f];C=O(t[H],L)}else C=t[H];return C==null?g:g+C},""):s,i=n(o);return h(i)&&ee.test(i)?(0,Q.unraw)(i):h(i)?i:i?String(i):""}}var Fe=Object.defineProperty,De=(o,e,r)=>e in o?Fe(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,$e=(o,e,r)=>(De(o,typeof e!="symbol"?e+"":e,r),r),P=class{constructor(){$e(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}},Ye=Object.defineProperty,Re=(o,e,r)=>e in o?Ye(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,k=(o,e,r)=>(Re(o,typeof e!="symbol"?e+"":e,r),r),A=class extends P{constructor(e){var r;super(),k(this,"_locale",""),k(this,"_locales"),k(this,"_localeData",{}),k(this,"_messages",{}),k(this,"_missing"),k(this,"_messageCompiler"),k(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:W,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=""),h(e)||(r=e.values||r,a=e.message,e=e.id);let l=this.messages[e],n=l===void 0,i=this._missing;if(i&&n)return Te(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let s=l||a||e;return h(s)&&(this._messageCompiler?s=this._messageCompiler(s):console.warn(`Uncompiled message detected! Message:
+var ke=Object.create;var F=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var ye=Object.getOwnPropertyNames;var _e=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var q=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var Ee=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of ye(e))!ze.call(o,a)&&a!==r&&F(o,a,{get:()=>e[a],enumerable:!(t=V(e,a))||t.enumerable});return o};var Ce=(o,e,r)=>(r=o!=null?ke(_e(o)):{},Ee(e||!o||!o.__esModule?F(r,"default",{value:o,enumerable:!0}):r,o));var u=(o,e,r,t)=>{for(var a=t>1?void 0:t?V(e,r):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&F(e,r,a),a};var G=q(x=>{"use strict";Object.defineProperty(x,"__esModule",{value:!0});x.errorMessages=x.ErrorType=void 0;var _;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(_=x.ErrorType||(x.ErrorType={}));x.errorMessages=new Map([[_.MalformedUnicode,"malformed Unicode character escape sequence"],[_.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[_.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[_.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[_.EndOfString,"malformed escape sequence at end of string"]])});var K=q(m=>{"use strict";Object.defineProperty(m,"__esModule",{value:!0});m.unraw=m.errorMessages=m.ErrorType=void 0;var d=G();Object.defineProperty(m,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(m,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function Me(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function C(o,e,r){let t=Me(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(d.errorMessages.get(e));return t}function Le(o){let e=C(o,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function J(o,e){let r=C(o,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=C(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function Se(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function Oe(o){if(!Se(o))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=C(e,d.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(d.errorMessages.get(d.ErrorType.CodePointLimit)):t}}function Te(o,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var je=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Fe(o){return je.get(o)||o}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 B(o,e=!1){return o.replace(Ne,function(r,t,a,s,n,i,l,p,b){if(t!==void 0)return"\\";if(a!==void 0)return Le(a);if(s!==void 0)return Oe(s);if(n!==void 0)return J(n,i);if(l!==void 0)return J(l);if(p==="0")return"\0";if(p!==void 0)return Te(p,!e);if(b!==void 0)return Fe(b);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}m.unraw=B;m.default=B});var w=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)?w.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var ee=Ce(K(),1);var h=o=>typeof o=="string",Pe=o=>typeof o=="function",Q=new Map,re="en";function A(o){return[...Array.isArray(o)?o:[o],re]}function $(o,e,r){let t=A(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 M(()=>L("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function De(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 $(o,e,t)}function N(o,e,r){let t=A(o);return M(()=>L("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function W(o,e,r,{offset:t=0,...a}){var i,l;let s=A(o),n=e?M(()=>L("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):M(()=>L("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(i=a[r])!=null?i:a[n.select(r-t)])!=null?l:a.other}function M(o,e){let r=o(),t=Q.get(r);return t||(t=e(),Q.set(r,t)),t}function L(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var oe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,te="%__lingui_octothorpe__%",Ae=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],s=(n,i)=>{let l=Object.keys(r).length?a("number"):void 0,p=N(t,n,l);return i.replace(new RegExp(te,"g"),p)};return{plural:(n,i)=>{let{offset:l=0}=i,p=W(t,!1,n,i);return s(n-l,p)},selectordinal:(n,i)=>{let{offset:l=0}=i,p=W(t,!0,n,i);return s(n-l,p)},select:$e,number:(n,i)=>N(t,n,a(i)||{style:i}),date:(n,i)=>$(t,n,a(i)||i),time:(n,i)=>De(t,n,a(i)||i)}},$e=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Ie(o,e,r){return(t={},a)=>{let s=Ae(e,r,a),n=(l,p=!1)=>Array.isArray(l)?l.reduce((b,z)=>{if(z==="#"&&p)return b+te;if(h(z))return b+z;let[X,f,Z]=z,T={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(Z).forEach(([j,xe])=>{T[j]=n(xe,f==="plural"||f==="selectordinal")}):T=Z;let E;if(f){let j=s[f];E=j(t[X],T)}else E=t[X];return E==null?b:b+E},""):l,i=n(o);return h(i)&&oe.test(i)?(0,ee.unraw)(i):h(i)?i:i?String(i):""}}var Ye=Object.defineProperty,Re=(o,e,r)=>e in o?Ye(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,He=(o,e,r)=>(Re(o,typeof e!="symbol"?e+"":e,r),r),P=class{constructor(){He(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}},Ue=Object.defineProperty,Xe=(o,e,r)=>e in o?Ue(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,k=(o,e,r)=>(Xe(o,typeof e!="symbol"?e+"":e,r),r),D=class extends P{constructor(e){var r;super(),k(this,"_locale",""),k(this,"_locales"),k(this,"_localeData",{}),k(this,"_messages",{}),k(this,"_missing"),k(this,"_messageCompiler"),k(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:re,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),h(e)||(r=e.values||r,a=e.message,e=e.id);let s=this.messages[e],n=s===void 0,i=this._missing;if(i&&n)return Pe(i)?i(this._locale,e):i;n&&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:
 
-> ${s}
+> ${l}
 
 That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),h(s)&&ee.test(s)?JSON.parse(`"${s}"`):h(s)?s:Ne(s,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return F(this._locales||this._locale,e,r)}number(e,r){return j(this._locales||this._locale,e,r)}};function Ie(o={}){return new A(o)}var b=Ie();import{html as R,LitElement as Ke,nothing as I}from"lit";import{property as ue,state as Qe}from"lit/decorators.js";import{ifDefined as me}from"lit/directives/if-defined.js";import{html as Ue,LitElement as Xe}from"lit";import{property as D,state as Ze}from"lit/decorators.js";import{classMap as Ve}from"lit/directives/class-map.js";import{css as He}from"lit";var oe=He`
+`)),h(l)&&oe.test(l)?JSON.parse(`"${l}"`):h(l)?l:Ie(l,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return $(this._locales||this._locale,e,r)}number(e,r){return N(this._locales||this._locale,e,r)}};function Ze(o={}){return new D(o)}var g=Ze();import{html as H,LitElement as ir,nothing as U}from"lit";import{property as fe,state as nr}from"lit/decorators.js";import{ifDefined as we}from"lit/directives/if-defined.js";import{html as qe,LitElement as Ge}from"lit";import{property as I,state as Je}from"lit/decorators.js";import{classMap as Be}from"lit/directives/class-map.js";import{css as Ve}from"lit";var ae=Ve`
 :host {
   display: inline-block;
 }
@@ -32,7 +32,7 @@ Please compile your catalog first.
   --w-icon-size: 32px;
 }
 
-`;var $=new Map,qe='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Ge(o,e={}){var t;let r=(t=e.responseParser)!=null?t:(a=>a.text());return $.has(o)||$.set(o,fetch(o).then(r)),$.get(o)}var v=class extends Xe{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await Ge(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(qe,"text/html").body.firstElementChild),this.svg=r}render(){let r={"w-icon":!0,"w-icon--s":this.size==="small","w-icon--m":this.size==="medium","w-icon--l":this.size==="large"},t=typeof this.size=="string"&&this.size.endsWith("px")?`--w-icon-size: ${this.size};`:"";return Ue`<div class="${Ve(r)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};v.styles=[oe],u([D({type:String,reflect:!0})],v.prototype,"name",2),u([D({type:String,reflect:!0})],v.prototype,"size",2),u([D({type:String,reflect:!0})],v.prototype,"locale",2),u([Ze()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);var Je=["en","nb","fi","da","sv"],ae="en",te=o=>Je.find(e=>o===e||o.toLowerCase().includes(e))||ae;function Y(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return te(o)}try{let o=document.documentElement.lang;return te(o)}catch(o){return console.warn("could not detect locale, falling back to source locale",o),ae}}var ie=(o,e,r,t,a)=>{b.load("en",o),b.load("nb",e),b.load("fi",r),b.load("da",t),b.load("sv",a);let l=Y();b.activate(l)};import{css as Be}from"lit";var ne=Be`*,: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}`;import{css as se}from"lit";var le=se`
+`;var Y=new Map,Ke='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Qe(o,e={}){var t;let r=(t=e.responseParser)!=null?t:(a=>a.text());return Y.has(o)||Y.set(o,fetch(o).then(r)),Y.get(o)}var v=class extends Ge{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await Qe(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Ke,"text/html").body.firstElementChild),this.svg=r}render(){let r={"w-icon":!0,"w-icon--s":this.size==="small","w-icon--m":this.size==="medium","w-icon--l":this.size==="large"},t=typeof this.size=="string"&&this.size.endsWith("px")?`--w-icon-size: ${this.size};`:"";return qe`<div class="${Be(r)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};v.styles=[ae],u([I({type:String,reflect:!0})],v.prototype,"name",2),u([I({type:String,reflect:!0})],v.prototype,"size",2),u([I({type:String,reflect:!0})],v.prototype,"locale",2),u([Je()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);var We=["en","nb","fi","da","sv"],R="en",S=o=>We.find(e=>o===e||o.toLowerCase().includes(e))||R;function O(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return S(o)}try{let o=ne(document);if(o)return S(o);let e=tr();if(e)return S(e);let r=ne(ce());return r?S(r):R}catch(o){return console.warn("could not detect locale, falling back to source locale",o),R}}var se=(o,e,r,t,a)=>{g.load("en",o),g.load("nb",e),g.load("fi",r),g.load("da",t),g.load("sv",a);let s=O();g.activate(s),le(),rr()},er="warp-i18n-change";function le(){typeof window!="undefined"&&window.dispatchEvent(new Event(er))}var ie=!1;function rr(){if(ie||typeof window=="undefined"||!(document!=null&&document.documentElement))return;ie=!0;let o=()=>{let a=O();g.locale!==a&&(g.activate(a),le())},e=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=ce();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=or();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ce(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function ne(o){var e,r;try{return(r=(e=o==null?void 0:o.documentElement)==null?void 0:e.lang)!=null?r:""}catch(t){return""}}function or(){var o;try{return(o=window.frameElement)!=null?o:null}catch(e){return null}}function tr(){var o,e,r;try{return(r=(e=(o=window.frameElement)==null?void 0:o.getAttribute)==null?void 0:e.call(o,"lang"))!=null?r:""}catch(t){return""}}import{css as ar}from"lit";var de=ar`*,: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}`;import{css as pe}from"lit";var ge=pe`
   *,
   :before,
   :after {
@@ -305,7 +305,7 @@ Please compile your catalog first.
   svg {
     pointer-events: none;
   }
-`,wr=se`*, :before, :after {
+`,Mr=pe`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2471,16 +2471,16 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;var ce=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var de=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var pe=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var be=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var ge=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');var 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"},y=class extends Ke{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1};ie(de,be,pe,ce,ge)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}setContext(r){this._context=r}getAriaLabel(){return this.completed?b._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}):this.active?b._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}):b._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})}render(){let r=!this._context.horizontal,t=!this._context.right,a=this._context.isFirst,l=this._context.isLast,n=w([c.base,r?c.vertical:c.horizontal,r?t?c.alignLeft:c.alignRight:""]),i=w([c.line,c.lineHorizontal,this.active||this.completed?c.lineComplete:c.lineIncomplete,a?"invisible":""]),s=w([c.dot,r?t?"":c.dotAlignRight:c.dotHorizontal,this.active||this.completed?c.dotActive:c.dotIncomplete]),p=w([c.line,r?c.lineVertical:c.lineHorizontal,r&&!t?c.lineAlignRight:"",this.completed?c.lineComplete:c.lineIncomplete,l?"invisible":""]),g=w([c.content,r?c.contentVertical:c.contentHorizontal,l?"pb-0":""]);return R`
-      <div class="${n}" style=${me(this._context.horizontal?"height: 100%;":void 0)}>
-        ${r?I:R`<div class=${i}></div>`}
-        <div class=${s} role="img" aria-label=${this.getAriaLabel()} aria-current=${this.active?"step":I}>
-          ${this.completed?R`<w-icon name="Check" size="small" locale="${Y()}" data-testid="completed-icon" class="flex"></w-icon>`:I}
+        `;var be=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var ue=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var me=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var he=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var ve=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');var 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"},y=class extends ir{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1};se(ue,he,me,be,ve)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}setContext(r){this._context=r}getAriaLabel(){return this.completed?g._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}):this.active?g._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}):g._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})}render(){let r=!this._context.horizontal,t=!this._context.right,a=this._context.isFirst,s=this._context.isLast,n=w([c.base,r?c.vertical:c.horizontal,r?t?c.alignLeft:c.alignRight:""]),i=w([c.line,c.lineHorizontal,this.active||this.completed?c.lineComplete:c.lineIncomplete,a?"invisible":""]),l=w([c.dot,r?t?"":c.dotAlignRight:c.dotHorizontal,this.active||this.completed?c.dotActive:c.dotIncomplete]),p=w([c.line,r?c.lineVertical:c.lineHorizontal,r&&!t?c.lineAlignRight:"",this.completed?c.lineComplete:c.lineIncomplete,s?"invisible":""]),b=w([c.content,r?c.contentVertical:c.contentHorizontal,s?"pb-0":""]);return H`
+      <div class="${n}" style=${we(this._context.horizontal?"height: 100%;":void 0)}>
+        ${r?U:H`<div class=${i}></div>`}
+        <div class=${l} role="img" aria-label=${this.getAriaLabel()} aria-current=${this.active?"step":U}>
+          ${this.completed?H`<w-icon name="Check" size="small" locale="${O()}" data-testid="completed-icon" class="flex"></w-icon>`:U}
         </div>
         <div class=${p}></div>
-        <div class=${g} style=${me(this._context.horizontal?"height: 100%;":void 0)}>
+        <div class=${b} style=${we(this._context.horizontal?"height: 100%;":void 0)}>
           <slot></slot>
         </div>
       </div>
-    `}};y.styles=[le,ne],u([ue({type:Boolean,reflect:!0})],y.prototype,"active",2),u([ue({type:Boolean,reflect:!0})],y.prototype,"completed",2),u([Qe()],y.prototype,"_context",2);customElements.get("w-step")||customElements.define("w-step",y);export{y as WarpStep};
+    `}};y.styles=[ge,de],u([fe({type:Boolean,reflect:!0})],y.prototype,"active",2),u([fe({type:Boolean,reflect:!0})],y.prototype,"completed",2),u([nr()],y.prototype,"_context",2);customElements.get("w-step")||customElements.define("w-step",y);export{y as WarpStep};
 //# sourceMappingURL=step.js.map