@warp-ds/elements 2.4.0-next.7 → 2.4.0-next.9

package/dist/packages/step/react.js

@@ -1,6 +1,6 @@
+import { createComponent } from '@lit/react';
 import { LitElement } from 'lit';
 import React from 'react';
-import { createComponent } from '@lit/react';
 // decouple from CDN by providing a dummy class
 class Component extends LitElement {
 }

package/dist/packages/step/step.js

@@ -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. 
-`)),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)};import{css as ie}from"lit";var ne=ie`
+`)),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`
   *,
   :before,
   :after {
@@ -280,7 +280,7 @@ Please compile your catalog first.
   svg {
     pointer-events: none;
   }
-`,xr=ie`*, :before, :after {
+`,Lr=pe`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2446,7 +2446,7 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `;var se=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var le=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var ce=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var de=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var pe=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 be=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}`;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(le,de,ce,se,pe)}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`
+        `;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`
       <div class="${i}" style=${this._context.horizontal&&"height: 100%;"}>
         ${o?"":F`<div class=${n}></div>`}
         <div class=${l} role="img" aria-label=${this.getAriaLabel()} ${this.active?'aria-current="step"':""}>
@@ -2457,5 +2457,5 @@ Please compile your catalog first.
           <slot></slot>
         </div>
       </div>
-    `}};x.styles=[ne,be],z([ge({type:Boolean,reflect:!0})],x.prototype,"active",2),z([ge({type:Boolean,reflect:!0})],x.prototype,"completed",2),z([ar()],x.prototype,"_context",2);customElements.get("w-step")||customElements.define("w-step",x);export{x as WarpStep};
+    `}};x.styles=[be,de],z([ge({type:Boolean,reflect:!0})],x.prototype,"active",2),z([ge({type:Boolean,reflect:!0})],x.prototype,"completed",2),z([ar()],x.prototype,"_context",2);customElements.get("w-step")||customElements.define("w-step",x);export{x as WarpStep};
 //# sourceMappingURL=step.js.map