@warp-ds/elements 2.4.0-next.8 → 2.4.0-next.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +1 -55
- package/dist/index.d.ts +0 -26
- package/dist/packages/combobox/combobox.js +2 -1
- package/dist/packages/combobox/combobox.js.map +2 -2
- package/dist/packages/combobox/styles.js +2 -1
- package/dist/packages/step/step.js +5 -5
- package/dist/packages/step/step.js.map +2 -2
- package/dist/packages/step-indicator/step-indicator.js +1 -1
- package/dist/packages/step-indicator/step-indicator.js.map +2 -2
- package/dist/packages/step-indicator/styles.js +1 -1
- package/dist/packages/tab/tab.d.ts +1 -3
- package/dist/packages/tab/tab.js +11 -11
- package/dist/packages/tab/tab.js.map +3 -3
- package/dist/packages/tab-panel/tab-panel.js +1 -1
- package/dist/packages/tab-panel/tab-panel.js.map +2 -2
- package/dist/packages/tabs/styles.js +1 -1
- package/dist/packages/tabs/tabs.d.ts +0 -1
- package/dist/packages/tabs/tabs.js +5 -5
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/tabs/tabs.react.stories.d.ts +13 -0
- package/dist/packages/tabs/tabs.react.stories.js +43 -22
- package/dist/packages/tabs/tabs.stories.d.ts +4 -5
- package/dist/packages/tabs/tabs.stories.js +51 -29
- package/dist/web-types.json +3 -18
- package/package.json +19 -18
- package/dist/packages/slider-thumb/styles.d.ts +0 -1
- package/dist/packages/slider-thumb/styles.js +0 -2
- package/dist/packages/toast-container/styles.d.ts +0 -1
- package/dist/packages/toast-container/styles.js +0 -2
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.list-none{list-style-type:none}.left-0{left:0}.right-0{right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.
|
|
2
|
+
export const styles = css `*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.list-none{list-style-type:none}.left-0{left:0}.right-0{right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.shadow-m{box-shadow:var(--w-shadow-m)}.m-0{margin:0}.p-0{padding:0}.p-8{padding:.8rem}.pb-4{padding-bottom:.4rem}.cursor-pointer{cursor:pointer}.font-bold{font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.select-none{-webkit-user-select:none;user-select:none};
|
|
3
|
+
.z-0{z-index:0;}.z-20{z-index:20;}`;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
var me=Object.create;var O=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var he=Object.getOwnPropertyNames;var ve=Object.getPrototypeOf,fe=Object.prototype.hasOwnProperty;var R=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var we=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of he(e))!fe.call(r,a)&&a!==o&&O(r,a,{get:()=>e[a],enumerable:!(t=H(e,a))||t.enumerable});return r};var xe=(r,e,o)=>(o=r!=null?me(ve(r)):{},we(e||!r||!r.__esModule?O(o,"default",{value:r,enumerable:!0}):o,r));var z=(r,e,o,t)=>{for(var a=t>1?void 0:t?H(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&&O(e,o,a),a};var U=R(f=>{"use strict";Object.defineProperty(f,"__esModule",{value:!0});f.errorMessages=f.ErrorType=void 0;var k;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(k=f.ErrorType||(f.ErrorType={}));f.errorMessages=new Map([[k.MalformedUnicode,"malformed Unicode character escape sequence"],[k.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[k.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[k.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[k.EndOfString,"malformed escape sequence at end of string"]])});var B=R(u=>{"use strict";Object.defineProperty(u,"__esModule",{value:!0});u.unraw=u.errorMessages=u.ErrorType=void 0;var d=U();Object.defineProperty(u,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(u,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function ke(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function C(r,e,o){let t=ke(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(d.errorMessages.get(e));return t}function ye(r){let e=C(r,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function X(r,e){let o=C(r,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=C(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function _e(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function ze(r){if(!_e(r))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=C(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 Ce(r,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Me=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Le(r){return Me.get(r)||r}var Ee=/\\(?:(\\)|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 Z(r,e=!1){return r.replace(Ee,function(o,t,a,s,i,n,
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Le(r){return Me.get(r)||r}var Ee=/\\(?:(\\)|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 Z(r,e=!1){return r.replace(Ee,function(o,t,a,s,i,n,l,p,g){if(t!==void 0)return"\\";if(a!==void 0)return ye(a);if(s!==void 0)return ze(s);if(i!==void 0)return X(i,n);if(l!==void 0)return X(l);if(p==="0")return"\0";if(p!==void 0)return Ce(p,!e);if(g!==void 0)return Le(g);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}u.unraw=Z;u.default=Z});var v=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)?v.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var V=xe(B(),1);var m=r=>typeof r=="string",Se=r=>typeof r=="function",J=new Map,G="en";function T(r){return[...Array.isArray(r)?r:[r],G]}function I(r,e,o){let t=T(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 M(()=>L("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(m(e)?new Date(e):e)}function Oe(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 I(r,e,t)}function N(r,e,o){let t=T(r);return M(()=>L("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function q(r,e,o,{offset:t=0,...a}){var n,l;let s=T(r),i=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=(n=a[o])!=null?n:a[i.select(o-t)])!=null?l:a.other}function M(r,e){let o=r(),t=J.get(o);return t||(t=e(),J.set(o,t)),t}function L(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var K=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Q="%__lingui_octothorpe__%",Ne=(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=N(t,i,l);return n.replace(new RegExp(Q,"g"),p)};return{plural:(i,n)=>{let{offset:l=0}=n,p=q(t,!1,i,n);return s(i-l,p)},selectordinal:(i,n)=>{let{offset:l=0}=n,p=q(t,!0,i,n);return s(i-l,p)},select:je,number:(i,n)=>N(t,i,a(n)||{style:n}),date:(i,n)=>I(t,i,a(n)||n),time:(i,n)=>Oe(t,i,a(n)||n)}},je=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Ae(r,e,o){return(t={},a)=>{let s=Ne(e,o,a),i=(l,p=!1)=>Array.isArray(l)?l.reduce((g,y)=>{if(y==="#"&&p)return g+Q;if(m(y))return g+y;let[P,h,$]=y,E={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries($).forEach(([S,ue])=>{E[S]=i(ue,h==="plural"||h==="selectordinal")}):E=$;let _;if(h){let S=s[h];_=S(t[P],E)}else _=t[P];return _==null?g:g+_},""):l,n=i(r);return m(n)&&K.test(n)?(0,V.unraw)(n):m(n)?n:n?String(n):""}}var Te=Object.defineProperty,Ie=(r,e,o)=>e in r?Te(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,De=(r,e,o)=>(Ie(r,typeof e!="symbol"?e+"":e,o),o),j=class{constructor(){De(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}},Fe=Object.defineProperty,Ye=(r,e,o)=>e in r?Fe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,w=(r,e,o)=>(Ye(r,typeof e!="symbol"?e+"":e,o),o),A=class extends j{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:G,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=""),m(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 Se(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return m(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
3
3
|
|
|
4
|
-
> ${
|
|
4
|
+
> ${l}
|
|
5
5
|
|
|
6
6
|
That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
|
|
7
7
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
8
|
|
|
9
9
|
Please compile your catalog first.
|
|
10
|
-
`)),m(
|
|
10
|
+
`)),m(l)&&K.test(l)?JSON.parse(`"${l}"`):m(l)?l:Ae(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return I(this._locales||this._locale,e,o)}number(e,o){return N(this._locales||this._locale,e,o)}};function Pe(r={}){return new A(r)}var b=Pe();import{html as F,LitElement as tr}from"lit";import{property as ge,state as ar}from"lit/decorators.js";import{LitElement as $e}from"lit";import{unsafeStatic as He,html as Re}from"lit/static-html.js";var Ue=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),Xe=JSON.parse('{"icon.title.check":["Checkmark"]}'),Ze=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),Be=JSON.parse('{"icon.title.check":["Flueben"]}'),Je=JSON.parse('{"icon.title.check":["Bock"]}'),W=["en","nb","fi","da","sv"],ee="en",qe=()=>{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},re=()=>{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":ee},D=r=>W.find(e=>r===e||r.toLowerCase().includes(e))||re();function Ve(){var r;if(typeof window=="undefined"){let e=qe();return D(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=re();return W.includes(e)?D(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),D(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ee}}var Ge=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,Ke=(r,e,o,t,a)=>{let s=Ve(),i=Ge(s,r,e,o,t,a);b.load(s,i),b.activate(s)};Ke(Xe,Ue,Ze,Be,Je);var Qe=class extends $e{render(){let r=b.t({message:"Checkmark",id:"icon.title.check",comment:"Title for check icon"});return Re`<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">${He(`<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",Qe);var We=["en","nb","fi","da","sv"],te="en",oe=r=>We.find(e=>r===e||r.toLowerCase().includes(e))||te;function er(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return oe(r)}try{let r=document.documentElement.lang;return oe(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),te}}var rr=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,ae=(r,e,o,t,a)=>{let s=er(),i=rr(s,r,e,o,t,a);b.load(s,i),b.activate(s)};var ie=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var ne=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var se=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var le=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var ce=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');import{css as or}from"lit";var de=or`*,: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 be=pe`
|
|
11
11
|
*,
|
|
12
12
|
:before,
|
|
13
13
|
:after {
|
|
@@ -2446,10 +2446,10 @@ Please compile your catalog first.
|
|
|
2446
2446
|
display: none
|
|
2447
2447
|
}
|
|
2448
2448
|
}
|
|
2449
|
-
`;var
|
|
2449
|
+
`;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={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 tr{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1};ae(ne,le,se,ie,ce)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}setContext(o){this._context=o,this.requestUpdate()}getAriaLabel(){return this.completed?Y.completed:this.active?Y.active:Y.default}render(){let o=!this._context.horizontal,t=!this._context.right,a=this._context.isFirst,s=this._context.isLast,i=v([c.base,o?c.vertical:c.horizontal,o?t?c.alignLeft:c.alignRight:""]),n=v([c.line,c.lineHorizontal,this.active||this.completed?c.lineComplete:c.lineIncomplete,a?"invisible":""]),l=v([c.dot,o?t?"":c.dotAlignRight:c.dotHorizontal,this.active||this.completed?c.dotActive:c.dotIncomplete]),p=v([c.line,o?c.lineVertical:c.lineHorizontal,o&&!t?c.lineAlignRight:"",this.completed?c.lineComplete:c.lineIncomplete,s?"invisible":""]),g=v([c.content,o?c.contentVertical:c.contentHorizontal,s?"pb-0":""]);return F`
|
|
2450
2450
|
<div class="${i}" style=${this._context.horizontal&&"height: 100%;"}>
|
|
2451
2451
|
${o?"":F`<div class=${n}></div>`}
|
|
2452
|
-
<div class=${
|
|
2452
|
+
<div class=${l} role="img" aria-label=${this.getAriaLabel()} ${this.active?'aria-current="step"':""}>
|
|
2453
2453
|
${this.completed?F`<w-icon-check-16 data-testid="completed-icon"></w-icon-check-16>`:""}
|
|
2454
2454
|
</div>
|
|
2455
2455
|
<div class=${p}></div>
|