@warp-ds/elements 2.3.0-next.2 → 2.3.0-next.20
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 +715 -28
- package/dist/index.d.ts +150 -19
- package/dist/packages/affix/index.js.map +2 -2
- package/dist/packages/affix/react.d.ts +1 -1
- package/dist/packages/alert/index.js.map +2 -2
- package/dist/packages/alert/react.d.ts +1 -1
- package/dist/packages/attention/attention.stories.js +4 -1
- package/dist/packages/attention/index.js +5 -5
- package/dist/packages/attention/index.js.map +2 -2
- package/dist/packages/attention/react.d.ts +1 -1
- package/dist/packages/attention/styles.js +1 -1
- package/dist/packages/badge/index.js.map +2 -2
- package/dist/packages/badge/react.d.ts +1 -1
- package/dist/packages/box/index.js.map +2 -2
- package/dist/packages/box/react.d.ts +1 -1
- package/dist/packages/breadcrumbs/index.js.map +2 -2
- package/dist/packages/breadcrumbs/react.d.ts +1 -1
- package/dist/packages/button/button.stories.d.ts +4 -4
- package/dist/packages/button/button.stories.js +4 -4
- package/dist/packages/button/index.js +3 -3
- package/dist/packages/button/index.js.map +2 -2
- package/dist/packages/button/react.d.ts +1 -1
- package/dist/packages/card/index.js.map +2 -2
- package/dist/packages/card/react.d.ts +1 -1
- package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
- package/dist/packages/combobox/index.js.map +2 -2
- package/dist/packages/combobox/react.d.ts +1 -1
- package/dist/packages/datepicker/react.d.ts +1 -1
- package/dist/packages/dead-toggle/index.js +2 -3
- package/dist/packages/dead-toggle/index.js.map +2 -2
- package/dist/packages/dead-toggle/react.d.ts +1 -1
- package/dist/packages/expandable/index.js.map +2 -2
- package/dist/packages/expandable/react.d.ts +1 -1
- package/dist/packages/link/index.js +3 -3
- package/dist/packages/link/index.js.map +1 -1
- package/dist/packages/link/react.d.ts +1 -1
- package/dist/packages/link/styles.js +3 -3
- package/dist/packages/modal/index.js.map +2 -2
- package/dist/packages/modal/modal-header.js.map +2 -2
- package/dist/packages/modal/modal.stories.d.ts +3 -3
- package/dist/packages/modal/modal.stories.js +32 -32
- package/dist/packages/modal/react.d.ts +1 -1
- package/dist/packages/pageindicator/react.d.ts +1 -1
- package/dist/packages/pagination/index.js.map +2 -2
- package/dist/packages/pagination/react.d.ts +1 -1
- package/dist/packages/pill/index.js.map +2 -2
- package/dist/packages/pill/react.d.ts +1 -1
- package/dist/packages/rip-and-tear-checkbox/checkbox-group.d.ts +10 -0
- package/dist/packages/rip-and-tear-checkbox/checkbox-group.js +7 -0
- package/dist/packages/rip-and-tear-checkbox/checkbox-group.js.map +7 -0
- package/dist/packages/rip-and-tear-checkbox/checkbox.js +2 -3
- package/dist/packages/rip-and-tear-checkbox/checkbox.js.map +2 -2
- package/dist/packages/rip-and-tear-checkbox/checkbox.stories.d.ts +3 -0
- package/dist/packages/rip-and-tear-checkbox/checkbox.stories.js +14 -0
- package/dist/packages/rip-and-tear-checkbox/index.js +2 -0
- package/dist/packages/rip-and-tear-checkbox/react.d.ts +3 -1
- package/dist/packages/rip-and-tear-checkbox/react.js +5 -0
- package/dist/packages/rip-and-tear-radio/radio-group.js +2 -3
- package/dist/packages/rip-and-tear-radio/radio-group.js.map +2 -2
- package/dist/packages/rip-and-tear-radio/radio.js +2 -3
- package/dist/packages/rip-and-tear-radio/radio.js.map +2 -2
- package/dist/packages/rip-and-tear-radio/radio.stories.js +2 -3
- package/dist/packages/rip-and-tear-radio/radio.stories.js.map +2 -2
- package/dist/packages/rip-and-tear-radio/react.d.ts +2 -2
- package/dist/packages/select/index.d.ts +25 -5
- package/dist/packages/select/index.js +14 -13
- package/dist/packages/select/index.js.map +2 -2
- package/dist/packages/select/react.d.ts +1 -1
- package/dist/packages/select/select.react.stories.d.ts +1 -1
- package/dist/packages/select/select.stories.d.ts +1 -1
- package/dist/packages/select/select.stories.js +3 -4
- package/dist/packages/slider/react.d.ts +2 -2
- package/dist/packages/slider/slider-thumb.d.ts +11 -7
- package/dist/packages/slider/slider-thumb.js +92 -49
- package/dist/packages/slider/slider-thumb.js.map +4 -4
- package/dist/packages/slider/slider.d.ts +10 -1
- package/dist/packages/slider/slider.js +99 -31
- package/dist/packages/slider/slider.js.map +3 -3
- package/dist/packages/slider/slider.react.stories.d.ts +1 -0
- package/dist/packages/slider/slider.react.stories.js +22 -0
- package/dist/packages/slider/slider.stories.d.ts +3 -0
- package/dist/packages/slider/slider.stories.js +240 -33
- package/dist/packages/slider/styles/w-slider-thumb.styles.js +24 -16
- package/dist/packages/slider/styles/w-slider.styles.js +65 -18
- package/dist/packages/steps/index.d.ts +3 -2
- package/dist/packages/steps/index.js +8 -8
- package/dist/packages/steps/index.js.map +3 -3
- package/dist/packages/steps/react.d.ts +2 -2
- package/dist/packages/steps/react.js +2 -2
- package/dist/packages/steps/steps.react.stories.d.ts +4 -4
- package/dist/packages/steps/steps.react.stories.js +11 -11
- package/dist/packages/steps/steps.stories.js +16 -16
- package/dist/packages/switch/index.js +4 -3
- package/dist/packages/switch/index.js.map +2 -2
- package/dist/packages/switch/react.d.ts +1 -1
- package/dist/packages/switch/styles.js +1 -1
- package/dist/packages/tabs/tab.js +4 -3
- package/dist/packages/tabs/tab.js.map +2 -2
- package/dist/packages/tabs/tabs.js +5 -5
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/tabs/tabs.stories.d.ts +3 -0
- package/dist/packages/tabs/tabs.stories.js +16 -7
- package/dist/packages/textarea/index.d.ts +1 -0
- package/dist/packages/textarea/index.js +1 -0
- package/dist/packages/textarea/locales/da/messages.d.mts +1 -0
- package/dist/packages/textarea/locales/da/messages.mjs +1 -0
- package/dist/packages/textarea/locales/en/messages.d.mts +1 -0
- package/dist/packages/textarea/locales/en/messages.mjs +1 -0
- package/dist/packages/textarea/locales/fi/messages.d.mts +1 -0
- package/dist/packages/textarea/locales/fi/messages.mjs +1 -0
- package/dist/packages/textarea/locales/nb/messages.d.mts +1 -0
- package/dist/packages/textarea/locales/nb/messages.mjs +1 -0
- package/dist/packages/textarea/locales/sv/messages.d.mts +1 -0
- package/dist/packages/textarea/locales/sv/messages.mjs +1 -0
- package/dist/packages/textarea/react.d.ts +11 -0
- package/dist/packages/textarea/react.js +21 -0
- package/dist/packages/textarea/styles.d.ts +1 -0
- package/dist/packages/textarea/styles.js +2 -0
- package/dist/packages/textarea/textarea.d.ts +48 -0
- package/dist/packages/textarea/textarea.js +2475 -0
- package/dist/packages/textarea/textarea.js.map +7 -0
- package/dist/packages/textarea/textarea.react.stories.d.ts +33 -0
- package/dist/packages/textarea/textarea.react.stories.js +41 -0
- package/dist/packages/textarea/textarea.stories.d.ts +19 -0
- package/dist/packages/textarea/textarea.stories.js +85 -0
- package/dist/packages/textarea/textarea.test.d.ts +1 -0
- package/dist/packages/textarea/textarea.test.js +49 -0
- package/dist/packages/textfield/index.d.ts +3 -0
- package/dist/packages/textfield/index.js +17 -16
- package/dist/packages/textfield/index.js.map +2 -2
- package/dist/packages/textfield/react.d.ts +1 -1
- package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
- package/dist/packages/toggle-styles.js +2 -3
- package/dist/web-types.json +128 -15
- package/package.json +201 -12
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
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",`
|
|
2
|
-
`],["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
|
|
2
|
+
`],["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 Y(r){return[...Array.isArray(r)?r:[r],ne]}function I(r,e,o){let t=Y(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 I(r,e,t)}function T(r,e,o){let t=Y(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=Y(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:De,number:(i,n)=>T(t,i,a(n)||{style:n}),date:(i,n)=>I(t,i,a(n)||n),time:(i,n)=>Ae(t,i,a(n)||n)}},De=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Fe(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 Ye=Object.defineProperty,Ie=(r,e,o)=>e in r?Ye(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,$e=(r,e,o)=>(Ie(r,typeof e!="symbol"?e+"":e,o),o),D=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),F=class extends D{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:
|
|
3
3
|
|
|
4
4
|
> ${l}
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
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
|
-
`)),h(l)&&se.test(l)?JSON.parse(`"${l}"`):h(l)?l:
|
|
10
|
+
`)),h(l)&&se.test(l)?JSON.parse(`"${l}"`):h(l)?l:Fe(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 T(this._locales||this._locale,e,o)}};function Re(r={}){return new F(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`
|
|
11
11
|
*,
|
|
12
12
|
:before,
|
|
13
13
|
:after {
|
|
@@ -2447,11 +2447,11 @@ Please compile your catalog first.
|
|
|
2447
2447
|
}
|
|
2448
2448
|
}
|
|
2449
2449
|
`;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`
|
|
2450
|
-
<
|
|
2450
|
+
<div role="list" class=${o} ${this.horizontal&&"style='display: grid; grid-auto-rows: 1fr;grid-template-columns: 1fr;'"}>
|
|
2451
2451
|
<slot></slot>
|
|
2452
|
-
</
|
|
2453
|
-
`}};_.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`
|
|
2454
|
-
<
|
|
2452
|
+
</div>
|
|
2453
|
+
`}};_.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)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}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`
|
|
2454
|
+
<div class="${i}" style=${this._context.horizontal&&"height: 100%;"}>
|
|
2455
2455
|
${o?"":S`<div class=${n}></div>`}
|
|
2456
2456
|
<div class=${l} role="img" aria-label=${this.getAriaLabel()} ${this.active?'aria-current="step"':""}>
|
|
2457
2457
|
${this.completed?S`<w-icon-check-16 data-testid="completed-icon"></w-icon-check-16>`:""}
|
|
@@ -2460,6 +2460,6 @@ Please compile your catalog first.
|
|
|
2460
2460
|
<div class=${g} ${this._context.horizontal&&"style='height:100%;'"}>
|
|
2461
2461
|
<slot></slot>
|
|
2462
2462
|
</div>
|
|
2463
|
-
</
|
|
2464
|
-
`}};x.styles=[H,J],k([O({type:Boolean,reflect:!0})],x.prototype,"active",2),k([O({type:Boolean,reflect:!0})],x.prototype,"completed",2),k([nr()],x.prototype,"_context",2);customElements.get("w-
|
|
2463
|
+
</div>
|
|
2464
|
+
`}};x.styles=[H,J],k([O({type:Boolean,reflect:!0})],x.prototype,"active",2),k([O({type:Boolean,reflect:!0})],x.prototype,"completed",2),k([nr()],x.prototype,"_context",2);customElements.get("w-step-indicator")||customElements.define("w-step-indicator",_);customElements.get("w-step")||customElements.define("w-step",x);export{x as WarpStep,_ as WarpStepIndicator};
|
|
2465
2465
|
//# sourceMappingURL=index.js.map
|