@warp-ds/elements 2.3.0 → 2.3.1

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.
@@ -1,2754 +1,379 @@
1
- var ca=Object.create;var Ne=Object.defineProperty;var ht=Object.getOwnPropertyDescriptor;var ua=Object.getOwnPropertyNames;var ma=Object.getPrototypeOf,ha=Object.prototype.hasOwnProperty;var ft=r=>{throw TypeError(r)};var gt=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var fa=(r,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of ua(e))!ha.call(r,o)&&o!==t&&Ne(r,o,{get:()=>e[o],enumerable:!(a=ht(e,o))||a.enumerable});return r};var ga=(r,e,t)=>(t=r!=null?ca(ma(r)):{},fa(e||!r||!r.__esModule?Ne(t,"default",{value:r,enumerable:!0}):t,r));var C=(r,e,t,a)=>{for(var o=a>1?void 0:a?ht(e,t):e,n=r.length-1,i;n>=0;n--)(i=r[n])&&(o=(a?i(e,t,o):i(o))||o);return a&&o&&Ne(e,t,o),o};var Ye=(r,e,t)=>e.has(r)||ft("Cannot "+t);var pt=(r,e,t)=>(Ye(r,e,"read from private field"),t?t.call(r):e.get(r)),He=(r,e,t)=>e.has(r)?ft("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t),bt=(r,e,t,a)=>(Ye(r,e,"write to private field"),a?a.call(r,t):e.set(r,t),t),Y=(r,e,t)=>(Ye(r,e,"access private method"),t);var vt=gt(Z=>{"use strict";Object.defineProperty(Z,"__esModule",{value:!0});Z.errorMessages=Z.ErrorType=void 0;var se;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(se=Z.ErrorType||(Z.ErrorType={}));Z.errorMessages=new Map([[se.MalformedUnicode,"malformed Unicode character escape sequence"],[se.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[se.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[se.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[se.EndOfString,"malformed escape sequence at end of string"]])});var yt=gt(X=>{"use strict";Object.defineProperty(X,"__esModule",{value:!0});X.unraw=X.errorMessages=X.ErrorType=void 0;var N=vt();Object.defineProperty(X,"ErrorType",{enumerable:!0,get:function(){return N.ErrorType}});Object.defineProperty(X,"errorMessages",{enumerable:!0,get:function(){return N.errorMessages}});function pa(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function be(r,e,t){let a=pa(r);if(Number.isNaN(a)||t!==void 0&&t!==r.length)throw new SyntaxError(N.errorMessages.get(e));return a}function ba(r){let e=be(r,N.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function wt(r,e){let t=be(r,N.ErrorType.MalformedUnicode,4);if(e!==void 0){let a=be(e,N.ErrorType.MalformedUnicode,4);return String.fromCharCode(t,a)}return String.fromCharCode(t)}function va(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function wa(r){if(!va(r))throw new SyntaxError(N.errorMessages.get(N.ErrorType.MalformedUnicode));let e=r.slice(1,-1),t=be(e,N.ErrorType.MalformedUnicode);try{return String.fromCodePoint(t)}catch(a){throw a instanceof RangeError?new SyntaxError(N.errorMessages.get(N.ErrorType.CodePointLimit)):a}}function ka(r,e=!1){if(e)throw new SyntaxError(N.errorMessages.get(N.ErrorType.OctalDeprecation));let t=parseInt(r,8);return String.fromCharCode(t)}var ya=new Map([["b","\b"],["f","\f"],["n",`
2
- `],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function xa(r){return ya.get(r)||r}var Ma=/\\(?:(\\)|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 kt(r,e=!1){return r.replace(Ma,function(t,a,o,n,i,s,d,l,f){if(a!==void 0)return"\\";if(o!==void 0)return ba(o);if(n!==void 0)return wa(n);if(i!==void 0)return wt(i,s);if(d!==void 0)return wt(d);if(l==="0")return"\0";if(l!==void 0)return ka(l,!e);if(f!==void 0)return xa(f);throw new SyntaxError(N.errorMessages.get(N.ErrorType.EndOfString))})}X.unraw=kt;X.default=kt});var _t=ga(yt(),1);var Q=r=>typeof r=="string",_a=r=>typeof r=="function",xt=new Map,Dt="en";function Ae(r){return[...Array.isArray(r)?r:[r],Dt]}function Xe(r,e,t){let a=Ae(r);t||(t="default");let o;if(typeof t=="string")switch(o={day:"numeric",month:"short",year:"numeric"},t){case"full":o.weekday="long";case"long":o.month="long";break;case"short":o.month="numeric";break}else o=t;return ve(()=>we("date",a,t),()=>new Intl.DateTimeFormat(a,o)).format(Q(e)?new Date(e):e)}function Da(r,e,t){let a;if(t||(t="default"),typeof t=="string")switch(a={second:"numeric",minute:"numeric",hour:"numeric"},t){case"full":case"long":a.timeZoneName="short";break;case"short":delete a.second}else a=t;return Xe(r,e,a)}function Ie(r,e,t){let a=Ae(r);return ve(()=>we("number",a,t),()=>new Intl.NumberFormat(a,t)).format(e)}function Mt(r,e,t,{offset:a=0,...o}){var s,d;let n=Ae(r),i=e?ve(()=>we("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):ve(()=>we("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(d=(s=o[t])!=null?s:o[i.select(t-a)])!=null?d:o.other}function ve(r,e){let t=r(),a=xt.get(t);return a||(a=e(),xt.set(t,a)),a}function we(r,e,t){let a=e.join("-");return`${r}-${a}-${JSON.stringify(t)}`}var Pt=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Ot="%__lingui_octothorpe__%",Pa=(r,e,t={})=>{let a=e||r,o=i=>typeof i=="object"?i:t[i],n=(i,s)=>{let d=Object.keys(t).length?o("number"):void 0,l=Ie(a,i,d);return s.replace(new RegExp(Ot,"g"),l)};return{plural:(i,s)=>{let{offset:d=0}=s,l=Mt(a,!1,i,s);return n(i-d,l)},selectordinal:(i,s)=>{let{offset:d=0}=s,l=Mt(a,!0,i,s);return n(i-d,l)},select:Oa,number:(i,s)=>Ie(a,i,o(s)||{style:s}),date:(i,s)=>Xe(a,i,o(s)||s),time:(i,s)=>Da(a,i,o(s)||s)}},Oa=(r,e)=>{var t;return(t=e[r])!=null?t:e.other};function Ca(r,e,t){return(a={},o)=>{let n=Pa(e,t,o),i=(d,l=!1)=>Array.isArray(d)?d.reduce((f,h)=>{if(h==="#"&&l)return f+Ot;if(Q(h))return f+h;let[k,g,y]=h,F={};g==="plural"||g==="selectordinal"||g==="select"?Object.entries(y).forEach(([j,V])=>{F[j]=i(V,g==="plural"||g==="selectordinal")}):F=y;let S;if(g){let j=n[g];S=j(a[k],F)}else S=a[k];return S==null?f:f+S},""):d,s=i(r);return Q(s)&&Pt.test(s)?(0,_t.unraw)(s):Q(s)?s:s?String(s):""}}var Sa=Object.defineProperty,Ea=(r,e,t)=>e in r?Sa(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,Wa=(r,e,t)=>(Ea(r,typeof e!="symbol"?e+"":e,t),t),$e=class{constructor(){Wa(this,"_events",{})}on(e,t){var o;var a;return(o=(a=this._events)[e])!=null||(a[e]=[]),this._events[e].push(t),()=>this.removeListener(e,t)}removeListener(e,t){let a=this._getListeners(e);if(!a)return;let o=a.indexOf(t);~o&&a.splice(o,1)}emit(e,...t){let a=this._getListeners(e);a&&a.map(o=>o.apply(this,t))}_getListeners(e){let t=this._events[e];return Array.isArray(t)?t:!1}},Fa=Object.defineProperty,Ta=(r,e,t)=>e in r?Fa(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,ee=(r,e,t)=>(Ta(r,typeof e!="symbol"?e+"":e,t),t),Ve=class extends $e{constructor(e){var t;super(),ee(this,"_locale",""),ee(this,"_locales"),ee(this,"_localeData",{}),ee(this,"_messages",{}),ee(this,"_missing"),ee(this,"_messageCompiler"),ee(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((t=e.locale)!=null?t:Dt,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,t){let a=this._localeData[e];a?Object.assign(a,t):this._localeData[e]=t}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,t){typeof e=="string"?this._loadLocaleData(e,t):Object.keys(e).forEach(a=>this._loadLocaleData(a,e[a])),this.emit("change")}_load(e,t){let a=this._messages[e];a?Object.assign(a,t):this._messages[e]=t}load(e,t){typeof e=="string"&&typeof t=="object"?this._load(e,t):Object.entries(e).forEach(([a,o])=>this._load(a,o)),this.emit("change")}loadAndActivate({locale:e,locales:t,messages:a}){this._locale=e,this._locales=t||void 0,this._messages[this._locale]=a,this.emit("change")}activate(e,t){this._locale=e,this._locales=t,this.emit("change")}_(e,t,a){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 o=a==null?void 0:a.message;e||(e=""),Q(e)||(t=e.values||t,o=e.message,e=e.id);let n=this.messages[e],i=n===void 0,s=this._missing;if(s&&i)return _a(s)?s(this._locale,e):s;i&&this.emit("missing",{id:e,locale:this._locale});let d=n||o||e;return Q(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
3
-
4
- > ${d}
5
-
6
- That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
7
- ICU features such as interpolation and plurals will not work properly for that message.
8
-
9
- Please compile your catalog first.
10
- `)),Q(d)&&Pt.test(d)?JSON.parse(`"${d}"`):Q(d)?d:Ca(d,this._locale,this._locales)(t,a==null?void 0:a.formats)}date(e,t){return Xe(this._locales||this._locale,e,t)}number(e,t){return Ie(this._locales||this._locale,e,t)}};function za(r={}){return new Ve(r)}var _=za();var w=function(r,e,t,a){if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?r!==e||!a:!e.has(r))throw new TypeError("Cannot read private member from an object whose class did not declare it");return t==="m"?a:t==="a"?a.call(r):a?a.value:e.get(r)},z=function(r,e,t,a,o){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?r!==e||!o:!e.has(r))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?o.call(r,t):o?o.value=t:e.set(r,t),t};function Ct(r){var e,t,a,o,n,i,s,d,l,f,h,k,g,y,F,S,j,V,R;class ce extends r{constructor(...u){var p,O,E;super(...u),e.add(this),this.internals=this.attachInternals(),t.set(this,!1),a.set(this,!1),o.set(this,!1),n.set(this,void 0),i.set(this,void 0),s.set(this,!0),l.set(this,""),f.set(this,()=>{z(this,o,!0,"f"),z(this,t,!0,"f"),w(this,e,"m",S).call(this)}),h.set(this,()=>{z(this,t,!1,"f"),w(this,e,"m",j).call(this,this.shouldFormValueUpdate()?w(this,l,"f"):""),!this.validity.valid&&w(this,o,"f")&&z(this,a,!0,"f");let H=w(this,e,"m",S).call(this);this.validationMessageCallback&&this.validationMessageCallback(H?this.internals.validationMessage:"")}),k.set(this,()=>{var H;w(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),z(this,s,!1,"f")),z(this,o,!0,"f"),z(this,a,!0,"f"),w(this,e,"m",S).call(this),(H=this===null||this===void 0?void 0:this.validationMessageCallback)===null||H===void 0||H.call(this,this.showError?this.internals.validationMessage:"")}),g.set(this,void 0),y.set(this,!1),F.set(this,Promise.resolve()),(p=this.addEventListener)===null||p===void 0||p.call(this,"focus",w(this,f,"f")),(O=this.addEventListener)===null||O===void 0||O.call(this,"blur",w(this,h,"f")),(E=this.addEventListener)===null||E===void 0||E.call(this,"invalid",w(this,k,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let u=this.validators.map(E=>E.attribute).flat(),p=super.observedAttributes||[];return[...new Set([...p,...u])]}static getValidator(u){return this.validators.find(p=>p.attribute===u)||null}static getValidators(u){return this.validators.filter(p=>{var O;if(p.attribute===u||!((O=p.attribute)===null||O===void 0)&&O.includes(u))return!0})}get form(){return this.internals.form}get showError(){return w(this,e,"m",S).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(u,p,O){var E;(E=super.attributeChangedCallback)===null||E===void 0||E.call(this,u,p,O);let K=this.constructor.getValidators(u);K!=null&&K.length&&this.validationTarget&&this.setValue(w(this,l,"f"))}setValue(u){var p;z(this,a,!1,"f"),(p=this.validationMessageCallback)===null||p===void 0||p.call(this,""),z(this,l,u,"f");let E=this.shouldFormValueUpdate()?u:null;this.internals.setFormValue(E),w(this,e,"m",j).call(this,E),this.valueChangedCallback&&this.valueChangedCallback(E),w(this,e,"m",S).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(u=>u(w(this,F,"f")))}formResetCallback(){var u,p;z(this,o,!1,"f"),z(this,a,!1,"f"),w(this,e,"m",S).call(this),(u=this.resetFormControl)===null||u===void 0||u.call(this),(p=this.validationMessageCallback)===null||p===void 0||p.call(this,w(this,e,"m",S).call(this)?this.validationMessage:"")}}return t=new WeakMap,a=new WeakMap,o=new WeakMap,n=new WeakMap,i=new WeakMap,s=new WeakMap,l=new WeakMap,f=new WeakMap,h=new WeakMap,k=new WeakMap,g=new WeakMap,y=new WeakMap,F=new WeakMap,e=new WeakSet,d=function(){let u=this.getRootNode(),p=`${this.localName}[name="${this.getAttribute("name")}"]`;return u.querySelectorAll(p)},S=function(){if(this.hasAttribute("disabled"))return!1;let u=w(this,a,"f")||w(this,o,"f")&&!this.validity.valid&&!w(this,t,"f");return u&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),u},j=function(u){let p=this.constructor,O={},E=p.validators,H=[],K=E.some(I=>I.isValid instanceof Promise);w(this,y,"f")||(z(this,F,new Promise(I=>{z(this,g,I,"f")}),"f"),z(this,y,!0,"f")),w(this,n,"f")&&(w(this,n,"f").abort(),z(this,i,w(this,n,"f"),"f"));let T=new AbortController;z(this,n,T,"f");let W,ne=!1;E.length&&(E.forEach(I=>{let Le=I.key||"customError",ie=I.isValid(this,u,T.signal);ie instanceof Promise?(H.push(ie),ie.then(je=>{je!=null&&(O[Le]=!je,W=w(this,e,"m",R).call(this,I,u),w(this,e,"m",V).call(this,O,W))})):(O[Le]=!ie,this.validity[Le]!==!ie&&(ne=!0),!ie&&!W&&(W=w(this,e,"m",R).call(this,I,u)))}),Promise.allSettled(H).then(()=>{var I;T!=null&&T.signal.aborted||(z(this,y,!1,"f"),(I=w(this,g,"f"))===null||I===void 0||I.call(this))}),(ne||!K)&&w(this,e,"m",V).call(this,O,W))},V=function(u,p){if(this.validationTarget)this.internals.setValidity(u,p,this.validationTarget),z(this,s,!1,"f");else{if(this.internals.setValidity(u,p),this.internals.validity.valid)return;z(this,s,!0,"f")}},R=function(u,p){if(this.validityCallback){let O=this.validityCallback(u.key||"customError");if(O)return O}return u.message instanceof Function?u.message(this,p):u.message},ce}var La=Math.pow(10,8)*24*60*60*1e3,ws=-La,ke=6048e5,St=864e5;var ja=3600;var Et=ja*24,ks=Et*7,Na=Et*365.2425,Ya=Na/12,ys=Ya*3,qe=Symbol.for("constructDateFrom");function x(r,e){return typeof r=="function"?r(e):r&&typeof r=="object"&&qe in r?r[qe](e):r instanceof Date?new r.constructor(e):new Date(e)}function c(r,e){return x(e||r,r)}function te(r,e,t){let a=c(r,t==null?void 0:t.in);return isNaN(e)?x((t==null?void 0:t.in)||r,NaN):(e&&a.setDate(a.getDate()+e),a)}function ue(r,e,t){let a=c(r,t==null?void 0:t.in);if(isNaN(e))return x((t==null?void 0:t.in)||r,NaN);if(!e)return a;let o=a.getDate(),n=x((t==null?void 0:t.in)||r,a.getTime());n.setMonth(a.getMonth()+e+1,0);let i=n.getDate();return o>=i?n:(a.setFullYear(n.getFullYear(),n.getMonth(),o),a)}var Ha={};function $(){return Ha}function L(r,e){var s,d,l,f,h,k,g,y;let t=$(),a=(y=(g=(f=(l=e==null?void 0:e.weekStartsOn)!=null?l:(d=(s=e==null?void 0:e.locale)==null?void 0:s.options)==null?void 0:d.weekStartsOn)!=null?f:t.weekStartsOn)!=null?g:(k=(h=t.locale)==null?void 0:h.options)==null?void 0:k.weekStartsOn)!=null?y:0,o=c(r,e==null?void 0:e.in),n=o.getDay(),i=(n<a?7:0)+n-a;return o.setDate(o.getDate()-i),o.setHours(0,0,0,0),o}function re(r,e){return L(r,{...e,weekStartsOn:1})}function ye(r,e){let t=c(r,e==null?void 0:e.in),a=t.getFullYear(),o=x(t,0);o.setFullYear(a+1,0,4),o.setHours(0,0,0,0);let n=re(o),i=x(t,0);i.setFullYear(a,0,4),i.setHours(0,0,0,0);let s=re(i);return t.getTime()>=n.getTime()?a+1:t.getTime()>=s.getTime()?a:a-1}function Re(r){let e=c(r),t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),+r-+t}function J(r,...e){let t=x.bind(null,r||e.find(a=>typeof a=="object"));return e.map(t)}function U(r,e){let t=c(r,e==null?void 0:e.in);return t.setHours(0,0,0,0),t}function xe(r,e,t){let[a,o]=J(t==null?void 0:t.in,r,e),n=U(a),i=U(o),s=+n-Re(n),d=+i-Re(i);return Math.round((s-d)/St)}function Wt(r,e){let t=ye(r,e),a=x((e==null?void 0:e.in)||r,0);return a.setFullYear(t,0,4),a.setHours(0,0,0,0),re(a)}function Ft(r,e,t){return te(r,e*7,t)}function Tt(r){return x(r,Date.now())}function Me(r,e,t){let[a,o]=J(t==null?void 0:t.in,r,e);return+U(a)==+U(o)}function zt(r){return r instanceof Date||typeof r=="object"&&Object.prototype.toString.call(r)==="[object Date]"}function Lt(r){return!(!zt(r)&&typeof r!="number"||isNaN(+c(r)))}function _e(r,e){let[t,a]=J(r,e.start,e.end);return{start:t,end:a}}function jt(r,e){var l;let{start:t,end:a}=_e(e==null?void 0:e.in,r),o=+t>+a,n=o?+t:+a,i=o?a:t;i.setHours(0,0,0,0);let s=(l=e==null?void 0:e.step)!=null?l:1;if(!s)return[];s<0&&(s=-s,o=!o);let d=[];for(;+i<=n;)d.push(x(t,i)),i.setDate(i.getDate()+s),i.setHours(0,0,0,0);return o?d.reverse():d}function Nt(r,e){var h;let{start:t,end:a}=_e(e==null?void 0:e.in,r),o=+t>+a,n=o?L(a,e):L(t,e),i=o?L(t,e):L(a,e);n.setHours(15),i.setHours(15);let s=+i.getTime(),d=n,l=(h=e==null?void 0:e.step)!=null?h:1;if(!l)return[];l<0&&(l=-l,o=!o);let f=[];for(;+d<=s;)d.setHours(0),f.push(x(t,d)),d=Ft(d,l),d.setHours(15);return o?f.reverse():f}function me(r,e){let t=c(r,e==null?void 0:e.in);return t.setDate(1),t.setHours(0,0,0,0),t}function Yt(r,e){let t=c(r,e==null?void 0:e.in);return t.setFullYear(t.getFullYear(),0,1),t.setHours(0,0,0,0),t}function Be(r,e){var s,d,l,f,h,k,g,y;let t=$(),a=(y=(g=(f=(l=e==null?void 0:e.weekStartsOn)!=null?l:(d=(s=e==null?void 0:e.locale)==null?void 0:s.options)==null?void 0:d.weekStartsOn)!=null?f:t.weekStartsOn)!=null?g:(k=(h=t.locale)==null?void 0:h.options)==null?void 0:k.weekStartsOn)!=null?y:0,o=c(r,e==null?void 0:e.in),n=o.getDay(),i=(n<a?-7:0)+6-(n-a);return o.setDate(o.getDate()+i),o.setHours(23,59,59,999),o}var Ia={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},De=(r,e,t)=>{let a,o=Ia[r];return typeof o=="string"?a=o:e===1?a=o.one:a=o.other.replace("{{count}}",e.toString()),t!=null&&t.addSuffix?t.comparison&&t.comparison>0?"in "+a:a+" ago":a};function D(r){return(e={})=>{let t=e.width?String(e.width):r.defaultWidth;return r.formats[t]||r.formats[r.defaultWidth]}}var $a={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Va={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},Aa={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},Ht={date:D({formats:$a,defaultWidth:"full"}),time:D({formats:Va,defaultWidth:"full"}),dateTime:D({formats:Aa,defaultWidth:"full"})};var Xa={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},Pe=(r,e,t,a)=>Xa[r];function b(r){return(e,t)=>{let a=t!=null&&t.context?String(t.context):"standalone",o;if(a==="formatting"&&r.formattingValues){let i=r.defaultFormattingWidth||r.defaultWidth,s=t!=null&&t.width?String(t.width):i;o=r.formattingValues[s]||r.formattingValues[i]}else{let i=r.defaultWidth,s=t!=null&&t.width?String(t.width):r.defaultWidth;o=r.values[s]||r.values[i]}let n=r.argumentCallback?r.argumentCallback(e):e;return o[n]}}var qa={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},Ra={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},Ba={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},Ka={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},Qa={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},Ja={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},Ua=(r,e)=>{let t=Number(r),a=t%100;if(a>20||a<10)switch(a%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},Oe={ordinalNumber:Ua,era:b({values:qa,defaultWidth:"wide"}),quarter:b({values:Ra,defaultWidth:"wide",argumentCallback:r=>r-1}),month:b({values:Ba,defaultWidth:"wide"}),day:b({values:Ka,defaultWidth:"wide"}),dayPeriod:b({values:Qa,defaultWidth:"wide",formattingValues:Ja,defaultFormattingWidth:"wide"})};function v(r){return(e,t={})=>{let a=t.width,o=a&&r.matchPatterns[a]||r.matchPatterns[r.defaultMatchWidth],n=e.match(o);if(!n)return null;let i=n[0],s=a&&r.parsePatterns[a]||r.parsePatterns[r.defaultParseWidth],d=Array.isArray(s)?Za(s,h=>h.test(i)):Ga(s,h=>h.test(i)),l;l=r.valueCallback?r.valueCallback(d):d,l=t.valueCallback?t.valueCallback(l):l;let f=e.slice(i.length);return{value:l,rest:f}}}function Ga(r,e){for(let t in r)if(Object.prototype.hasOwnProperty.call(r,t)&&e(r[t]))return t}function Za(r,e){for(let t=0;t<r.length;t++)if(e(r[t]))return t}function A(r){return(e,t={})=>{let a=e.match(r.matchPattern);if(!a)return null;let o=a[0],n=e.match(r.parsePattern);if(!n)return null;let i=r.valueCallback?r.valueCallback(n[0]):n[0];i=t.valueCallback?t.valueCallback(i):i;let s=e.slice(o.length);return{value:i,rest:s}}}var eo=/^(\d+)(th|st|nd|rd)?/i,to=/\d+/i,ro={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},ao={any:[/^b/i,/^(a|c)/i]},oo={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},no={any:[/1/i,/2/i,/3/i,/4/i]},io={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},so={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},lo={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},co={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},uo={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},mo={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Ce={ordinalNumber:A({matchPattern:eo,parsePattern:to,valueCallback:r=>parseInt(r,10)}),era:v({matchPatterns:ro,defaultMatchWidth:"wide",parsePatterns:ao,defaultParseWidth:"any"}),quarter:v({matchPatterns:oo,defaultMatchWidth:"wide",parsePatterns:no,defaultParseWidth:"any",valueCallback:r=>r+1}),month:v({matchPatterns:io,defaultMatchWidth:"wide",parsePatterns:so,defaultParseWidth:"any"}),day:v({matchPatterns:lo,defaultMatchWidth:"wide",parsePatterns:co,defaultParseWidth:"any"}),dayPeriod:v({matchPatterns:uo,defaultMatchWidth:"any",parsePatterns:mo,defaultParseWidth:"any"})};var Ke={code:"en-US",formatDistance:De,formatLong:Ht,formatRelative:Pe,localize:Oe,match:Ce,options:{weekStartsOn:0,firstWeekContainsDate:1}};function It(r,e){let t=c(r,e==null?void 0:e.in);return xe(t,Yt(t))+1}function $t(r,e){let t=c(r,e==null?void 0:e.in),a=+re(t)-+Wt(t);return Math.round(a/ke)+1}function Se(r,e){var f,h,k,g,y,F,S,j;let t=c(r,e==null?void 0:e.in),a=t.getFullYear(),o=$(),n=(j=(S=(g=(k=e==null?void 0:e.firstWeekContainsDate)!=null?k:(h=(f=e==null?void 0:e.locale)==null?void 0:f.options)==null?void 0:h.firstWeekContainsDate)!=null?g:o.firstWeekContainsDate)!=null?S:(F=(y=o.locale)==null?void 0:y.options)==null?void 0:F.firstWeekContainsDate)!=null?j:1,i=x((e==null?void 0:e.in)||r,0);i.setFullYear(a+1,0,n),i.setHours(0,0,0,0);let s=L(i,e),d=x((e==null?void 0:e.in)||r,0);d.setFullYear(a,0,n),d.setHours(0,0,0,0);let l=L(d,e);return+t>=+s?a+1:+t>=+l?a:a-1}function Vt(r,e){var s,d,l,f,h,k,g,y;let t=$(),a=(y=(g=(f=(l=e==null?void 0:e.firstWeekContainsDate)!=null?l:(d=(s=e==null?void 0:e.locale)==null?void 0:s.options)==null?void 0:d.firstWeekContainsDate)!=null?f:t.firstWeekContainsDate)!=null?g:(k=(h=t.locale)==null?void 0:h.options)==null?void 0:k.firstWeekContainsDate)!=null?y:1,o=Se(r,e),n=x((e==null?void 0:e.in)||r,0);return n.setFullYear(o,0,a),n.setHours(0,0,0,0),L(n,e)}function At(r,e){let t=c(r,e==null?void 0:e.in),a=+L(t,e)-+Vt(t,e);return Math.round(a/ke)+1}function m(r,e){let t=r<0?"-":"",a=Math.abs(r).toString().padStart(e,"0");return t+a}var q={y(r,e){let t=r.getFullYear(),a=t>0?t:1-t;return m(e==="yy"?a%100:a,e.length)},M(r,e){let t=r.getMonth();return e==="M"?String(t+1):m(t+1,2)},d(r,e){return m(r.getDate(),e.length)},a(r,e){let t=r.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return t.toUpperCase();case"aaa":return t;case"aaaaa":return t[0];case"aaaa":default:return t==="am"?"a.m.":"p.m."}},h(r,e){return m(r.getHours()%12||12,e.length)},H(r,e){return m(r.getHours(),e.length)},m(r,e){return m(r.getMinutes(),e.length)},s(r,e){return m(r.getSeconds(),e.length)},S(r,e){let t=e.length,a=r.getMilliseconds(),o=Math.trunc(a*Math.pow(10,t-3));return m(o,e.length)}};var de={am:"am",pm:"pm",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},Qe={G:function(r,e,t){let a=r.getFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return t.era(a,{width:"abbreviated"});case"GGGGG":return t.era(a,{width:"narrow"});case"GGGG":default:return t.era(a,{width:"wide"})}},y:function(r,e,t){if(e==="yo"){let a=r.getFullYear(),o=a>0?a:1-a;return t.ordinalNumber(o,{unit:"year"})}return q.y(r,e)},Y:function(r,e,t,a){let o=Se(r,a),n=o>0?o:1-o;if(e==="YY"){let i=n%100;return m(i,2)}return e==="Yo"?t.ordinalNumber(n,{unit:"year"}):m(n,e.length)},R:function(r,e){let t=ye(r);return m(t,e.length)},u:function(r,e){let t=r.getFullYear();return m(t,e.length)},Q:function(r,e,t){let a=Math.ceil((r.getMonth()+1)/3);switch(e){case"Q":return String(a);case"QQ":return m(a,2);case"Qo":return t.ordinalNumber(a,{unit:"quarter"});case"QQQ":return t.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(a,{width:"narrow",context:"formatting"});case"QQQQ":default:return t.quarter(a,{width:"wide",context:"formatting"})}},q:function(r,e,t){let a=Math.ceil((r.getMonth()+1)/3);switch(e){case"q":return String(a);case"qq":return m(a,2);case"qo":return t.ordinalNumber(a,{unit:"quarter"});case"qqq":return t.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(a,{width:"narrow",context:"standalone"});case"qqqq":default:return t.quarter(a,{width:"wide",context:"standalone"})}},M:function(r,e,t){let a=r.getMonth();switch(e){case"M":case"MM":return q.M(r,e);case"Mo":return t.ordinalNumber(a+1,{unit:"month"});case"MMM":return t.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(a,{width:"narrow",context:"formatting"});case"MMMM":default:return t.month(a,{width:"wide",context:"formatting"})}},L:function(r,e,t){let a=r.getMonth();switch(e){case"L":return String(a+1);case"LL":return m(a+1,2);case"Lo":return t.ordinalNumber(a+1,{unit:"month"});case"LLL":return t.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(a,{width:"narrow",context:"standalone"});case"LLLL":default:return t.month(a,{width:"wide",context:"standalone"})}},w:function(r,e,t,a){let o=At(r,a);return e==="wo"?t.ordinalNumber(o,{unit:"week"}):m(o,e.length)},I:function(r,e,t){let a=$t(r);return e==="Io"?t.ordinalNumber(a,{unit:"week"}):m(a,e.length)},d:function(r,e,t){return e==="do"?t.ordinalNumber(r.getDate(),{unit:"date"}):q.d(r,e)},D:function(r,e,t){let a=It(r);return e==="Do"?t.ordinalNumber(a,{unit:"dayOfYear"}):m(a,e.length)},E:function(r,e,t){let a=r.getDay();switch(e){case"E":case"EE":case"EEE":return t.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(a,{width:"short",context:"formatting"});case"EEEE":default:return t.day(a,{width:"wide",context:"formatting"})}},e:function(r,e,t,a){let o=r.getDay(),n=(o-a.weekStartsOn+8)%7||7;switch(e){case"e":return String(n);case"ee":return m(n,2);case"eo":return t.ordinalNumber(n,{unit:"day"});case"eee":return t.day(o,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(o,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(o,{width:"short",context:"formatting"});case"eeee":default:return t.day(o,{width:"wide",context:"formatting"})}},c:function(r,e,t,a){let o=r.getDay(),n=(o-a.weekStartsOn+8)%7||7;switch(e){case"c":return String(n);case"cc":return m(n,e.length);case"co":return t.ordinalNumber(n,{unit:"day"});case"ccc":return t.day(o,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(o,{width:"narrow",context:"standalone"});case"cccccc":return t.day(o,{width:"short",context:"standalone"});case"cccc":default:return t.day(o,{width:"wide",context:"standalone"})}},i:function(r,e,t){let a=r.getDay(),o=a===0?7:a;switch(e){case"i":return String(o);case"ii":return m(o,e.length);case"io":return t.ordinalNumber(o,{unit:"day"});case"iii":return t.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(a,{width:"short",context:"formatting"});case"iiii":default:return t.day(a,{width:"wide",context:"formatting"})}},a:function(r,e,t){let o=r.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(o,{width:"narrow",context:"formatting"});case"aaaa":default:return t.dayPeriod(o,{width:"wide",context:"formatting"})}},b:function(r,e,t){let a=r.getHours(),o;switch(a===12?o=de.noon:a===0?o=de.midnight:o=a/12>=1?"pm":"am",e){case"b":case"bb":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(o,{width:"narrow",context:"formatting"});case"bbbb":default:return t.dayPeriod(o,{width:"wide",context:"formatting"})}},B:function(r,e,t){let a=r.getHours(),o;switch(a>=17?o=de.evening:a>=12?o=de.afternoon:a>=4?o=de.morning:o=de.night,e){case"B":case"BB":case"BBB":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(o,{width:"narrow",context:"formatting"});case"BBBB":default:return t.dayPeriod(o,{width:"wide",context:"formatting"})}},h:function(r,e,t){if(e==="ho"){let a=r.getHours()%12;return a===0&&(a=12),t.ordinalNumber(a,{unit:"hour"})}return q.h(r,e)},H:function(r,e,t){return e==="Ho"?t.ordinalNumber(r.getHours(),{unit:"hour"}):q.H(r,e)},K:function(r,e,t){let a=r.getHours()%12;return e==="Ko"?t.ordinalNumber(a,{unit:"hour"}):m(a,e.length)},k:function(r,e,t){let a=r.getHours();return a===0&&(a=24),e==="ko"?t.ordinalNumber(a,{unit:"hour"}):m(a,e.length)},m:function(r,e,t){return e==="mo"?t.ordinalNumber(r.getMinutes(),{unit:"minute"}):q.m(r,e)},s:function(r,e,t){return e==="so"?t.ordinalNumber(r.getSeconds(),{unit:"second"}):q.s(r,e)},S:function(r,e){return q.S(r,e)},X:function(r,e,t){let a=r.getTimezoneOffset();if(a===0)return"Z";switch(e){case"X":return qt(a);case"XXXX":case"XX":return ae(a);case"XXXXX":case"XXX":default:return ae(a,":")}},x:function(r,e,t){let a=r.getTimezoneOffset();switch(e){case"x":return qt(a);case"xxxx":case"xx":return ae(a);case"xxxxx":case"xxx":default:return ae(a,":")}},O:function(r,e,t){let a=r.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+Xt(a,":");case"OOOO":default:return"GMT"+ae(a,":")}},z:function(r,e,t){let a=r.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+Xt(a,":");case"zzzz":default:return"GMT"+ae(a,":")}},t:function(r,e,t){let a=Math.trunc(+r/1e3);return m(a,e.length)},T:function(r,e,t){return m(+r,e.length)}};function Xt(r,e=""){let t=r>0?"-":"+",a=Math.abs(r),o=Math.trunc(a/60),n=a%60;return n===0?t+String(o):t+String(o)+e+m(n,2)}function qt(r,e){return r%60===0?(r>0?"-":"+")+m(Math.abs(r)/60,2):ae(r,e)}function ae(r,e=""){let t=r>0?"-":"+",a=Math.abs(r),o=m(Math.trunc(a/60),2),n=m(a%60,2);return t+o+e+n}var Rt=(r,e)=>{switch(r){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});case"PPPP":default:return e.date({width:"full"})}},Bt=(r,e)=>{switch(r){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});case"pppp":default:return e.time({width:"full"})}},ho=(r,e)=>{let t=r.match(/(P+)(p+)?/)||[],a=t[1],o=t[2];if(!o)return Rt(r,e);let n;switch(a){case"P":n=e.dateTime({width:"short"});break;case"PP":n=e.dateTime({width:"medium"});break;case"PPP":n=e.dateTime({width:"long"});break;case"PPPP":default:n=e.dateTime({width:"full"});break}return n.replace("{{date}}",Rt(a,e)).replace("{{time}}",Bt(o,e))},Kt={p:Bt,P:ho};var fo=/^D+$/,go=/^Y+$/,po=["D","DD","YY","YYYY"];function Qt(r){return fo.test(r)}function Jt(r){return go.test(r)}function Ut(r,e,t){let a=bo(r,e,t);if(console.warn(a),po.includes(r))throw new RangeError(a)}function bo(r,e,t){let a=r[0]==="Y"?"years":"days of the month";return`Use \`${r.toLowerCase()}\` instead of \`${r}\` (in \`${e}\`) for formatting ${a} to the input \`${t}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}var vo=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,wo=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ko=/^'([^]*?)'?$/,yo=/''/g,xo=/[a-zA-Z]/;function he(r,e,t){var f,h,k,g,y,F,S,j,V,R,ce,B,u,p,O,E,H,K;let a=$(),o=(h=(f=t==null?void 0:t.locale)!=null?f:a.locale)!=null?h:Ke,n=(R=(V=(F=(y=t==null?void 0:t.firstWeekContainsDate)!=null?y:(g=(k=t==null?void 0:t.locale)==null?void 0:k.options)==null?void 0:g.firstWeekContainsDate)!=null?F:a.firstWeekContainsDate)!=null?V:(j=(S=a.locale)==null?void 0:S.options)==null?void 0:j.firstWeekContainsDate)!=null?R:1,i=(K=(H=(p=(u=t==null?void 0:t.weekStartsOn)!=null?u:(B=(ce=t==null?void 0:t.locale)==null?void 0:ce.options)==null?void 0:B.weekStartsOn)!=null?p:a.weekStartsOn)!=null?H:(E=(O=a.locale)==null?void 0:O.options)==null?void 0:E.weekStartsOn)!=null?K:0,s=c(r,t==null?void 0:t.in);if(!Lt(s))throw new RangeError("Invalid time value");let d=e.match(wo).map(T=>{let W=T[0];if(W==="p"||W==="P"){let ne=Kt[W];return ne(T,o.formatLong)}return T}).join("").match(vo).map(T=>{if(T==="''")return{isToken:!1,value:"'"};let W=T[0];if(W==="'")return{isToken:!1,value:Mo(T)};if(Qe[W])return{isToken:!0,value:T};if(W.match(xo))throw new RangeError("Format string contains an unescaped latin alphabet character `"+W+"`");return{isToken:!1,value:T}});o.localize.preprocessor&&(d=o.localize.preprocessor(s,d));let l={firstWeekContainsDate:n,weekStartsOn:i,locale:o};return d.map(T=>{if(!T.isToken)return T.value;let W=T.value;(!(t!=null&&t.useAdditionalWeekYearTokens)&&Jt(W)||!(t!=null&&t.useAdditionalDayOfYearTokens)&&Qt(W))&&Ut(W,e,String(r));let ne=Qe[W[0]];return ne(s,W,o.localize,l)}).join("")}function Mo(r){let e=r.match(ko);return e?e[1].replace(yo,"'"):r}function Gt(r,e){var l,f;let t=c(r,e==null?void 0:e.in);if(isNaN(+t))throw new RangeError("Invalid time value");let a=(l=e==null?void 0:e.format)!=null?l:"extended",o=(f=e==null?void 0:e.representation)!=null?f:"complete",n="",i="",s=a==="extended"?"-":"",d=a==="extended"?":":"";if(o!=="time"){let h=m(t.getDate(),2),k=m(t.getMonth()+1,2);n=`${m(t.getFullYear(),4)}${s}${k}${s}${h}`}if(o!=="date"){let h=t.getTimezoneOffset();if(h!==0){let j=Math.abs(h),V=m(Math.trunc(j/60),2),R=m(j%60,2);i=`${h<0?"+":"-"}${V}:${R}`}else i="Z";let k=m(t.getHours(),2),g=m(t.getMinutes(),2),y=m(t.getSeconds(),2),F=n===""?"":"T",S=[k,g,y].join(d);n=`${n}${F}${S}${i}`}return n}function Ee(r,e){return c(r,e==null?void 0:e.in).getDate()}function Zt(r,e){return c(r,e==null?void 0:e.in).getDay()}function er(r,e){var d,l,f,h,k,g,y,F;let t=$(),a=(F=(y=(h=(f=e==null?void 0:e.weekStartsOn)!=null?f:(l=(d=e==null?void 0:e.locale)==null?void 0:d.options)==null?void 0:l.weekStartsOn)!=null?h:t.weekStartsOn)!=null?y:(g=(k=t.locale)==null?void 0:k.options)==null?void 0:g.weekStartsOn)!=null?F:0,o=Ee(c(r,e==null?void 0:e.in));if(isNaN(o))return NaN;let n=Zt(me(r,e)),i=a-n;i<=0&&(i+=7);let s=o-i;return Math.ceil(s/7)+1}function tr(r,e){let t=c(r,e==null?void 0:e.in),a=t.getMonth();return t.setFullYear(t.getFullYear(),a+1,0),t.setHours(0,0,0,0),c(t,e==null?void 0:e.in)}function Je(r,e,t){let[a,o]=J(t==null?void 0:t.in,r,e);return a.getFullYear()===o.getFullYear()&&a.getMonth()===o.getMonth()}function Ue(r,e){return Me(x((e==null?void 0:e.in)||r,r),Tt((e==null?void 0:e.in)||r))}function Ge(r,e,t){return te(r,-e,t)}function rr(r){return U(Date.now(),r)}function Ze(r,e,t){return ue(r,-e,t)}var _o={lessThanXSeconds:{one:"mindre end \xE9t sekund",other:"mindre end {{count}} sekunder"},xSeconds:{one:"1 sekund",other:"{{count}} sekunder"},halfAMinute:"\xE9t halvt minut",lessThanXMinutes:{one:"mindre end \xE9t minut",other:"mindre end {{count}} minutter"},xMinutes:{one:"1 minut",other:"{{count}} minutter"},aboutXHours:{one:"cirka 1 time",other:"cirka {{count}} timer"},xHours:{one:"1 time",other:"{{count}} timer"},xDays:{one:"1 dag",other:"{{count}} dage"},aboutXWeeks:{one:"cirka 1 uge",other:"cirka {{count}} uger"},xWeeks:{one:"1 uge",other:"{{count}} uger"},aboutXMonths:{one:"cirka 1 m\xE5ned",other:"cirka {{count}} m\xE5neder"},xMonths:{one:"1 m\xE5ned",other:"{{count}} m\xE5neder"},aboutXYears:{one:"cirka 1 \xE5r",other:"cirka {{count}} \xE5r"},xYears:{one:"1 \xE5r",other:"{{count}} \xE5r"},overXYears:{one:"over 1 \xE5r",other:"over {{count}} \xE5r"},almostXYears:{one:"n\xE6sten 1 \xE5r",other:"n\xE6sten {{count}} \xE5r"}},ar=(r,e,t)=>{let a,o=_o[r];return typeof o=="string"?a=o:e===1?a=o.one:a=o.other.replace("{{count}}",String(e)),t!=null&&t.addSuffix?t.comparison&&t.comparison>0?"om "+a:a+" siden":a};var Do={full:"EEEE 'den' d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd/MM/y"},Po={full:"HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},Oo={full:"{{date}} 'kl'. {{time}}",long:"{{date}} 'kl'. {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},or={date:D({formats:Do,defaultWidth:"full"}),time:D({formats:Po,defaultWidth:"full"}),dateTime:D({formats:Oo,defaultWidth:"full"})};var Co={lastWeek:"'sidste' eeee 'kl.' p",yesterday:"'i g\xE5r kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"'p\xE5' eeee 'kl.' p",other:"P"},nr=(r,e,t,a)=>Co[r];var So={narrow:["fvt","vt"],abbreviated:["f.v.t.","v.t."],wide:["f\xF8r vesterlandsk tidsregning","vesterlandsk tidsregning"]},Eo={narrow:["1","2","3","4"],abbreviated:["1. kvt.","2. kvt.","3. kvt.","4. kvt."],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},Wo={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mar.","apr.","maj","jun.","jul.","aug.","sep.","okt.","nov.","dec."],wide:["januar","februar","marts","april","maj","juni","juli","august","september","oktober","november","december"]},Fo={narrow:["S","M","T","O","T","F","L"],short:["s\xF8","ma","ti","on","to","fr","l\xF8"],abbreviated:["s\xF8n.","man.","tir.","ons.","tor.","fre.","l\xF8r."],wide:["s\xF8ndag","mandag","tirsdag","onsdag","torsdag","fredag","l\xF8rdag"]},To={narrow:{am:"a",pm:"p",midnight:"midnat",noon:"middag",morning:"morgen",afternoon:"eftermiddag",evening:"aften",night:"nat"},abbreviated:{am:"AM",pm:"PM",midnight:"midnat",noon:"middag",morning:"morgen",afternoon:"eftermiddag",evening:"aften",night:"nat"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnat",noon:"middag",morning:"morgen",afternoon:"eftermiddag",evening:"aften",night:"nat"}},zo={narrow:{am:"a",pm:"p",midnight:"midnat",noon:"middag",morning:"om morgenen",afternoon:"om eftermiddagen",evening:"om aftenen",night:"om natten"},abbreviated:{am:"AM",pm:"PM",midnight:"midnat",noon:"middag",morning:"om morgenen",afternoon:"om eftermiddagen",evening:"om aftenen",night:"om natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnat",noon:"middag",morning:"om morgenen",afternoon:"om eftermiddagen",evening:"om aftenen",night:"om natten"}},Lo=(r,e)=>Number(r)+".",ir={ordinalNumber:Lo,era:b({values:So,defaultWidth:"wide"}),quarter:b({values:Eo,defaultWidth:"wide",argumentCallback:r=>r-1}),month:b({values:Wo,defaultWidth:"wide"}),day:b({values:Fo,defaultWidth:"wide"}),dayPeriod:b({values:To,defaultWidth:"wide",formattingValues:zo,defaultFormattingWidth:"wide"})};var jo=/^(\d+)(\.)?/i,No=/\d+/i,Yo={narrow:/^(fKr|fvt|eKr|vt)/i,abbreviated:/^(f\.Kr\.?|f\.v\.t\.?|e\.Kr\.?|v\.t\.)/i,wide:/^(f.Kr.|før vesterlandsk tidsregning|e.Kr.|vesterlandsk tidsregning)/i},Ho={any:[/^f/i,/^(v|e)/i]},Io={narrow:/^[1234]/i,abbreviated:/^[1234]. kvt\./i,wide:/^[1234]\.? kvartal/i},$o={any:[/1/i,/2/i,/3/i,/4/i]},Vo={narrow:/^[jfmasond]/i,abbreviated:/^(jan.|feb.|mar.|apr.|maj|jun.|jul.|aug.|sep.|okt.|nov.|dec.)/i,wide:/^(januar|februar|marts|april|maj|juni|juli|august|september|oktober|november|december)/i},Ao={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^maj/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Xo={narrow:/^[smtofl]/i,short:/^(søn.|man.|tir.|ons.|tor.|fre.|lør.)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},qo={narrow:[/^s/i,/^m/i,/^t/i,/^o/i,/^t/i,/^f/i,/^l/i],any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},Ro={narrow:/^(a|p|midnat|middag|(om) (morgenen|eftermiddagen|aftenen|natten))/i,any:/^([ap]\.?\s?m\.?|midnat|middag|(om) (morgenen|eftermiddagen|aftenen|natten))/i},Bo={any:{am:/^a/i,pm:/^p/i,midnight:/midnat/i,noon:/middag/i,morning:/morgen/i,afternoon:/eftermiddag/i,evening:/aften/i,night:/nat/i}},sr={ordinalNumber:A({matchPattern:jo,parsePattern:No,valueCallback:r=>parseInt(r,10)}),era:v({matchPatterns:Yo,defaultMatchWidth:"wide",parsePatterns:Ho,defaultParseWidth:"any"}),quarter:v({matchPatterns:Io,defaultMatchWidth:"wide",parsePatterns:$o,defaultParseWidth:"any",valueCallback:r=>r+1}),month:v({matchPatterns:Vo,defaultMatchWidth:"wide",parsePatterns:Ao,defaultParseWidth:"any"}),day:v({matchPatterns:Xo,defaultMatchWidth:"wide",parsePatterns:qo,defaultParseWidth:"any"}),dayPeriod:v({matchPatterns:Ro,defaultMatchWidth:"any",parsePatterns:Bo,defaultParseWidth:"any"})};var dr={code:"da",formatDistance:ar,formatLong:or,formatRelative:nr,localize:ir,match:sr,options:{weekStartsOn:1,firstWeekContainsDate:4}};var Ko={full:"EEEE, d MMMM yyyy",long:"d MMMM yyyy",medium:"d MMM yyyy",short:"dd/MM/yyyy"},Qo={full:"HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},Jo={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},lr={date:D({formats:Ko,defaultWidth:"full"}),time:D({formats:Qo,defaultWidth:"full"}),dateTime:D({formats:Jo,defaultWidth:"full"})};var et={code:"en-GB",formatDistance:De,formatLong:lr,formatRelative:Pe,localize:Oe,match:Ce,options:{weekStartsOn:1,firstWeekContainsDate:4}};function cr(r){return r.replace(/sekuntia?/,"sekunnin")}function ur(r){return r.replace(/minuuttia?/,"minuutin")}function mr(r){return r.replace(/tuntia?/,"tunnin")}function Uo(r){return r.replace(/päivää?/,"p\xE4iv\xE4n")}function hr(r){return r.replace(/(viikko|viikkoa)/,"viikon")}function fr(r){return r.replace(/(kuukausi|kuukautta)/,"kuukauden")}function We(r){return r.replace(/(vuosi|vuotta)/,"vuoden")}var Go={lessThanXSeconds:{one:"alle sekunti",other:"alle {{count}} sekuntia",futureTense:cr},xSeconds:{one:"sekunti",other:"{{count}} sekuntia",futureTense:cr},halfAMinute:{one:"puoli minuuttia",other:"puoli minuuttia",futureTense:r=>"puolen minuutin"},lessThanXMinutes:{one:"alle minuutti",other:"alle {{count}} minuuttia",futureTense:ur},xMinutes:{one:"minuutti",other:"{{count}} minuuttia",futureTense:ur},aboutXHours:{one:"noin tunti",other:"noin {{count}} tuntia",futureTense:mr},xHours:{one:"tunti",other:"{{count}} tuntia",futureTense:mr},xDays:{one:"p\xE4iv\xE4",other:"{{count}} p\xE4iv\xE4\xE4",futureTense:Uo},aboutXWeeks:{one:"noin viikko",other:"noin {{count}} viikkoa",futureTense:hr},xWeeks:{one:"viikko",other:"{{count}} viikkoa",futureTense:hr},aboutXMonths:{one:"noin kuukausi",other:"noin {{count}} kuukautta",futureTense:fr},xMonths:{one:"kuukausi",other:"{{count}} kuukautta",futureTense:fr},aboutXYears:{one:"noin vuosi",other:"noin {{count}} vuotta",futureTense:We},xYears:{one:"vuosi",other:"{{count}} vuotta",futureTense:We},overXYears:{one:"yli vuosi",other:"yli {{count}} vuotta",futureTense:We},almostXYears:{one:"l\xE4hes vuosi",other:"l\xE4hes {{count}} vuotta",futureTense:We}},gr=(r,e,t)=>{let a=Go[r],o=e===1?a.one:a.other.replace("{{count}}",String(e));return t!=null&&t.addSuffix?t.comparison&&t.comparison>0?a.futureTense(o)+" kuluttua":o+" sitten":o};var Zo={full:"eeee d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"d.M.y"},en={full:"HH.mm.ss zzzz",long:"HH.mm.ss z",medium:"HH.mm.ss",short:"HH.mm"},tn={full:"{{date}} 'klo' {{time}}",long:"{{date}} 'klo' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},pr={date:D({formats:Zo,defaultWidth:"full"}),time:D({formats:en,defaultWidth:"full"}),dateTime:D({formats:tn,defaultWidth:"full"})};var rn={lastWeek:"'viime' eeee 'klo' p",yesterday:"'eilen klo' p",today:"'t\xE4n\xE4\xE4n klo' p",tomorrow:"'huomenna klo' p",nextWeek:"'ensi' eeee 'klo' p",other:"P"},br=(r,e,t,a)=>rn[r];var an={narrow:["eaa.","jaa."],abbreviated:["eaa.","jaa."],wide:["ennen ajanlaskun alkua","j\xE4lkeen ajanlaskun alun"]},on={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartaali","2. kvartaali","3. kvartaali","4. kvartaali"]},tt={narrow:["T","H","M","H","T","K","H","E","S","L","M","J"],abbreviated:["tammi","helmi","maalis","huhti","touko","kes\xE4","hein\xE4","elo","syys","loka","marras","joulu"],wide:["tammikuu","helmikuu","maaliskuu","huhtikuu","toukokuu","kes\xE4kuu","hein\xE4kuu","elokuu","syyskuu","lokakuu","marraskuu","joulukuu"]},nn={narrow:tt.narrow,abbreviated:tt.abbreviated,wide:["tammikuuta","helmikuuta","maaliskuuta","huhtikuuta","toukokuuta","kes\xE4kuuta","hein\xE4kuuta","elokuuta","syyskuuta","lokakuuta","marraskuuta","joulukuuta"]},Fe={narrow:["S","M","T","K","T","P","L"],short:["su","ma","ti","ke","to","pe","la"],abbreviated:["sunn.","maan.","tiis.","kesk.","torst.","perj.","la"],wide:["sunnuntai","maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai"]},sn={narrow:Fe.narrow,short:Fe.short,abbreviated:Fe.abbreviated,wide:["sunnuntaina","maanantaina","tiistaina","keskiviikkona","torstaina","perjantaina","lauantaina"]},dn={narrow:{am:"ap",pm:"ip",midnight:"keskiy\xF6",noon:"keskip\xE4iv\xE4",morning:"ap",afternoon:"ip",evening:"illalla",night:"y\xF6ll\xE4"},abbreviated:{am:"ap",pm:"ip",midnight:"keskiy\xF6",noon:"keskip\xE4iv\xE4",morning:"ap",afternoon:"ip",evening:"illalla",night:"y\xF6ll\xE4"},wide:{am:"ap",pm:"ip",midnight:"keskiy\xF6ll\xE4",noon:"keskip\xE4iv\xE4ll\xE4",morning:"aamup\xE4iv\xE4ll\xE4",afternoon:"iltap\xE4iv\xE4ll\xE4",evening:"illalla",night:"y\xF6ll\xE4"}},ln=(r,e)=>Number(r)+".",vr={ordinalNumber:ln,era:b({values:an,defaultWidth:"wide"}),quarter:b({values:on,defaultWidth:"wide",argumentCallback:r=>r-1}),month:b({values:tt,defaultWidth:"wide",formattingValues:nn,defaultFormattingWidth:"wide"}),day:b({values:Fe,defaultWidth:"wide",formattingValues:sn,defaultFormattingWidth:"wide"}),dayPeriod:b({values:dn,defaultWidth:"wide"})};var cn=/^(\d+)(\.)/i,un=/\d+/i,mn={narrow:/^(e|j)/i,abbreviated:/^(eaa.|jaa.)/i,wide:/^(ennen ajanlaskun alkua|jälkeen ajanlaskun alun)/i},hn={any:[/^e/i,/^j/i]},fn={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234]\.? kvartaali/i},gn={any:[/1/i,/2/i,/3/i,/4/i]},pn={narrow:/^[thmkeslj]/i,abbreviated:/^(tammi|helmi|maalis|huhti|touko|kesä|heinä|elo|syys|loka|marras|joulu)/i,wide:/^(tammikuu|helmikuu|maaliskuu|huhtikuu|toukokuu|kesäkuu|heinäkuu|elokuu|syyskuu|lokakuu|marraskuu|joulukuu)(ta)?/i},bn={narrow:[/^t/i,/^h/i,/^m/i,/^h/i,/^t/i,/^k/i,/^h/i,/^e/i,/^s/i,/^l/i,/^m/i,/^j/i],any:[/^ta/i,/^hel/i,/^maa/i,/^hu/i,/^to/i,/^k/i,/^hei/i,/^e/i,/^s/i,/^l/i,/^mar/i,/^j/i]},vn={narrow:/^[smtkpl]/i,short:/^(su|ma|ti|ke|to|pe|la)/i,abbreviated:/^(sunn.|maan.|tiis.|kesk.|torst.|perj.|la)/i,wide:/^(sunnuntai|maanantai|tiistai|keskiviikko|torstai|perjantai|lauantai)(na)?/i},wn={narrow:[/^s/i,/^m/i,/^t/i,/^k/i,/^t/i,/^p/i,/^l/i],any:[/^s/i,/^m/i,/^ti/i,/^k/i,/^to/i,/^p/i,/^l/i]},kn={narrow:/^(ap|ip|keskiyö|keskipäivä|aamupäivällä|iltapäivällä|illalla|yöllä)/i,any:/^(ap|ip|keskiyöllä|keskipäivällä|aamupäivällä|iltapäivällä|illalla|yöllä)/i},yn={any:{am:/^ap/i,pm:/^ip/i,midnight:/^keskiyö/i,noon:/^keskipäivä/i,morning:/aamupäivällä/i,afternoon:/iltapäivällä/i,evening:/illalla/i,night:/yöllä/i}},wr={ordinalNumber:A({matchPattern:cn,parsePattern:un,valueCallback:r=>parseInt(r,10)}),era:v({matchPatterns:mn,defaultMatchWidth:"wide",parsePatterns:hn,defaultParseWidth:"any"}),quarter:v({matchPatterns:fn,defaultMatchWidth:"wide",parsePatterns:gn,defaultParseWidth:"any",valueCallback:r=>r+1}),month:v({matchPatterns:pn,defaultMatchWidth:"wide",parsePatterns:bn,defaultParseWidth:"any"}),day:v({matchPatterns:vn,defaultMatchWidth:"wide",parsePatterns:wn,defaultParseWidth:"any"}),dayPeriod:v({matchPatterns:kn,defaultMatchWidth:"any",parsePatterns:yn,defaultParseWidth:"any"})};var kr={code:"fi",formatDistance:gr,formatLong:pr,formatRelative:br,localize:vr,match:wr,options:{weekStartsOn:1,firstWeekContainsDate:4}};var xn={lessThanXSeconds:{one:"mindre enn ett sekund",other:"mindre enn {{count}} sekunder"},xSeconds:{one:"ett sekund",other:"{{count}} sekunder"},halfAMinute:"et halvt minutt",lessThanXMinutes:{one:"mindre enn ett minutt",other:"mindre enn {{count}} minutter"},xMinutes:{one:"ett minutt",other:"{{count}} minutter"},aboutXHours:{one:"omtrent en time",other:"omtrent {{count}} timer"},xHours:{one:"en time",other:"{{count}} timer"},xDays:{one:"en dag",other:"{{count}} dager"},aboutXWeeks:{one:"omtrent en uke",other:"omtrent {{count}} uker"},xWeeks:{one:"en uke",other:"{{count}} uker"},aboutXMonths:{one:"omtrent en m\xE5ned",other:"omtrent {{count}} m\xE5neder"},xMonths:{one:"en m\xE5ned",other:"{{count}} m\xE5neder"},aboutXYears:{one:"omtrent ett \xE5r",other:"omtrent {{count}} \xE5r"},xYears:{one:"ett \xE5r",other:"{{count}} \xE5r"},overXYears:{one:"over ett \xE5r",other:"over {{count}} \xE5r"},almostXYears:{one:"nesten ett \xE5r",other:"nesten {{count}} \xE5r"}},yr=(r,e,t)=>{let a,o=xn[r];return typeof o=="string"?a=o:e===1?a=o.one:a=o.other.replace("{{count}}",String(e)),t!=null&&t.addSuffix?t.comparison&&t.comparison>0?"om "+a:a+" siden":a};var Mn={full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},_n={full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},Dn={full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},xr={date:D({formats:Mn,defaultWidth:"full"}),time:D({formats:_n,defaultWidth:"full"}),dateTime:D({formats:Dn,defaultWidth:"full"})};var Pn={lastWeek:"'forrige' eeee 'kl.' p",yesterday:"'i g\xE5r kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},Mr=(r,e,t,a)=>Pn[r];var On={narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["f\xF8r Kristus","etter Kristus"]},Cn={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},Sn={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","mai","juni","juli","aug.","sep.","okt.","nov.","des."],wide:["januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"]},En={narrow:["S","M","T","O","T","F","L"],short:["s\xF8","ma","ti","on","to","fr","l\xF8"],abbreviated:["s\xF8n","man","tir","ons","tor","fre","l\xF8r"],wide:["s\xF8ndag","mandag","tirsdag","onsdag","torsdag","fredag","l\xF8rdag"]},Wn={narrow:{am:"a",pm:"p",midnight:"midnatt",noon:"middag",morning:"p\xE5 morg.",afternoon:"p\xE5 etterm.",evening:"p\xE5 kvelden",night:"p\xE5 natten"},abbreviated:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"p\xE5 morg.",afternoon:"p\xE5 etterm.",evening:"p\xE5 kvelden",night:"p\xE5 natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"p\xE5 morgenen",afternoon:"p\xE5 ettermiddagen",evening:"p\xE5 kvelden",night:"p\xE5 natten"}},Fn=(r,e)=>Number(r)+".",_r={ordinalNumber:Fn,era:b({values:On,defaultWidth:"wide"}),quarter:b({values:Cn,defaultWidth:"wide",argumentCallback:r=>r-1}),month:b({values:Sn,defaultWidth:"wide"}),day:b({values:En,defaultWidth:"wide"}),dayPeriod:b({values:Wn,defaultWidth:"wide"})};var Tn=/^(\d+)\.?/i,zn=/\d+/i,Ln={narrow:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,abbreviated:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,wide:/^(før Kristus|før vår tid|etter Kristus|vår tid)/i},jn={any:[/^f/i,/^e/i]},Nn={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},Yn={any:[/1/i,/2/i,/3/i,/4/i]},Hn={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,wide:/^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i},In={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^aug/i,/^s/i,/^o/i,/^n/i,/^d/i]},$n={narrow:/^[smtofl]/i,short:/^(sø|ma|ti|on|to|fr|lø)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},Vn={any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},An={narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},Xn={any:{am:/^a(\.?\s?m\.?)?$/i,pm:/^p(\.?\s?m\.?)?$/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgen/i,afternoon:/ettermiddag/i,evening:/kveld/i,night:/natt/i}},Dr={ordinalNumber:A({matchPattern:Tn,parsePattern:zn,valueCallback:r=>parseInt(r,10)}),era:v({matchPatterns:Ln,defaultMatchWidth:"wide",parsePatterns:jn,defaultParseWidth:"any"}),quarter:v({matchPatterns:Nn,defaultMatchWidth:"wide",parsePatterns:Yn,defaultParseWidth:"any",valueCallback:r=>r+1}),month:v({matchPatterns:Hn,defaultMatchWidth:"wide",parsePatterns:In,defaultParseWidth:"any"}),day:v({matchPatterns:$n,defaultMatchWidth:"wide",parsePatterns:Vn,defaultParseWidth:"any"}),dayPeriod:v({matchPatterns:An,defaultMatchWidth:"any",parsePatterns:Xn,defaultParseWidth:"any"})};var Pr={code:"nb",formatDistance:yr,formatLong:xr,formatRelative:Mr,localize:_r,match:Dr,options:{weekStartsOn:1,firstWeekContainsDate:4}};var qn={lessThanXSeconds:{one:"mindre \xE4n en sekund",other:"mindre \xE4n {{count}} sekunder"},xSeconds:{one:"en sekund",other:"{{count}} sekunder"},halfAMinute:"en halv minut",lessThanXMinutes:{one:"mindre \xE4n en minut",other:"mindre \xE4n {{count}} minuter"},xMinutes:{one:"en minut",other:"{{count}} minuter"},aboutXHours:{one:"ungef\xE4r en timme",other:"ungef\xE4r {{count}} timmar"},xHours:{one:"en timme",other:"{{count}} timmar"},xDays:{one:"en dag",other:"{{count}} dagar"},aboutXWeeks:{one:"ungef\xE4r en vecka",other:"ungef\xE4r {{count}} veckor"},xWeeks:{one:"en vecka",other:"{{count}} veckor"},aboutXMonths:{one:"ungef\xE4r en m\xE5nad",other:"ungef\xE4r {{count}} m\xE5nader"},xMonths:{one:"en m\xE5nad",other:"{{count}} m\xE5nader"},aboutXYears:{one:"ungef\xE4r ett \xE5r",other:"ungef\xE4r {{count}} \xE5r"},xYears:{one:"ett \xE5r",other:"{{count}} \xE5r"},overXYears:{one:"\xF6ver ett \xE5r",other:"\xF6ver {{count}} \xE5r"},almostXYears:{one:"n\xE4stan ett \xE5r",other:"n\xE4stan {{count}} \xE5r"}},Rn=["noll","en","tv\xE5","tre","fyra","fem","sex","sju","\xE5tta","nio","tio","elva","tolv"],Or=(r,e,t)=>{let a,o=qn[r];return typeof o=="string"?a=o:e===1?a=o.one:a=o.other.replace("{{count}}",e<13?Rn[e]:String(e)),t!=null&&t.addSuffix?t.comparison&&t.comparison>0?"om "+a:a+" sedan":a};var Bn={full:"EEEE d MMMM y",long:"d MMMM y",medium:"d MMM y",short:"y-MM-dd"},Kn={full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},Qn={full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},Cr={date:D({formats:Bn,defaultWidth:"full"}),time:D({formats:Kn,defaultWidth:"full"}),dateTime:D({formats:Qn,defaultWidth:"full"})};var Jn={lastWeek:"'i' EEEE's kl.' p",yesterday:"'ig\xE5r kl.' p",today:"'idag kl.' p",tomorrow:"'imorgon kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},Sr=(r,e,t,a)=>Jn[r];var Un={narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["f\xF6re Kristus","efter Kristus"]},Gn={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1:a kvartalet","2:a kvartalet","3:e kvartalet","4:e kvartalet"]},Zn={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","maj","juni","juli","aug.","sep.","okt.","nov.","dec."],wide:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]},ei={narrow:["S","M","T","O","T","F","L"],short:["s\xF6","m\xE5","ti","on","to","fr","l\xF6"],abbreviated:["s\xF6n","m\xE5n","tis","ons","tors","fre","l\xF6r"],wide:["s\xF6ndag","m\xE5ndag","tisdag","onsdag","torsdag","fredag","l\xF6rdag"]},ti={narrow:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"morg.",afternoon:"efterm.",evening:"kv\xE4ll",night:"natt"},abbreviated:{am:"f.m.",pm:"e.m.",midnight:"midnatt",noon:"middag",morning:"morgon",afternoon:"efterm.",evening:"kv\xE4ll",night:"natt"},wide:{am:"f\xF6rmiddag",pm:"eftermiddag",midnight:"midnatt",noon:"middag",morning:"morgon",afternoon:"eftermiddag",evening:"kv\xE4ll",night:"natt"}},ri={narrow:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"p\xE5 morg.",afternoon:"p\xE5 efterm.",evening:"p\xE5 kv\xE4llen",night:"p\xE5 natten"},abbreviated:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"p\xE5 morg.",afternoon:"p\xE5 efterm.",evening:"p\xE5 kv\xE4llen",night:"p\xE5 natten"},wide:{am:"fm",pm:"em",midnight:"midnatt",noon:"middag",morning:"p\xE5 morgonen",afternoon:"p\xE5 eftermiddagen",evening:"p\xE5 kv\xE4llen",night:"p\xE5 natten"}},ai=(r,e)=>{let t=Number(r),a=t%100;if(a>20||a<10)switch(a%10){case 1:case 2:return t+":a"}return t+":e"},Er={ordinalNumber:ai,era:b({values:Un,defaultWidth:"wide"}),quarter:b({values:Gn,defaultWidth:"wide",argumentCallback:r=>r-1}),month:b({values:Zn,defaultWidth:"wide"}),day:b({values:ei,defaultWidth:"wide"}),dayPeriod:b({values:ti,defaultWidth:"wide",formattingValues:ri,defaultFormattingWidth:"wide"})};var oi=/^(\d+)(:a|:e)?/i,ni=/\d+/i,ii={narrow:/^(f\.? ?Kr\.?|f\.? ?v\.? ?t\.?|e\.? ?Kr\.?|v\.? ?t\.?)/i,abbreviated:/^(f\.? ?Kr\.?|f\.? ?v\.? ?t\.?|e\.? ?Kr\.?|v\.? ?t\.?)/i,wide:/^(före Kristus|före vår tid|efter Kristus|vår tid)/i},si={any:[/^f/i,/^[ev]/i]},di={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](:a|:e)? kvartalet/i},li={any:[/1/i,/2/i,/3/i,/4/i]},ci={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar[s]?|apr|maj|jun[i]?|jul[i]?|aug|sep|okt|nov|dec)\.?/i,wide:/^(januari|februari|mars|april|maj|juni|juli|augusti|september|oktober|november|december)/i},ui={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^maj/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},mi={narrow:/^[smtofl]/i,short:/^(sö|må|ti|on|to|fr|lö)/i,abbreviated:/^(sön|mån|tis|ons|tors|fre|lör)/i,wide:/^(söndag|måndag|tisdag|onsdag|torsdag|fredag|lördag)/i},hi={any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},fi={any:/^([fe]\.?\s?m\.?|midn(att)?|midd(ag)?|(på) (morgonen|eftermiddagen|kvällen|natten))/i},gi={any:{am:/^f/i,pm:/^e/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgon/i,afternoon:/eftermiddag/i,evening:/kväll/i,night:/natt/i}},Wr={ordinalNumber:A({matchPattern:oi,parsePattern:ni,valueCallback:r=>parseInt(r,10)}),era:v({matchPatterns:ii,defaultMatchWidth:"wide",parsePatterns:si,defaultParseWidth:"any"}),quarter:v({matchPatterns:di,defaultMatchWidth:"wide",parsePatterns:li,defaultParseWidth:"any",valueCallback:r=>r+1}),month:v({matchPatterns:ci,defaultMatchWidth:"wide",parsePatterns:ui,defaultParseWidth:"any"}),day:v({matchPatterns:mi,defaultMatchWidth:"wide",parsePatterns:hi,defaultParseWidth:"any"}),dayPeriod:v({matchPatterns:fi,defaultMatchWidth:"any",parsePatterns:gi,defaultParseWidth:"any"})};var Fr={code:"sv",formatDistance:Or,formatLong:Cr,formatRelative:Sr,localize:Er,match:Wr,options:{weekStartsOn:1,firstWeekContainsDate:4}};import{html as fe,LitElement as ra}from"lit";import{property as G,query as oe,state as le}from"lit/decorators.js";import{classMap as ds}from"lit/directives/class-map.js";import{ifDefined as st}from"lit/directives/if-defined.js";import{styleMap as ls}from"lit/directives/style-map.js";import{LitElement as pi}from"lit";import{unsafeStatic as bi,html as vi}from"lit/static-html.js";var wi=JSON.parse('{"icon.title.calendar":["Kalender"]}'),ki=JSON.parse('{"icon.title.calendar":["Calendar"]}'),yi=JSON.parse('{"icon.title.calendar":["Kalenteri"]}'),xi=JSON.parse('{"icon.title.calendar":["Kalender"]}'),Mi=JSON.parse('{"icon.title.calendar":["Kalender"]}'),Tr=["en","nb","fi","da","sv"],zr="en",_i=()=>{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},Lr=()=>{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":zr},rt=r=>Tr.find(e=>r===e||r.toLowerCase().includes(e))||Lr();function Di(){var r;if(typeof window=="undefined"){let e=_i();return rt(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,t=Lr();return Tr.includes(e)?rt(e!=null?e:t):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),rt(t))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),zr}}var Pi=(r,e,t,a,o,n)=>r==="nb"?t:r==="fi"?a:r==="da"?o:r==="sv"?n:e,Oi=(r,e,t,a,o)=>{let n=Di(),i=Pi(n,r,e,t,a,o);_.load(n,i),_.activate(n)};Oi(ki,wi,yi,xi,Mi);var Ci=class extends pi{render(){let r=_.t({message:"Calendar",id:"icon.title.calendar",comment:"Title for calendar icon"});return vi`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-calendar-16-part">${bi(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.5 2.5h-13a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1v-11a1 1 0 0 0-1-1m-14 4h15M8 12.666V9.333m1 3.333H7m1-3.333-1 .333M4.5 3.333V.667m7 2.666V.667"></path></svg>`}};customElements.get("w-icon-calendar-16")||customElements.define("w-icon-calendar-16",Ci);import{LitElement as Si}from"lit";import{unsafeStatic as Ei,html as Wi}from"lit/static-html.js";var Fi=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),Ti=JSON.parse('{"icon.title.chevron-left":["Leftward arrow"]}'),zi=JSON.parse('{"icon.title.chevron-left":["Nuoli vasemmalle"]}'),Li=JSON.parse('{"icon.title.chevron-left":["Pil til venstre"]}'),ji=JSON.parse('{"icon.title.chevron-left":["Pil v\xE4nster"]}'),jr=["en","nb","fi","da","sv"],Nr="en",Ni=()=>{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},Yr=()=>{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":Nr},at=r=>jr.find(e=>r===e||r.toLowerCase().includes(e))||Yr();function Yi(){var r;if(typeof window=="undefined"){let e=Ni();return at(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,t=Yr();return jr.includes(e)?at(e!=null?e:t):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),at(t))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Nr}}var Hi=(r,e,t,a,o,n)=>r==="nb"?t:r==="fi"?a:r==="da"?o:r==="sv"?n:e,Ii=(r,e,t,a,o)=>{let n=Yi(),i=Hi(n,r,e,t,a,o);_.load(n,i),_.activate(n)};Ii(Ti,Fi,zi,Li,ji);var $i=class extends Si{render(){let r=_.t({message:"Leftward arrow",id:"icon.title.chevron-left",comment:"Title for chevron-left icon"});return Wi`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-left-16-part">${Ei(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.5 13.75 5 8.25l5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-left-16")||customElements.define("w-icon-chevron-left-16",$i);import{LitElement as Vi}from"lit";import{unsafeStatic as Ai,html as Xi}from"lit/static-html.js";var qi=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8yre"]}'),Ri=JSON.parse('{"icon.title.chevron-right":["Rightward arrow"]}'),Bi=JSON.parse('{"icon.title.chevron-right":["Nuoli oikealle"]}'),Ki=JSON.parse('{"icon.title.chevron-right":["Pil til h\xF8jre"]}'),Qi=JSON.parse('{"icon.title.chevron-right":["Pil h\xF6ger"]}'),Hr=["en","nb","fi","da","sv"],Ir="en",Ji=()=>{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},$r=()=>{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":Ir},ot=r=>Hr.find(e=>r===e||r.toLowerCase().includes(e))||$r();function Ui(){var r;if(typeof window=="undefined"){let e=Ji();return ot(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,t=$r();return Hr.includes(e)?ot(e!=null?e:t):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ot(t))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ir}}var Gi=(r,e,t,a,o,n)=>r==="nb"?t:r==="fi"?a:r==="da"?o:r==="sv"?n:e,Zi=(r,e,t,a,o)=>{let n=Ui(),i=Gi(n,r,e,t,a,o);_.load(n,i),_.activate(n)};Zi(Ri,qi,Bi,Ki,Qi);var es=class extends Vi{render(){let r=_.t({message:"Rightward arrow",id:"icon.title.chevron-right",comment:"Title for chevron-right icon"});return Xi`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-right-16-part">${Ai(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.5 13.75 5.5-5.5-5.5-5.5"></path></svg>`}};customElements.get("w-icon-chevron-right-16")||customElements.define("w-icon-chevron-right-16",es);var ts=["en","nb","fi","da","sv"],Ar="en",Vr=r=>ts.find(e=>r===e||r.toLowerCase().includes(e))||Ar;function nt(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Vr(r)}try{let r=document.documentElement.lang;return Vr(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),Ar}}var rs=(r,e,t,a,o,n)=>r==="nb"?t:r==="fi"?a:r==="da"?o:r==="sv"?n:e,Xr=(r,e,t,a,o)=>{let n=nt(),i=rs(n,r,e,t,a,o);_.load(n,i),_.activate(n)};import{css as qr}from"lit";var Rr=qr`
11
- *,
12
- :before,
13
- :after {
14
- box-sizing: border-box;
15
- border-style: solid;
16
- border-width: 0;
17
- border-color: var(--w-s-color-border);
18
- }
19
- html {
20
- font-size: 62.5%;
21
- }
22
- body {
23
- background-color: var(--w-s-color-background);
24
- min-height: 100%;
25
- margin: 0;
26
- overflow-y: scroll;
27
- }
28
- body,
29
- :host {
30
- -webkit-text-size-adjust: 100%;
31
- tab-size: 4;
32
- -webkit-tap-highlight-color: transparent;
33
- font-family: var(--w-font-family);
34
- font-size: var(--w-font-size-m);
35
- line-height: var(--w-line-height-m);
36
- color: var(--w-s-color-text);
37
- }
38
- hr {
39
- color: inherit;
40
- border-top-width: 1px;
41
- height: 0;
42
- }
43
- abbr:where([title]) {
44
- -webkit-text-decoration: underline dotted;
45
- text-decoration: underline dotted;
46
- }
47
- h1,
48
- h2,
49
- h3,
50
- h4,
51
- h5,
52
- h6 {
53
- font-size: inherit;
54
- font-weight: 700;
55
- }
56
- a {
57
- cursor: pointer;
58
- color: var(--w-s-color-text-link);
59
- text-decoration: none;
60
- }
61
- a:hover,
62
- a:focus,
63
- a:active {
64
- text-decoration: underline;
65
- }
66
- a:focus-visible {
67
- outline: 2px solid var(--w-s-color-border-focus);
68
- outline-offset: 1px;
69
- }
70
- b,
71
- strong {
72
- font-weight: 700;
73
- }
74
- code,
75
- kbd,
76
- samp,
77
- pre {
78
- font-family:
79
- ui-monospace,
80
- SFMono-Regular,
81
- Menlo,
82
- Monaco,
83
- Consolas,
84
- Liberation Mono,
85
- Courier New,
86
- monospace;
87
- font-size: 1em;
88
- }
89
- sub,
90
- sup {
91
- vertical-align: baseline;
92
- font-size: 75%;
93
- line-height: 0;
94
- position: relative;
95
- }
96
- sub {
97
- bottom: -0.25em;
98
- }
99
- sup {
100
- top: -0.5em;
101
- }
102
- table {
103
- text-indent: 0;
104
- border-color: inherit;
105
- border-collapse: collapse;
106
- }
107
- button,
108
- input,
109
- optgroup,
110
- select,
111
- textarea {
112
- font-family: inherit;
113
- font-size: 100%;
114
- font-weight: inherit;
115
- line-height: inherit;
116
- color: inherit;
117
- margin: 0;
118
- padding: 0;
119
- }
120
- button,
121
- select {
122
- text-transform: none;
123
- }
124
- button,
125
- [type='button'],
126
- [type='reset'],
127
- [type='submit'] {
128
- -webkit-appearance: button;
129
- }
130
- :-moz-focusring {
131
- outline: auto;
132
- }
133
- :-moz-ui-invalid {
134
- box-shadow: none;
135
- }
136
- progress {
137
- vertical-align: baseline;
138
- }
139
- ::-webkit-inner-spin-button {
140
- height: auto;
141
- }
142
- ::-webkit-outer-spin-button {
143
- height: auto;
144
- }
145
- [type='search'] {
146
- -webkit-appearance: textfield;
147
- outline-offset: -2px;
148
- }
149
- ::-webkit-search-decoration {
150
- -webkit-appearance: none;
151
- }
152
- ::-webkit-file-upload-button {
153
- -webkit-appearance: button;
154
- font: inherit;
155
- }
156
- summary {
157
- display: list-item;
158
- }
159
- blockquote,
160
- dl,
161
- dd,
162
- h1,
163
- h2,
164
- h3,
165
- h4,
166
- h5,
167
- h6,
168
- hr,
169
- figure,
170
- p,
171
- pre {
172
- margin: 0;
173
- }
174
- fieldset {
175
- margin: 0;
176
- padding: 0;
177
- }
178
- legend {
179
- padding: 0;
180
- }
181
- ol,
182
- ul,
183
- menu {
184
- margin: 0;
185
- padding: 0;
186
- list-style: none;
187
- }
188
- textarea {
189
- resize: vertical;
190
- }
191
- input::placeholder,
192
- textarea::placeholder {
193
- opacity: 1;
194
- color: var(--w-s-color-text-placeholder);
195
- }
196
- button,
197
- [role='button'] {
198
- cursor: pointer;
199
- }
200
- :disabled {
201
- cursor: default;
202
- }
203
- img,
204
- svg,
205
- video,
206
- canvas,
207
- audio,
208
- iframe,
209
- embed,
210
- object {
211
- vertical-align: middle;
212
- display: block;
213
- }
214
- img,
215
- video {
216
- max-width: 100%;
217
- height: auto;
218
- }
219
- h1 {
220
- font-size: var(--w-font-size-xxl);
221
- line-height: var(--w-line-height-xxl);
222
- }
223
- h2 {
224
- font-size: var(--w-font-size-xl);
225
- line-height: var(--w-line-height-xl);
226
- }
227
- h3 {
228
- font-size: var(--w-font-size-l);
229
- line-height: var(--w-line-height-l);
230
- }
231
- h4 {
232
- font-size: var(--w-font-size-m);
233
- line-height: var(--w-line-height-m);
234
- }
235
- h5 {
236
- font-size: var(--w-font-size-s);
237
- line-height: var(--w-line-height-s);
238
- }
239
- dt,
240
- dd {
241
- margin: 0 16px;
242
- }
243
- h1,
244
- h2,
245
- h3,
246
- h4,
247
- h5,
248
- ul,
249
- ol,
250
- dl,
251
- p,
252
- blockquote {
253
- margin: 0 0 8px;
254
- }
255
- [hidden] {
256
- display: none !important;
257
- }
258
- [tabindex='-1']:focus:not(:focus-visible) {
259
- outline: none;
260
- }
261
- legend {
262
- float: left;
263
- width: 100%;
264
- margin: 0;
265
- padding: 0;
266
- display: table;
267
- }
268
- legend + * {
269
- clear: both;
270
- }
271
- fieldset {
272
- border: 0;
273
- min-width: 0;
274
- margin: 0;
275
- padding: 0.01em 0 0;
276
- }
277
- body:not(:-moz-handler-blocked) fieldset {
278
- display: table-cell;
279
- }
280
- svg {
281
- pointer-events: none;
282
- }
283
- `,Zu=qr`*, :before, :after {
284
- --w-rotate: 0;
285
- --w-rotate-x: 0;
286
- --w-rotate-y: 0;
287
- --w-rotate-z: 0;
288
- --w-scale-x: 1;
289
- --w-scale-y: 1;
290
- --w-scale-z: 1;
291
- --w-skew-x: 0;
292
- --w-skew-y: 0;
293
- --w-translate-x: 0;
294
- --w-translate-y: 0;
295
- --w-translate-z: 0
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { i18n } from '@lingui/core';
8
+ import { FormControlMixin } from '@open-wc/form-control';
9
+ import { addDays, addMonths, differenceInCalendarDays, eachDayOfInterval, eachWeekOfInterval, endOfWeek, format, formatISO, getDate, getWeekOfMonth, isSameDay, isSameMonth, isToday, lastDayOfMonth, startOfMonth, startOfToday, startOfWeek, subDays, subMonths, } from 'date-fns';
10
+ import { da, enGB, fi, nb, sv } from 'date-fns/locale';
11
+ import { html, LitElement } from 'lit';
12
+ import { property, query, state } from 'lit/decorators.js';
13
+ import { classMap } from 'lit/directives/class-map.js';
14
+ import { ifDefined } from 'lit/directives/if-defined.js';
15
+ import { styleMap } from 'lit/directives/style-map.js';
16
+ import '@warp-ds/icons/elements/calendar-16';
17
+ import '@warp-ds/icons/elements/chevron-left-16';
18
+ import '@warp-ds/icons/elements/chevron-right-16';
19
+ import { activateI18n, detectLocale } from '../i18n.js';
20
+ import { reset } from '../styles.js';
21
+ import { messages as daMessages } from './locales/da/messages.mjs';
22
+ import { messages as enMessages } from './locales/en/messages.mjs';
23
+ import { messages as fiMessages } from './locales/fi/messages.mjs';
24
+ import { messages as nbMessages } from './locales/nb/messages.mjs';
25
+ import { messages as svMessages } from './locales/sv/messages.mjs';
26
+ import { wDatepickerStyles } from './styles/w-datepicker.styles.js';
27
+ import { wDatepickerCalendarStyles } from './styles/w-datepicker-calendar.styles.js';
28
+ import { wDatepickerDayStyles } from './styles/w-datepicker-day.styles.js';
29
+ import { wDatepickerMonthStyles } from './styles/w-datepicker-month.styles.js';
30
+ import { fromISOToDate } from './utils.js';
31
+ const ua = typeof navigator !== 'undefined' ? navigator.userAgent : '';
32
+ const isIOS = /iP(hone|od|ad)/.test(ua);
33
+ const inputType = isIOS ? 'text' : 'date';
34
+ const calendarId = 'calendar';
35
+ const inputId = 'input';
36
+ const toggleButtonId = 'toggle';
37
+ const wrapperId = 'wrapper';
38
+ const previousMonthButtonId = 'previous';
39
+ // Convenience to support the common locales of our users.
40
+ // For other locales either add to this list or point users
41
+ // to https://date-fns.org/v4.1.0/docs/setDefaultOptions
42
+ const datefnsLocale = {
43
+ en: enGB,
44
+ nb,
45
+ sv,
46
+ da,
47
+ fi,
48
+ };
49
+ /**
50
+ * An input for dates.
51
+ *
52
+ * Uses the `lang` attribute on either the element or on `<html>` to determine the locale options.
53
+ *
54
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-datepicker--docs)
55
+ */
56
+ class WarpDatepicker extends FormControlMixin(LitElement) {
57
+ static { this.shadowRootOptions = {
58
+ ...LitElement.shadowRootOptions,
59
+ delegatesFocus: true,
60
+ }; }
61
+ static { this.styles = [reset, wDatepickerStyles, wDatepickerCalendarStyles, wDatepickerDayStyles, wDatepickerMonthStyles]; }
62
+ get selectedDate() {
63
+ return fromISOToDate(this.value) ?? null;
64
+ }
65
+ get month() {
66
+ return startOfMonth(this.navigationDate);
67
+ }
68
+ // capture the initial value using connectedCallback and #initialValue
69
+ #initialValue;
70
+ get weeks() {
71
+ const month = this.month;
72
+ const navigationDate = this.navigationDate;
73
+ const weekStarts = eachWeekOfInterval({
74
+ start: startOfMonth(month),
75
+ end: lastDayOfMonth(month),
76
+ }, { locale: this.locale });
77
+ const weekIntervals = weekStarts
78
+ .map((weekStart) => ({
79
+ start: weekStart,
80
+ end: endOfWeek(weekStart, { locale: this.locale }),
81
+ }))
82
+ .map((week) => eachDayOfInterval(week));
83
+ // Inserts the navigation date into the date matrix
84
+ if (isSameMonth(navigationDate, month)) {
85
+ const weekOfMonth = getWeekOfMonth(navigationDate, { locale: this.locale }) - 1;
86
+ // we need to get the day of the week to index into the correct day after we've gotten the week
87
+ // getDay() however isn't locale aware. This is a good replacement
88
+ const day = differenceInCalendarDays(navigationDate, startOfWeek(navigationDate, { locale: this.locale }));
89
+ weekIntervals[weekOfMonth][day] = navigationDate;
296
90
  }
297
-
298
- .h4, .t4 {
299
- font-weight: 700;
300
- font-size: var(--w-font-size-m);
301
- line-height: var(--w-line-height-m)
302
- }
303
-
304
- .t3 {
305
- font-weight: 700;
306
- font-size: var(--w-font-size-l);
307
- line-height: var(--w-line-height-l)
308
- }
309
-
310
- @media (min-width: 480px) {
311
- .sm\\:h3 {
312
- font-weight: 700;
313
- font-size: var(--w-font-size-l);
314
- line-height: var(--w-line-height-l)
315
- }
316
- }
317
-
318
- .text-center {
319
- text-align: center
320
- }
321
-
322
- .before\\:text-center:before {
323
- text-align: center
324
- }
325
-
326
- .text-left {
327
- text-align: left
328
- }
329
-
330
- .text-right {
331
- text-align: right
332
- }
333
-
334
- .align-middle {
335
- vertical-align: middle
336
- }
337
-
338
- .animate-inprogress {
339
- background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;
340
- background-size: 30px 30px;
341
- animation: animate-inprogress 3s linear infinite
342
- }
343
-
344
- @keyframes animate-inprogress {
345
- 0% {
346
- background-position: 0 0
347
- }
348
- to {
349
- background-position: 60px 0
350
- }
351
- }
352
-
353
- .\\[--w-modal-max-height\\:80\\%\\] {
354
- --w-modal-max-height: 80%
355
- }
356
-
357
- .\\[--w-modal-width\\:640px\\] {
358
- --w-modal-width: 640px
359
- }
360
-
361
- .focus\\:\\[--w-outline-offset\\:-2px\\]:focus {
362
- --w-outline-offset: -2px
363
- }
364
-
365
- .backdrop-blur {
366
- -webkit-backdrop-filter: blur(4px);
367
- backdrop-filter: blur(4px)
368
- }
369
-
370
- .peer:checked ~ .peer-checked\\:before\\:bg-center:before {
371
- background-position: center
372
- }
373
-
374
- .hover\\:bg-clip-padding:hover {
375
- -webkit-background-clip: padding-box;
376
- background-clip: padding-box
377
- }
378
-
379
- .bg-transparent, .group\\/steph:first-child .group-first\\/steph\\:bg-transparent, .group\\/steph:last-child .group-last\\/steph\\:bg-transparent {
380
- background-color: transparent
381
- }
382
-
383
- .bg-\\[--w-black\\/25\\] {
384
- background-color: rgba(var(--w-rgb-black), .25)
385
- }
386
-
387
- .bg-\\[--w-black\\/70\\], .bg-\\[var\\(--w-black\\)\\/70\\] {
388
- background-color: rgba(var(--w-rgb-black), .7)
389
- }
390
-
391
- .bg-\\[--w-color-badge-info-background\\] {
392
- background-color: var(--w-color-badge-info-background)
393
- }
394
-
395
- .bg-\\[--w-color-badge-negative-background\\] {
396
- background-color: var(--w-color-badge-negative-background)
397
- }
398
-
399
- .bg-\\[--w-color-badge-neutral-background\\] {
400
- background-color: var(--w-color-badge-neutral-background)
401
- }
402
-
403
- .bg-\\[--w-color-badge-positive-background\\] {
404
- background-color: var(--w-color-badge-positive-background)
405
- }
406
-
407
- .bg-\\[--w-color-badge-sponsored-background\\] {
408
- background-color: var(--w-color-badge-sponsored-background)
409
- }
410
-
411
- .bg-\\[--w-color-badge-warning-background\\] {
412
- background-color: var(--w-color-badge-warning-background)
413
- }
414
-
415
- .bg-\\[--w-color-button-primary-background\\] {
416
- background-color: var(--w-color-button-primary-background)
417
- }
418
-
419
- .bg-\\[--w-color-buttongroup-utility-background-selected\\] {
420
- background-color: var(--w-color-buttongroup-utility-background-selected)
421
- }
422
-
423
- .bg-\\[--w-color-callout-background\\] {
424
- background-color: var(--w-color-callout-background)
425
- }
426
-
427
- .bg-\\[--w-color-pill-suggestion-background\\] {
428
- background-color: var(--w-color-pill-suggestion-background)
429
- }
430
-
431
- .bg-\\[--w-color-switch-track-background\\] {
432
- background-color: var(--w-color-switch-track-background)
433
- }
434
-
435
- .bg-\\[--w-s-color-surface-elevated-100\\] {
436
- background-color: var(--w-s-color-surface-elevated-100)
437
- }
438
-
439
- .bg-\\[--w-s-color-surface-elevated-300\\] {
440
- background-color: var(--w-s-color-surface-elevated-300)
441
- }
442
-
443
- .bg-\\[--w-s-icon-selected\\] {
444
- background-color: var(--w-s-icon-selected)
445
- }
446
-
447
- .group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\] {
448
- background-color: var(--w-color-switch-track-background-hover)
449
- }
450
-
451
- .hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover {
452
- background-color: var(--w-color-button-pill-background-hover)
453
- }
454
-
455
- .hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover {
456
- background-color: var(--w-color-button-primary-background-hover)
457
- }
458
-
459
- .hover\\:bg-\\[--w-color-buttongroup-utility-background-hover\\]:hover {
460
- background-color: var(--w-color-buttongroup-utility-background-hover)
461
- }
462
-
463
- .hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover {
464
- background-color: var(--w-color-pill-suggestion-background-hover)
465
- }
466
-
467
- .hover\\:bg-\\[--w-s-icon-subtle\\]:hover {
468
- background-color: var(--w-s-icon-subtle)
469
- }
470
-
471
- .hover\\:bg-\\[var\\(--w-black\\)\\/85\\]:hover {
472
- background-color: rgba(var(--w-rgb-black), .85)
473
- }
474
-
475
- .active\\:bg-\\[--w-color-button-pill-background-active\\]:active {
476
- background-color: var(--w-color-button-pill-background-active)
477
- }
478
-
479
- .active\\:bg-\\[--w-color-button-primary-background-active\\]:active {
480
- background-color: var(--w-color-button-primary-background-active)
481
- }
482
-
483
- .active\\:bg-\\[--w-color-buttongroup-utility-background-selected\\]:active {
484
- background-color: var(--w-color-buttongroup-utility-background-selected)
485
- }
486
-
487
- .active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active {
488
- background-color: var(--w-color-pill-suggestion-background-active)
489
- }
490
-
491
- .active\\:bg-\\[var\\(--w-black\\)\\]:active {
492
- background-color: var(--w-black)
493
- }
494
-
495
- .peer:checked ~ .peer-checked\\:before\\:bg-\\[url\\(var\\(--w-icon-toggle-checked\\)\\)\\]:before {
496
- background-image: var(--w-icon-toggle-checked)
497
- }
498
-
499
- .appearance-none {
500
- -moz-appearance: none;
501
- appearance: none;
502
- -webkit-appearance: none
503
- }
504
-
505
- .will-change-height {
506
- will-change: height
507
- }
508
-
509
- .border, .border-1 {
510
- border-width: 1px
511
- }
512
-
513
- .border-b {
514
- border-bottom-width: 1px
515
- }
516
-
517
- .before\\:border:before {
518
- border-width: 1px
519
- }
520
-
521
- .border-0 {
522
- border-width: 0
523
- }
524
-
525
- .border-2 {
526
- border-width: 2px
527
- }
528
-
529
- .border-b-0 {
530
- border-bottom-width: 0
531
- }
532
-
533
- .border-b-4 {
534
- border-bottom-width: 4px
535
- }
536
-
537
- .border-l-4 {
538
- border-left-width: 4px
539
- }
540
-
541
- .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\:border-r-0 {
542
- border-right-width: 0
543
- }
544
-
545
- .peer:checked ~ .peer-checked\\:before\\:border-\\[6\\]:before {
546
- border-width: .6rem
547
- }
548
-
549
- .border-transparent {
550
- border-color: transparent
551
- }
552
-
553
- .border-\\[--w-color-buttongroup-utility-border\\] {
554
- border-color: var(--w-color-buttongroup-utility-border)
555
- }
556
-
557
- .border-\\[--w-color-callout-border\\] {
558
- border-color: var(--w-color-callout-border)
559
- }
560
-
561
- .border-\\[--w-s-color-background-inverted\\] {
562
- border-color: var(--w-s-color-background-inverted)
563
- }
564
-
565
- .border-\\[--w-s-color-surface-elevated-300\\] {
566
- border-color: var(--w-s-color-surface-elevated-300)
567
- }
568
-
569
- .active\\:border-\\[--w-color-buttongroup-utility-border-selected\\]:active {
570
- border-color: var(--w-color-buttongroup-utility-border-selected)
571
- }
572
-
573
- .divide-x > * + * {
574
- --w-divide-x-reverse: 0;
575
- border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));
576
- border-right-width: calc(1px * var(--w-divide-x-reverse))
577
- }
578
-
579
- .divide-y > * + * {
580
- --w-divide-y-reverse: 0;
581
- border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));
582
- border-bottom-width: calc(1px * var(--w-divide-y-reverse))
583
- }
584
-
585
- .rounded-4 {
586
- border-radius: 4px
587
- }
588
-
589
- .rounded-8 {
590
- border-radius: 8px
591
- }
592
-
593
- .rounded-full {
594
- border-radius: 9999px
595
- }
596
-
597
- .before\\:rounded-2:before {
598
- border-radius: 2px
599
- }
600
-
601
- .before\\:rounded-full:before {
602
- border-radius: 9999px
603
- }
604
-
605
- .rounded-b-0 {
606
- border-bottom-left-radius: 0;
607
- border-bottom-right-radius: 0
608
- }
609
-
610
- .rounded-bl-0 {
611
- border-bottom-left-radius: 0
612
- }
613
-
614
- .rounded-br-0 {
615
- border-bottom-right-radius: 0
616
- }
617
-
618
- .rounded-l-0 {
619
- border-top-left-radius: 0;
620
- border-bottom-left-radius: 0
621
- }
622
-
623
- .rounded-l-full {
624
- border-top-left-radius: 9999px;
625
- border-bottom-left-radius: 9999px
626
- }
627
-
628
- .rounded-r-0 {
629
- border-top-right-radius: 0;
630
- border-bottom-right-radius: 0
631
- }
632
-
633
- .rounded-r-full {
634
- border-top-right-radius: 9999px;
635
- border-bottom-right-radius: 9999px
636
- }
637
-
638
- .rounded-tl-0 {
639
- border-top-left-radius: 0
640
- }
641
-
642
- .rounded-tl-4 {
643
- border-top-left-radius: 4px
644
- }
645
-
646
- .rounded-tr-0 {
647
- border-top-right-radius: 0
648
- }
649
-
650
- .group:first-of-type .group-first-of-type\\:rounded-bl-8 {
651
- border-bottom-left-radius: 8px
652
- }
653
-
654
- .group:first-of-type .group-first-of-type\\:rounded-tl-8 {
655
- border-top-left-radius: 8px
656
- }
657
-
658
- .first\\:rounded-lb-4:first-child {
659
- border-bottom-left-radius: 4px
660
- }
661
-
662
- .first\\:rounded-lt-4:first-child {
663
- border-top-left-radius: 4px
664
- }
665
-
666
- .first\\:rounded-rt-4:first-child {
667
- border-top-right-radius: 4px
668
- }
669
-
670
- .group:last-of-type .group-last-of-type\\:rounded-br-8 {
671
- border-bottom-right-radius: 8px
672
- }
673
-
674
- .group:last-of-type .group-last-of-type\\:rounded-tr-8 {
675
- border-top-right-radius: 8px
676
- }
677
-
678
- .last\\:rounded-lb-4:last-child {
679
- border-bottom-left-radius: 4px
680
- }
681
-
682
- .last\\:rounded-rb-4:last-child {
683
- border-bottom-right-radius: 4px
684
- }
685
-
686
- .last\\:rounded-rt-4:last-child {
687
- border-top-right-radius: 4px
688
- }
689
-
690
- .caret-current {
691
- caret-color: currentColor
692
- }
693
-
694
- .opacity-25 {
695
- opacity: 25%
696
- }
697
-
698
- .block {
699
- display: block
700
- }
701
-
702
- .before\\:block:before {
703
- display: block
704
- }
705
-
706
- .inline-block {
707
- display: inline-block
708
- }
709
-
710
- .inline {
711
- display: inline
712
- }
713
-
714
- .flex, .open\\:flex[open] {
715
- display: flex
716
- }
717
-
718
- .inline-flex {
719
- display: inline-flex
720
- }
721
-
722
- .grid {
723
- display: grid
724
- }
725
-
726
- .inline-grid {
727
- display: inline-grid
728
- }
729
-
730
- .hidden, .group\\/stepv:last-child .group-last\\/stepv\\:hidden {
731
- display: none
732
- }
733
-
734
- .before\\:hidden:before {
735
- display: none
736
- }
737
-
738
- .hover\\:underline:hover {
739
- text-decoration-line: underline
740
- }
741
-
742
- .focus\\:underline:focus {
743
- text-decoration-line: underline
744
- }
745
-
746
- .focus-visible\\:underline:focus-visible {
747
- text-decoration-line: underline
748
- }
749
-
750
- .active\\:underline:active {
751
- text-decoration-line: underline
752
- }
753
-
754
- .hover\\:no-underline:hover {
755
- text-decoration: none
756
- }
757
-
758
- .focus\\:no-underline:focus {
759
- text-decoration: none
760
- }
761
-
762
- .active\\:no-underline:active {
763
- text-decoration: none
764
- }
765
-
766
- .flex-1 {
767
- flex: 1 1 0%
768
- }
769
-
770
- .shrink {
771
- flex-shrink: 1
772
- }
773
-
774
- .shrink-0 {
775
- flex-shrink: 0
776
- }
777
-
778
- .shrink-0\\! {
779
- flex-shrink: 0 !important
780
- }
781
-
782
- .grow, .grow-1 {
783
- flex-grow: 1
784
- }
785
-
786
- .basis-auto {
787
- flex-basis: auto
788
- }
789
-
790
- .flex-col {
791
- flex-direction: column
792
- }
793
-
794
- .focus-within\\:focusable:focus-within {
795
- outline: 2px solid var(--w-s-color-border-focus);
796
- outline-offset: var(--w-outline-offset, 1px)
797
- }
798
-
799
- .focusable:focus, .focusable:focus-visible {
800
- outline: 2px solid var(--w-s-color-border-focus);
801
- outline-offset: var(--w-outline-offset, 1px)
802
- }
803
-
804
- .focusable:not(:focus-visible) {
805
- outline: none
806
- }
807
-
808
- .peer:focus ~ .peer-focus\\:focusable, .peer:focus-visible ~ .peer-focus\\:focusable {
809
- outline: 2px solid var(--w-s-color-border-focus);
810
- outline-offset: var(--w-outline-offset, 1px)
811
- }
812
-
813
- .peer:not(:focus-visible) ~ .peer-focus\\:focusable {
814
- outline: none
815
- }
816
-
817
- .focusable-inset {
818
- --w-outline-offset: -3px
819
- }
820
-
821
- .gap-12 {
822
- gap: 1.2rem
823
- }
824
-
825
- .gap-8 {
826
- gap: .8rem
827
- }
828
-
829
- .gap-x-16 {
830
- column-gap: 1.6rem
831
- }
832
-
833
- .gap-y-16 {
834
- row-gap: 1.6rem
835
- }
836
-
837
- .row-span-2 {
838
- grid-row: span 2/span 2
839
- }
840
-
841
- .col-span-2 {
842
- grid-column: span 2/span 2
843
- }
844
-
845
- .col-span-3 {
846
- grid-column: span 3/span 3
847
- }
848
-
849
- .row-start-1 {
850
- grid-row-start: 1
851
- }
852
-
853
- .row-start-2 {
854
- grid-row-start: 2
855
- }
856
-
857
- .col-start-2 {
858
- grid-column-start: 2
859
- }
860
-
861
- .auto-rows-auto {
862
- grid-auto-rows: auto
863
- }
864
-
865
- .grid-flow-col {
866
- grid-auto-flow: column
867
- }
868
-
869
- .grid-rows-\\[20px_auto\\] {
870
- grid-template-rows:20px auto
871
- }
872
-
873
- .grid-rows-\\[auto_20px\\] {
874
- grid-template-rows:auto 20px
875
- }
876
-
877
- .grid-cols-\\[1fr_20px_1fr\\] {
878
- grid-template-columns:1fr 20px 1fr
879
- }
880
-
881
- .grid-cols-\\[1fr_20px\\] {
882
- grid-template-columns:1fr 20px
883
- }
884
-
885
- .grid-cols-\\[20px_1fr\\] {
886
- grid-template-columns:20px 1fr
887
- }
888
-
889
- .grid-cols-\\[auto_1fr_auto\\] {
890
- grid-template-columns:auto 1fr auto
891
- }
892
-
893
- .grid-cols-1 {
894
- grid-template-columns:repeat(1, minmax(0, 1fr))
895
- }
896
-
897
- .grid-cols-2 {
898
- grid-template-columns:repeat(2, minmax(0, 1fr))
899
- }
900
-
901
- .grid-cols-3 {
902
- grid-template-columns:repeat(3, minmax(0, 1fr))
903
- }
904
-
905
- .grid-cols-4 {
906
- grid-template-columns:repeat(4, minmax(0, 1fr))
907
- }
908
-
909
- .grid-cols-5 {
910
- grid-template-columns:repeat(5, minmax(0, 1fr))
911
- }
912
-
913
- .grid-cols-6 {
914
- grid-template-columns:repeat(6, minmax(0, 1fr))
915
- }
916
-
917
- .grid-cols-7 {
918
- grid-template-columns:repeat(7, minmax(0, 1fr))
919
- }
920
-
921
- .grid-cols-8 {
922
- grid-template-columns:repeat(8, minmax(0, 1fr))
923
- }
924
-
925
- .grid-cols-9 {
926
- grid-template-columns:repeat(9, minmax(0, 1fr))
927
- }
928
-
929
- .overflow-hidden {
930
- overflow: hidden
931
- }
932
-
933
- .overflow-x-hidden {
934
- overflow-x: hidden
935
- }
936
-
937
- .overflow-y-auto {
938
- overflow-y: auto
939
- }
940
-
941
- .list-none {
942
- list-style-type: none
943
- }
944
-
945
- .outline-\\[--w-s-color-border-negative\\]\\! {
946
- outline-color: var(--w-s-color-border-negative) !important
947
- }
948
-
949
- .outline-none {
950
- outline: 2px solid transparent;
951
- outline-offset: 2px
952
- }
953
-
954
- .focus\\:outline-none:focus {
955
- outline: 2px solid transparent;
956
- outline-offset: 2px
957
- }
958
-
959
- .items-start {
960
- align-items: flex-start
961
- }
962
-
963
- .items-end {
964
- align-items: flex-end
965
- }
966
-
967
- .items-center {
968
- align-items: center
969
- }
970
-
971
- .self-center {
972
- align-self: center
973
- }
974
-
975
- .inset-0 {
976
- top: 0rem;
977
- right: 0rem;
978
- bottom: 0rem;
979
- left: 0rem
980
- }
981
-
982
- .-bottom-0 {
983
- bottom: -0rem
984
- }
985
-
986
- .bottom-0 {
987
- bottom: 0rem
988
- }
989
-
990
- .bottom-10 {
991
- bottom: 1rem
992
- }
993
-
994
- .bottom-16 {
995
- bottom: 1.6rem
996
- }
997
-
998
- .left-0 {
999
- left: 0rem
1000
- }
1001
-
1002
- .left-4 {
1003
- left: .4rem
1004
- }
1005
-
1006
- .right-0 {
1007
- right: 0rem
1008
- }
1009
-
1010
- .right-8 {
1011
- right: .8rem
1012
- }
1013
-
1014
- .top-\\[1\\.92rem\\] {
1015
- top: 1.92rem
1016
- }
1017
-
1018
- .top-0 {
1019
- top: 0rem
1020
- }
1021
-
1022
- .top-20 {
1023
- top: 2rem
1024
- }
1025
-
1026
- .top-4 {
1027
- top: .4rem
1028
- }
1029
-
1030
- .top-8 {
1031
- top: .8rem
1032
- }
1033
-
1034
- .before\\:bottom-0:before {
1035
- bottom: 0rem
1036
- }
1037
-
1038
- .before\\:left-0:before {
1039
- left: 0rem
1040
- }
1041
-
1042
- .before\\:right-0:before {
1043
- right: 0rem
1044
- }
1045
-
1046
- .before\\:top-2:before {
1047
- top: .2rem
1048
- }
1049
-
1050
- .-bottom-\\[8px\\] {
1051
- bottom: -8px
1052
- }
1053
-
1054
- .-left-\\[8px\\] {
1055
- left: -8px
1056
- }
1057
-
1058
- .-right-\\[8px\\] {
1059
- right: -8px
1060
- }
1061
-
1062
- .-top-\\[8px\\] {
1063
- top: -8px
1064
- }
1065
-
1066
- .top-\\[19px\\] {
1067
- top: 19px
1068
- }
1069
-
1070
- .top-\\[30\\%\\] {
1071
- top: 30%
1072
- }
1073
-
1074
- .justify-end {
1075
- justify-content: flex-end
1076
- }
1077
-
1078
- .justify-center {
1079
- justify-content: center
1080
- }
1081
-
1082
- .justify-between {
1083
- justify-content: space-between
1084
- }
1085
-
1086
- .justify-items-center {
1087
- justify-items: center
1088
- }
1089
-
1090
- .justify-self-start {
1091
- justify-self: start
1092
- }
1093
-
1094
- .justify-self-end {
1095
- justify-self: end
1096
- }
1097
-
1098
- .justify-self-center {
1099
- justify-self: center
1100
- }
1101
-
1102
- .absolute {
1103
- position: absolute
1104
- }
1105
-
1106
- .fixed {
1107
- position: fixed
1108
- }
1109
-
1110
- .relative {
1111
- position: relative
1112
- }
1113
-
1114
- .open\\:fixed[open] {
1115
- position: fixed
1116
- }
1117
-
1118
- .before\\:absolute:before {
1119
- position: absolute
1120
- }
1121
-
1122
- .z-10, .peer:checked ~ .peer-checked\\:z-10 {
1123
- z-index: 10
1124
- }
1125
-
1126
- .z-30 {
1127
- z-index: 30
1128
- }
1129
-
1130
- .z-50 {
1131
- z-index: 50
1132
- }
1133
-
1134
- .hover\\:z-30:hover {
1135
- z-index: 30
1136
- }
1137
-
1138
- .\\!s-bg-selected {
1139
- background-color: var(--w-s-color-background-selected) !important
1140
- }
1141
-
1142
- .s-bg {
1143
- background-color: var(--w-s-color-background)
1144
- }
1145
-
1146
- .s-bg-disabled {
1147
- background-color: var(--w-s-color-background-disabled)
1148
- }
1149
-
1150
- .s-bg-disabled-subtle {
1151
- background-color: var(--w-s-color-background-disabled-subtle)
1152
- }
1153
-
1154
- .s-bg-info-subtle {
1155
- background-color: var(--w-s-color-background-info-subtle)
1156
- }
1157
-
1158
- .s-bg-inverted {
1159
- background-color: var(--w-s-color-background-inverted)
1160
- }
1161
-
1162
- .s-bg-negative {
1163
- background-color: var(--w-s-color-background-negative)
1164
- }
1165
-
1166
- .s-bg-negative-subtle {
1167
- background-color: var(--w-s-color-background-negative-subtle)
1168
- }
1169
-
1170
- .s-bg-positive-subtle {
1171
- background-color: var(--w-s-color-background-positive-subtle)
1172
- }
1173
-
1174
- .s-bg-primary, .peer:checked ~ .peer-checked\\:s-bg-primary {
1175
- background-color: var(--w-s-color-background-primary)
1176
- }
1177
-
1178
- .s-bg-selected {
1179
- background-color: var(--w-s-color-background-selected)
1180
- }
1181
-
1182
- .s-bg-subtle {
1183
- background-color: var(--w-s-color-background-subtle)
1184
- }
1185
-
1186
- .s-bg-warning-subtle {
1187
- background-color: var(--w-s-color-background-warning-subtle)
1188
- }
1189
-
1190
- .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-negative-hover:before {
1191
- background-color: var(--w-s-color-background-negative-hover)
1192
- }
1193
-
1194
- .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-primary-hover:before {
1195
- background-color: var(--w-s-color-background-primary-hover)
1196
- }
1197
-
1198
- .peer:checked ~ .peer-checked\\:before\\:s-bg-disabled:before {
1199
- background-color: var(--w-s-color-background-disabled)
1200
- }
1201
-
1202
- .peer:checked ~ .peer-checked\\:before\\:s-bg-negative:before {
1203
- background-color: var(--w-s-color-background-negative)
1204
- }
1205
-
1206
- .peer:checked ~ .peer-checked\\:before\\:s-bg-primary:before {
1207
- background-color: var(--w-s-color-background-primary)
1208
- }
1209
-
1210
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-disabled:before {
1211
- background-color: var(--w-s-color-background-disabled)
1212
- }
1213
-
1214
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-negative:before {
1215
- background-color: var(--w-s-color-background-negative)
1216
- }
1217
-
1218
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-primary:before {
1219
- background-color: var(--w-s-color-background-primary)
1220
- }
1221
-
1222
- .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-negative-hover:hover:before {
1223
- background-color: var(--w-s-color-background-negative-hover)
1224
- }
1225
-
1226
- .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-primary-hover:hover:before {
1227
- background-color: var(--w-s-color-background-primary-hover)
1228
- }
1229
-
1230
- .\\!hover\\:s-bg-selected-hover:hover {
1231
- background-color: var(--w-s-color-background-selected-hover) !important
1232
- }
1233
-
1234
- .group:hover .group-hover\\:s-bg-primary-hover {
1235
- background-color: var(--w-s-color-background-primary-hover)
1236
- }
1237
-
1238
- .hover\\:before\\:s-bg-hover:hover:before {
1239
- background-color: var(--w-s-color-background-hover)
1240
- }
1241
-
1242
- .hover\\:before\\:s-bg-negative-subtle-hover:hover:before {
1243
- background-color: var(--w-s-color-background-negative-subtle-hover)
1244
- }
1245
-
1246
- .hover\\:s-bg-hover:hover {
1247
- background-color: var(--w-s-color-background-hover)
1248
- }
1249
-
1250
- .hover\\:s-bg-negative-hover:hover {
1251
- background-color: var(--w-s-color-background-negative-hover)
1252
- }
1253
-
1254
- .hover\\:s-bg-negative-subtle-hover:hover {
1255
- background-color: var(--w-s-color-background-negative-subtle-hover)
1256
- }
1257
-
1258
- .hover\\:s-bg-primary-hover:hover {
1259
- background-color: var(--w-s-color-background-primary-hover)
1260
- }
1261
-
1262
- .hover\\:s-bg-selected-hover:hover {
1263
- background-color: var(--w-s-color-background-selected-hover)
1264
- }
1265
-
1266
- .peer:hover:not(:checked) ~ .peer-hover\\:peer-not-checked\\:s-bg-hover {
1267
- background-color: var(--w-s-color-background-hover)
1268
- }
1269
-
1270
- .peer:hover ~ .peer-hover\\:before\\:s-bg-hover:before {
1271
- background-color: var(--w-s-color-background-hover)
1272
- }
1273
-
1274
- .peer:hover ~ .peer-hover\\:before\\:s-bg-negative-subtle:before {
1275
- background-color: var(--w-s-color-background-negative-subtle)
1276
- }
1277
-
1278
- .focus\\:s-bg-primary-hover:focus {
1279
- background-color: var(--w-s-color-background-primary-hover)
1280
- }
1281
-
1282
- .\\!active\\:s-bg-selected-active:active {
1283
- background-color: var(--w-s-color-background-selected-active) !important
1284
- }
1285
-
1286
- .active\\:s-bg-active:active {
1287
- background-color: var(--w-s-color-background-active)
1288
- }
1289
-
1290
- .active\\:s-bg-negative-active:active {
1291
- background-color: var(--w-s-color-background-negative-active)
1292
- }
1293
-
1294
- .active\\:s-bg-negative-subtle-active:active {
1295
- background-color: var(--w-s-color-background-negative-subtle-active)
1296
- }
1297
-
1298
- .active\\:s-bg-primary-active:active {
1299
- background-color: var(--w-s-color-background-primary-active)
1300
- }
1301
-
1302
- .active\\:s-bg-selected-active:active {
1303
- background-color: var(--w-s-color-background-selected-active)
1304
- }
1305
-
1306
- .before\\:s-bg-disabled-subtle:before {
1307
- background-color: var(--w-s-color-background-disabled-subtle)
1308
- }
1309
-
1310
- .before\\:s-bg:before {
1311
- background-color: var(--w-s-color-background)
1312
- }
1313
-
1314
- .s-text {
1315
- color: var(--w-s-color-text)
1316
- }
1317
-
1318
- .s-text-disabled {
1319
- color: var(--w-s-color-text-disabled)
1320
- }
1321
-
1322
- .s-text-inverted, .peer:checked ~ .peer-checked\\:s-text-inverted {
1323
- color: var(--w-s-color-text-inverted)
1324
- }
1325
-
1326
- .s-text-inverted-static {
1327
- color: var(--w-s-color-text-inverted-static)
1328
- }
1329
-
1330
- .s-text-link {
1331
- color: var(--w-s-color-text-link)
1332
- }
1333
-
1334
- .s-text-negative {
1335
- color: var(--w-s-color-text-negative)
1336
- }
1337
-
1338
- .s-text-subtle {
1339
- color: var(--w-s-color-text-subtle)
1340
- }
1341
-
1342
- .hover\\:s-text-link:hover {
1343
- color: var(--w-s-color-text-link)
1344
- }
1345
-
1346
- .active\\:s-text:active {
1347
- color: var(--w-s-color-text)
1348
- }
1349
-
1350
- .placeholder\\:s-text-placeholder::placeholder {
1351
- color: var(--w-s-color-text-placeholder)
1352
- }
1353
-
1354
- .s-icon {
1355
- color: var(--w-s-color-icon)
1356
- }
1357
-
1358
- .s-icon-info {
1359
- color: var(--w-s-color-icon-info)
1360
- }
1361
-
1362
- .s-icon-inverted {
1363
- color: var(--w-s-color-icon-inverted)
1364
- }
1365
-
1366
- .s-icon-negative {
1367
- color: var(--w-s-color-icon-negative)
1368
- }
1369
-
1370
- .s-icon-positive {
1371
- color: var(--w-s-color-icon-positive)
1372
- }
1373
-
1374
- .s-icon-warning {
1375
- color: var(--w-s-color-icon-warning)
1376
- }
1377
-
1378
- .hover\\:s-icon-hover:hover {
1379
- color: var(--w-s-color-icon-hover)
1380
- }
1381
-
1382
- .active\\:s-icon-active:active {
1383
- color: var(--w-s-color-icon-active)
1384
- }
1385
-
1386
- .before\\:s-icon-inverted:before {
1387
- color: var(--w-s-color-icon-inverted)
1388
- }
1389
-
1390
- .s-border {
1391
- border-color: var(--w-s-color-border)
1392
- }
1393
-
1394
- .s-border-disabled {
1395
- border-color: var(--w-s-color-border-disabled)
1396
- }
1397
-
1398
- .s-border-info-subtle {
1399
- border-color: var(--w-s-color-border-info-subtle)
1400
- }
1401
-
1402
- .s-border-l-info {
1403
- border-left-color: var(--w-s-color-border-info)
1404
- }
1405
-
1406
- .s-border-l-negative {
1407
- border-left-color: var(--w-s-color-border-negative)
1408
- }
1409
-
1410
- .s-border-l-positive {
1411
- border-left-color: var(--w-s-color-border-positive)
1412
- }
1413
-
1414
- .s-border-l-warning {
1415
- border-left-color: var(--w-s-color-border-warning)
1416
- }
1417
-
1418
- .s-border-negative {
1419
- border-color: var(--w-s-color-border-negative)
1420
- }
1421
-
1422
- .s-border-negative-subtle {
1423
- border-color: var(--w-s-color-border-negative-subtle)
1424
- }
1425
-
1426
- .s-border-positive-subtle {
1427
- border-color: var(--w-s-color-border-positive-subtle)
1428
- }
1429
-
1430
- .s-border-primary, .peer:checked ~ .peer-checked\\:s-border-primary {
1431
- border-color: var(--w-s-color-border-primary)
1432
- }
1433
-
1434
- .s-border-selected {
1435
- border-color: var(--w-s-color-border-selected)
1436
- }
1437
-
1438
- .s-border-warning-subtle {
1439
- border-color: var(--w-s-color-border-warning-subtle)
1440
- }
1441
-
1442
- .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-negative-hover:before {
1443
- border-color: var(--w-s-color-border-negative-hover)
1444
- }
1445
-
1446
- .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-primary-hover:before {
1447
- border-color: var(--w-s-color-border-primary-hover)
1448
- }
1449
-
1450
- .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-selected-hover:before {
1451
- border-color: var(--w-s-color-border-selected-hover)
1452
- }
1453
-
1454
- .peer:checked ~ .peer-checked\\:before\\:s-border-disabled:before {
1455
- border-color: var(--w-s-color-border-disabled)
1456
- }
1457
-
1458
- .peer:checked ~ .peer-checked\\:before\\:s-border-negative:before {
1459
- border-color: var(--w-s-color-border-negative)
1460
- }
1461
-
1462
- .peer:checked ~ .peer-checked\\:before\\:s-border-primary:before {
1463
- border-color: var(--w-s-color-border-primary)
1464
- }
1465
-
1466
- .peer:checked ~ .peer-checked\\:before\\:s-border-selected:before {
1467
- border-color: var(--w-s-color-border-selected)
1468
- }
1469
-
1470
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-disabled:before {
1471
- border-color: var(--w-s-color-border-disabled)
1472
- }
1473
-
1474
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-negative:before {
1475
- border-color: var(--w-s-color-border-negative)
1476
- }
1477
-
1478
- .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-primary:before {
1479
- border-color: var(--w-s-color-border-primary)
1480
- }
1481
-
1482
- .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-negative-hover:hover:before {
1483
- border-color: var(--w-s-color-border-negative-hover)
1484
- }
1485
-
1486
- .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-primary-hover:hover:before {
1487
- border-color: var(--w-s-color-border-primary-hover)
1488
- }
1489
-
1490
- .group:hover .group-hover\\:s-border-selected-hover {
1491
- border-color: var(--w-s-color-border-selected-hover)
1492
- }
1493
-
1494
- .hover\\:before\\:s-border-negative-hover:hover:before {
1495
- border-color: var(--w-s-color-border-negative-hover)
1496
- }
1497
-
1498
- .hover\\:before\\:s-border-primary:hover:before {
1499
- border-color: var(--w-s-color-border-primary)
1500
- }
1501
-
1502
- .hover\\:s-border-disabled:hover {
1503
- border-color: var(--w-s-color-border-disabled)
1504
- }
1505
-
1506
- .hover\\:s-border-hover:hover {
1507
- border-color: var(--w-s-color-border-hover)
1508
- }
1509
-
1510
- .hover\\:s-border-negative-hover:hover {
1511
- border-color: var(--w-s-color-border-negative-hover)
1512
- }
1513
-
1514
- .hover\\:s-border-primary-hover:hover {
1515
- border-color: var(--w-s-color-border-primary-hover)
1516
- }
1517
-
1518
- .hover\\:s-border-primary:hover {
1519
- border-color: var(--w-s-color-border-primary)
1520
- }
1521
-
1522
- .hover\\:s-border-selected-hover:hover {
1523
- border-color: var(--w-s-color-border-selected-hover)
1524
- }
1525
-
1526
- .peer:hover ~ .peer-hover\\:before\\:s-border-negative-hover:before {
1527
- border-color: var(--w-s-color-border-negative-hover)
1528
- }
1529
-
1530
- .peer:hover ~ .peer-hover\\:before\\:s-border-primary:before {
1531
- border-color: var(--w-s-color-border-primary)
1532
- }
1533
-
1534
- .focus\\:s-border-primary-hover:focus {
1535
- border-color: var(--w-s-color-border-primary-hover)
1536
- }
1537
-
1538
- .active\\:s-border-active:active {
1539
- border-color: var(--w-s-color-border-active)
1540
- }
1541
-
1542
- .active\\:s-border-disabled:active {
1543
- border-color: var(--w-s-color-border-disabled)
1544
- }
1545
-
1546
- .active\\:s-border-primary-active:active {
1547
- border-color: var(--w-s-color-border-primary-active)
1548
- }
1549
-
1550
- .active\\:s-border-selected-active:active {
1551
- border-color: var(--w-s-color-border-selected-active)
1552
- }
1553
-
1554
- .active\\:s-border-selected:active {
1555
- border-color: var(--w-s-color-border-selected)
1556
- }
1557
-
1558
- .group:active .group-active\\:s-border-active {
1559
- border-color: var(--w-s-color-border-active)
1560
- }
1561
-
1562
- .group:active .group-active\\:s-border-selected-active {
1563
- border-color: var(--w-s-color-border-selected-active)
1564
- }
1565
-
1566
- .before\\:s-border-disabled:before {
1567
- border-color: var(--w-s-color-border-disabled)
1568
- }
1569
-
1570
- .before\\:s-border-negative:before {
1571
- border-color: var(--w-s-color-border-negative)
1572
- }
1573
-
1574
- .s-surface-sunken {
1575
- background-color: var(--w-s-color-surface-sunken)
1576
- }
1577
-
1578
- .s-surface-elevated-200 {
1579
- background-color: var(--w-s-color-surface-elevated-200);
1580
- box-shadow: var(--w-s-shadow-surface-elevated-200)
1581
- }
1582
-
1583
- .hover\\:s-surface-elevated-200-hover:hover {
1584
- background-color: var(--w-s-color-surface-elevated-200-hover);
1585
- box-shadow: var(--w-s-shadow-surface-elevated-200-hover)
1586
- }
1587
-
1588
- .active\\:s-surface-elevated-200-active:active {
1589
- background-color: var(--w-s-color-surface-elevated-200-active);
1590
- box-shadow: var(--w-s-shadow-surface-elevated-200-active)
1591
- }
1592
-
1593
- .drop-shadow-m {
1594
- filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)
1595
- }
1596
-
1597
- .shadow-m {
1598
- box-shadow: var(--w-shadow-m)
1599
- }
1600
-
1601
- .shadow-s {
1602
- box-shadow: var(--w-shadow-s)
1603
- }
1604
-
1605
- .shadow-\\[--w-shadow-slider\\] {
1606
- box-shadow: var(--w-shadow-slider)
1607
- }
1608
-
1609
- .hover\\:shadow-\\[--w-shadow-slider-handle-hover\\]:hover {
1610
- box-shadow: var(--w-shadow-slider-handle-hover)
1611
- }
1612
-
1613
- .focus\\:shadow-\\[--w-shadow-slider-handle-hover\\]:focus {
1614
- box-shadow: var(--w-shadow-slider-handle-hover)
1615
- }
1616
-
1617
- .active\\:shadow-\\[--w-shadow-slider-handle-active\\]:active {
1618
- box-shadow: var(--w-shadow-slider-handle-active)
1619
- }
1620
-
1621
- .h-0 {
1622
- height: 0rem
1623
- }
1624
-
1625
- .h-16 {
1626
- height: 1.6rem
1627
- }
1628
-
1629
- .h-2 {
1630
- height: .2rem
1631
- }
1632
-
1633
- .h-20 {
1634
- height: 2rem
1635
- }
1636
-
1637
- .h-24 {
1638
- height: 2.4rem
1639
- }
1640
-
1641
- .h-4 {
1642
- height: .4rem
1643
- }
1644
-
1645
- .h-44 {
1646
- height: 4.4rem
1647
- }
1648
-
1649
- .h-6 {
1650
- height: .6rem
1651
- }
1652
-
1653
- .h-8 {
1654
- height: .8rem
1655
- }
1656
-
1657
- .h-full {
1658
- height: 100%
1659
- }
1660
-
1661
- .h-unset {
1662
- height: unset
1663
- }
1664
-
1665
- .max-h-unset {
1666
- max-height: unset
1667
- }
1668
-
1669
- .max-w-full {
1670
- max-width: 100%
1671
- }
1672
-
1673
- .max-w-max {
1674
- max-width: max-content
1675
- }
1676
-
1677
- .max-w-unset {
1678
- max-width: unset
1679
- }
1680
-
1681
- .min-h-32 {
1682
- min-height: 3.2rem
1683
- }
1684
-
1685
- .min-h-40 {
1686
- min-height: 4rem
1687
- }
1688
-
1689
- .min-w-16 {
1690
- min-width: 1.6rem
1691
- }
1692
-
1693
- .min-w-32 {
1694
- min-width: 3.2rem
1695
- }
1696
-
1697
- .w-16 {
1698
- width: 1.6rem
1699
- }
1700
-
1701
- .w-2 {
1702
- width: .2rem
1703
- }
1704
-
1705
- .w-20 {
1706
- width: 2rem
1707
- }
1708
-
1709
- .w-24 {
1710
- width: 2.4rem
1711
- }
1712
-
1713
- .w-32 {
1714
- width: 3.2rem
1715
- }
1716
-
1717
- .w-40 {
1718
- width: 4rem
1719
- }
1720
-
1721
- .w-44 {
1722
- width: 4.4rem
1723
- }
1724
-
1725
- .w-8 {
1726
- width: .8rem
1727
- }
1728
-
1729
- .w-full {
1730
- width: 100%
1731
- }
1732
-
1733
- .w-max {
1734
- width: max-content
1735
- }
1736
-
1737
- .w-unset {
1738
- width: unset
1739
- }
1740
-
1741
- .before\\:h-20:before {
1742
- height: 2rem
1743
- }
1744
-
1745
- .before\\:h-full:before {
1746
- height: 100%
1747
- }
1748
-
1749
- .before\\:w-20:before {
1750
- width: 2rem
1751
- }
1752
-
1753
- .before\\:w-32:before {
1754
- width: 3.2rem
1755
- }
1756
-
1757
- .h-\\[--w-modal-height\\] {
1758
- height: var(--w-modal-height)
1759
- }
1760
-
1761
- .h-\\[14px\\] {
1762
- height: 14px
1763
- }
1764
-
1765
- .h-\\[16px\\] {
1766
- height: 16px
1767
- }
1768
-
1769
- .max-h-\\[--w-modal-max-height\\] {
1770
- max-height: var(--w-modal-max-height)
1771
- }
1772
-
1773
- .min-h-\\[--w-modal-min-height\\] {
1774
- min-height: var(--w-modal-min-height)
1775
- }
1776
-
1777
- .min-h-\\[32px\\] {
1778
- min-height: 32px
1779
- }
1780
-
1781
- .min-h-\\[40px\\] {
1782
- min-height: 40px
1783
- }
1784
-
1785
- .min-h-\\[42\\] {
1786
- min-height: 4.2rem
1787
- }
1788
-
1789
- .min-h-\\[44px\\] {
1790
- min-height: 44px
1791
- }
1792
-
1793
- .min-w-\\[32px\\] {
1794
- min-width: 32px
1795
- }
1796
-
1797
- .min-w-\\[40px\\] {
1798
- min-width: 40px
1799
- }
1800
-
1801
- .min-w-\\[44px\\] {
1802
- min-width: 44px
1803
- }
1804
-
1805
- .w-\\[--w-modal-width\\] {
1806
- width: var(--w-modal-width)
1807
- }
1808
-
1809
- .w-\\[14px\\] {
1810
- width: 14px
1811
- }
1812
-
1813
- .w-\\[16px\\] {
1814
- width: 16px
1815
- }
1816
-
1817
- .space-x-8 > :not([hidden]) ~ :not([hidden]) {
1818
- --w-space-x-reverse: 0;
1819
- margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));
1820
- margin-right: calc(.8rem * var(--w-space-x-reverse))
1821
- }
1822
-
1823
- .space-y-16 > :not([hidden]) ~ :not([hidden]) {
1824
- --w-space-y-reverse: 0;
1825
- margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));
1826
- margin-bottom: calc(1.6rem * var(--w-space-y-reverse))
1827
- }
1828
-
1829
- .m-0 {
1830
- margin: 0rem
1831
- }
1832
-
1833
- .m-auto {
1834
- margin: auto
1835
- }
1836
-
1837
- .-mx-16 {
1838
- margin-left: -1.6rem;
1839
- margin-right: -1.6rem
1840
- }
1841
-
1842
- .mx-0 {
1843
- margin-left: 0rem;
1844
- margin-right: 0rem
1845
- }
1846
-
1847
- .mx-8 {
1848
- margin-left: .8rem;
1849
- margin-right: .8rem
1850
- }
1851
-
1852
- .mx-auto {
1853
- margin-left: auto;
1854
- margin-right: auto
1855
- }
1856
-
1857
- .-mb-1 {
1858
- margin-bottom: -.1rem
1859
- }
1860
-
1861
- .-ml-8 {
1862
- margin-left: -.8rem
1863
- }
1864
-
1865
- .-mr-1 {
1866
- margin-right: -.1rem
1867
- }
1868
-
1869
- .-mr-8 {
1870
- margin-right: -.8rem
1871
- }
1872
-
1873
- .-mt-2 {
1874
- margin-top: -.2rem
1875
- }
1876
-
1877
- .-mt-4 {
1878
- margin-top: -.4rem
1879
- }
1880
-
1881
- .last-child\\:mb-0 > :last-child, .mb-0 {
1882
- margin-bottom: 0rem
1883
- }
1884
-
1885
- .mb-32 {
1886
- margin-bottom: 3.2rem
1887
- }
1888
-
1889
- .ml-8 {
1890
- margin-left: .8rem
1891
- }
1892
-
1893
- .ml-auto {
1894
- margin-left: auto
1895
- }
1896
-
1897
- .mr-8 {
1898
- margin-right: .8rem
1899
- }
1900
-
1901
- .mt-16 {
1902
- margin-top: 1.6rem
1903
- }
1904
-
1905
- .mt-4 {
1906
- margin-top: .4rem
1907
- }
1908
-
1909
- .group:not(:first-child) .group-not-first\\:-ml-2 {
1910
- margin-left: -.2rem
1911
- }
1912
-
1913
- .last\\:mb-0:last-child {
1914
- margin-bottom: 0rem
1915
- }
1916
-
1917
- .last\\:mr-0:last-child {
1918
- margin-right: 0rem
1919
- }
1920
-
1921
- .m-\\[8px\\] {
1922
- margin: 8px
1923
- }
1924
-
1925
- .p-0 {
1926
- padding: 0rem
1927
- }
1928
-
1929
- .p-16 {
1930
- padding: 1.6rem
1931
- }
1932
-
1933
- .p-4 {
1934
- padding: .4rem
1935
- }
1936
-
1937
- .p-8 {
1938
- padding: .8rem
1939
- }
1940
-
1941
- .px-0 {
1942
- padding-left: 0rem;
1943
- padding-right: 0rem
1944
- }
1945
-
1946
- .px-1 {
1947
- padding-left: .1rem;
1948
- padding-right: .1rem
1949
- }
1950
-
1951
- .px-12 {
1952
- padding-left: 1.2rem;
1953
- padding-right: 1.2rem
1954
- }
1955
-
1956
- .px-14 {
1957
- padding-left: 1.4rem;
1958
- padding-right: 1.4rem
1959
- }
1960
-
1961
- .px-16 {
1962
- padding-left: 1.6rem;
1963
- padding-right: 1.6rem
1964
- }
1965
-
1966
- .px-8 {
1967
- padding-left: .8rem;
1968
- padding-right: .8rem
1969
- }
1970
-
1971
- .py-0 {
1972
- padding-top: 0rem;
1973
- padding-bottom: 0rem
1974
- }
1975
-
1976
- .py-1 {
1977
- padding-top: .1rem;
1978
- padding-bottom: .1rem
1979
- }
1980
-
1981
- .py-10 {
1982
- padding-top: 1rem;
1983
- padding-bottom: 1rem
1984
- }
1985
-
1986
- .py-12 {
1987
- padding-top: 1.2rem;
1988
- padding-bottom: 1.2rem
1989
- }
1990
-
1991
- .py-2 {
1992
- padding-top: .2rem;
1993
- padding-bottom: .2rem
1994
- }
1995
-
1996
- .py-4 {
1997
- padding-top: .4rem;
1998
- padding-bottom: .4rem
1999
- }
2000
-
2001
- .py-6 {
2002
- padding-top: .6rem;
2003
- padding-bottom: .6rem
2004
- }
2005
-
2006
- .py-8 {
2007
- padding-top: .8rem;
2008
- padding-bottom: .8rem
2009
- }
2010
-
2011
- .pb-0 {
2012
- padding-bottom: 0rem
2013
- }
2014
-
2015
- .pb-32 {
2016
- padding-bottom: 3.2rem
2017
- }
2018
-
2019
- .pb-4 {
2020
- padding-bottom: .4rem
2021
- }
2022
-
2023
- .pb-8 {
2024
- padding-bottom: .8rem
2025
- }
2026
-
2027
- .pl-0 {
2028
- padding-left: 0rem
2029
- }
2030
-
2031
- .pl-1 {
2032
- padding-left: .1rem
2033
- }
2034
-
2035
- .pl-12 {
2036
- padding-left: 1.2rem
2037
- }
2038
-
2039
- .pl-28 {
2040
- padding-left: 2.8rem
2041
- }
2042
-
2043
- .pl-4 {
2044
- padding-left: .4rem
2045
- }
2046
-
2047
- .pl-8 {
2048
- padding-left: .8rem
2049
- }
2050
-
2051
- .pr-12 {
2052
- padding-right: 1.2rem
2053
- }
2054
-
2055
- .pr-14 {
2056
- padding-right: 1.4rem
2057
- }
2058
-
2059
- .pr-2 {
2060
- padding-right: .2rem
2061
- }
2062
-
2063
- .pr-32 {
2064
- padding-right: 3.2rem
2065
- }
2066
-
2067
- .pr-40 {
2068
- padding-right: 4rem
2069
- }
2070
-
2071
- .pt-0 {
2072
- padding-top: 0rem
2073
- }
2074
-
2075
- .pt-1 {
2076
- padding-top: .1rem
2077
- }
2078
-
2079
- .pt-16 {
2080
- padding-top: 1.6rem
2081
- }
2082
-
2083
- .pt-24 {
2084
- padding-top: 2.4rem
2085
- }
2086
-
2087
- .pt-8 {
2088
- padding-top: .8rem
2089
- }
2090
-
2091
- .group\\/step:last-child .group-last\\/step\\:last\\:pb-0:last-child {
2092
- padding-bottom: 0rem
2093
- }
2094
-
2095
- .last\\:pb-1:last-child {
2096
- padding-bottom: .1rem
2097
- }
2098
-
2099
- .last\\:pr-1:last-child {
2100
- padding-right: .1rem
2101
- }
2102
-
2103
- .p-\\[8px\\] {
2104
- padding: 8px
2105
- }
2106
-
2107
- .px-\\[15px\\] {
2108
- padding-left: 15px;
2109
- padding-right: 15px
2110
- }
2111
-
2112
- .px-\\[8px\\] {
2113
- padding-left: 8px;
2114
- padding-right: 8px
2115
- }
2116
-
2117
- .py-\\[11px\\] {
2118
- padding-top: 11px;
2119
- padding-bottom: 11px
2120
- }
2121
-
2122
- .py-\\[5px\\] {
2123
- padding-top: 5px;
2124
- padding-bottom: 5px
2125
- }
2126
-
2127
- .py-\\[7px\\] {
2128
- padding-top: 7px;
2129
- padding-bottom: 7px
2130
- }
2131
-
2132
- .pl-\\[var\\(--w-prefix-width\\,_40px\\)\\] {
2133
- padding-left: var(--w-prefix-width, 40px)
2134
- }
2135
-
2136
- .invisible {
2137
- visibility: hidden
2138
- }
2139
-
2140
- .backface-hidden {
2141
- backface-visibility: hidden
2142
- }
2143
-
2144
- .break-words {
2145
- overflow-wrap: break-word
2146
- }
2147
-
2148
- .before\\:content-\\[\\"–\\"\\]:before {
2149
- content: "–"
2150
- }
2151
-
2152
- .before\\:content-\\[\\"\\"\\]:before {
2153
- content: ""
2154
- }
2155
-
2156
- .cursor-default {
2157
- cursor: default
2158
- }
2159
-
2160
- .cursor-pointer {
2161
- cursor: pointer
2162
- }
2163
-
2164
- .antialiased {
2165
- -webkit-font-smoothing: antialiased;
2166
- -moz-osx-font-smoothing: grayscale;
2167
- font-smoothing: grayscale
2168
- }
2169
-
2170
- .font-bold {
2171
- font-weight: 700
2172
- }
2173
-
2174
- .before\\:font-bold:before {
2175
- font-weight: 700
2176
- }
2177
-
2178
- .font-normal {
2179
- font-weight: 400
2180
- }
2181
-
2182
- .pointer-events-auto {
2183
- pointer-events: auto
2184
- }
2185
-
2186
- .pointer-events-none {
2187
- pointer-events: none
2188
- }
2189
-
2190
- .before\\:pointer-events-none:before {
2191
- pointer-events: none
2192
- }
2193
-
2194
- .pb-safe-\\[32\\] {
2195
- padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))
2196
- }
2197
-
2198
- .sr-only {
2199
- position: absolute;
2200
- width: 1px;
2201
- height: 1px;
2202
- padding: 0;
2203
- margin: -1px;
2204
- overflow: hidden;
2205
- clip: rect(0, 0, 0, 0);
2206
- white-space: nowrap;
2207
- border-width: 0
2208
- }
2209
-
2210
- .touch-pan-y {
2211
- touch-action: pan-y
2212
- }
2213
-
2214
- .select-none {
2215
- -webkit-user-select: none;
2216
- user-select: none
2217
- }
2218
-
2219
- .translate-x-20 {
2220
- --w-translate-x: 2rem;
2221
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2222
- }
2223
-
2224
- .translate-z-0 {
2225
- --w-translate-z: 0rem;
2226
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2227
- }
2228
-
2229
- .-rotate-180, .part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part) {
2230
- --w-rotate-x: 0;
2231
- --w-rotate-y: 0;
2232
- --w-rotate-z: 0;
2233
- --w-rotate: -180deg;
2234
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2235
- }
2236
-
2237
- .part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {
2238
- --w-rotate-x: 0;
2239
- --w-rotate-y: 0;
2240
- --w-rotate-z: 0;
2241
- --w-rotate: 180deg;
2242
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2243
- }
2244
-
2245
- .rotate-90 {
2246
- --w-rotate-x: 0;
2247
- --w-rotate-y: 0;
2248
- --w-rotate-z: 0;
2249
- --w-rotate: 90deg;
2250
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2251
- }
2252
-
2253
- .part-\\[w-icon-chevron-down-16-part\\]\\:transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part), .transform {
2254
- transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2255
- }
2256
-
2257
- .part-\\[w-icon-chevron-down-16-part\\]\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {
2258
- transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
2259
- }
2260
-
2261
- .part-\\[w-icon-chevron-down-16-part\\]\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {
2262
- transition-property: transform;
2263
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2264
- transition-duration: .15s
2265
- }
2266
-
2267
- .transition-300 {
2268
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2269
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2270
- transition-duration: .3s
2271
- }
2272
-
2273
- .transition-all {
2274
- transition-property: all;
2275
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2276
- transition-duration: .15s
2277
- }
2278
-
2279
- .transition-colors {
2280
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2281
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2282
- transition-duration: .15s
2283
- }
2284
-
2285
- .transition-shadow {
2286
- transition-property: box-shadow;
2287
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2288
- transition-duration: .15s
2289
- }
2290
-
2291
- .before\\:transition-all:before {
2292
- transition-property: all;
2293
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2294
- transition-duration: .15s
2295
- }
2296
-
2297
- .duration-300 {
2298
- transition-duration: .3s
2299
- }
2300
-
2301
- .ease-in-out, .part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:ease-in-out::part(w-icon-chevron-up-16-part) {
2302
- transition-timing-function: cubic-bezier(.4, 0, .2, 1)
2303
- }
2304
-
2305
- .text-m {
2306
- font-size: var(--w-font-size-m);
2307
- line-height: var(--w-line-height-m)
2308
- }
2309
-
2310
- .text-s {
2311
- font-size: var(--w-font-size-s);
2312
- line-height: var(--w-line-height-s)
2313
- }
2314
-
2315
- .text-xs {
2316
- font-size: var(--w-font-size-xs);
2317
- line-height: var(--w-line-height-xs)
2318
- }
2319
-
2320
- .leading-m {
2321
- line-height: var(--w-line-height-m)
2322
- }
2323
-
2324
- .before\\:leading-xs:before {
2325
- line-height: var(--w-line-height-xs)
2326
- }
2327
-
2328
- .leading-\\[24\\] {
2329
- line-height: 2.4rem
2330
- }
2331
-
2332
- @media (max-width: 479.9px) {
2333
- .lt-sm\\:rounded-b-0 {
2334
- border-bottom-left-radius: 0;
2335
- border-bottom-right-radius: 0
2336
- }
2337
- }
2338
- @media (min-width: 480px) {
2339
- .sm\\:border-b-0 {
2340
- border-bottom-width: 0
2341
- }
2342
-
2343
- .sm\\:rounded-8 {
2344
- border-radius: 8px
2345
- }
2346
-
2347
- .sm\\:rounded-b-8 {
2348
- border-bottom-left-radius: 8px;
2349
- border-bottom-right-radius: 8px
2350
- }
2351
-
2352
- .sm\\:gap-16 {
2353
- gap: 1.6rem
2354
- }
2355
-
2356
- .sm\\:place-content-center {
2357
- place-content: center
2358
- }
2359
-
2360
- .sm\\:place-items-center {
2361
- place-items: center
2362
- }
2363
-
2364
- .sm\\:h-24 {
2365
- height: 2.4rem
2366
- }
2367
-
2368
- .sm\\:min-h-48 {
2369
- min-height: 4.8rem
2370
- }
2371
-
2372
- .sm\\:w-24 {
2373
- width: 2.4rem
2374
- }
2375
-
2376
- .sm\\:min-h-\\[32px\\] {
2377
- min-height: 32px
2378
- }
2379
-
2380
- .sm\\:min-h-\\[44px\\] {
2381
- min-height: 44px
2382
- }
2383
-
2384
- .sm\\:min-h-\\[45\\] {
2385
- min-height: 4.5rem
2386
- }
2387
-
2388
- .sm\\:min-w-\\[32px\\] {
2389
- min-width: 32px
2390
- }
2391
-
2392
- .sm\\:min-w-\\[44px\\] {
2393
- min-width: 44px
2394
- }
2395
-
2396
- .sm\\:mx-0 {
2397
- margin-left: 0rem;
2398
- margin-right: 0rem
2399
- }
2400
-
2401
- .sm\\:mx-16 {
2402
- margin-left: 1.6rem;
2403
- margin-right: 1.6rem
2404
- }
2405
-
2406
- .sm\\:-ml-12 {
2407
- margin-left: -1.2rem
2408
- }
2409
-
2410
- .sm\\:-mr-12 {
2411
- margin-right: -1.2rem
2412
- }
2413
-
2414
- .sm\\:-mt-8 {
2415
- margin-top: -.8rem
2416
- }
2417
-
2418
- .sm\\:px-32 {
2419
- padding-left: 3.2rem;
2420
- padding-right: 3.2rem
2421
- }
2422
-
2423
- .sm\\:py-0 {
2424
- padding-top: 0rem;
2425
- padding-bottom: 0rem
2426
- }
2427
-
2428
- .sm\\:pb-32 {
2429
- padding-bottom: 3.2rem
2430
- }
2431
-
2432
- .sm\\:pt-24 {
2433
- padding-top: 2.4rem
91
+ return weekIntervals;
92
+ }
93
+ resetFormControl() {
94
+ this.value = this.#initialValue;
95
+ }
96
+ async #toggleCalendarOpen(e) {
97
+ e.preventDefault();
98
+ this.isCalendarOpen = !this.isCalendarOpen;
99
+ if (this.isCalendarOpen) {
100
+ // Move into the calendar and announce the availability
101
+ // of the calendar grid to screen reader users.
102
+ await this.updateComplete;
103
+ (this.selectedCell || this.todayCell).focus();
104
+ }
105
+ }
106
+ #nextMonth() {
107
+ this.navigationDate = addMonths(this.month, 1);
108
+ }
109
+ #previousMonth() {
110
+ this.navigationDate = subMonths(this.month, 1);
111
+ }
112
+ async #dispatchChangeEvent() {
113
+ // Let Lit finish rendering the updated value for the input field so
114
+ // the `event.target.value` is correct.
115
+ await this.updateComplete;
116
+ this.input.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
117
+ }
118
+ /**
119
+ * We can't use private fields (`#` prefix) for this method
120
+ * since we can't overwrite private field methods. We need
121
+ * to `.bind(this)` in the constructor because we need one
122
+ * stable method handler we can register and unregister on
123
+ * `document`, that has access to this specific instance
124
+ * of WarpDatepicker to control the calendar.
125
+ * @internal
126
+ */
127
+ _onClickOutside(e) {
128
+ if (!this.isCalendarOpen) {
129
+ return;
130
+ }
131
+ const isInsideDatePicker = this.contains(e.target);
132
+ if (isInsideDatePicker) {
133
+ return;
134
+ }
135
+ this.isCalendarOpen = false;
136
+ }
137
+ #onInput(e) {
138
+ this.value = e.target.value;
139
+ }
140
+ #onInputClick(e) {
141
+ // stop Safari on macOS from showing the native calendar
142
+ e.preventDefault();
143
+ this.isCalendarOpen = true;
144
+ }
145
+ #onInputKeyDown(e) {
146
+ if (e.key === ' ')
147
+ return this.#toggleCalendarOpen(e);
148
+ if (e.key === ',' || e.key === 'Enter') {
149
+ e.preventDefault();
150
+ }
151
+ }
152
+ async #onCalendarKeyDown(e) {
153
+ const navigationDate = this.navigationDate;
154
+ let newNavigationDate;
155
+ switch (e.key) {
156
+ case 'ArrowUp':
157
+ newNavigationDate = subDays(navigationDate, 7);
158
+ break;
159
+ case 'ArrowLeft':
160
+ newNavigationDate = subDays(navigationDate, 1);
161
+ break;
162
+ case 'Home':
163
+ newNavigationDate = startOfWeek(navigationDate, { locale: this.locale });
164
+ break;
165
+ case 'PageUp':
166
+ newNavigationDate = subMonths(navigationDate, 1);
167
+ break;
168
+ case 'ArrowDown':
169
+ newNavigationDate = addDays(navigationDate, 7);
170
+ break;
171
+ case 'ArrowRight':
172
+ newNavigationDate = addDays(navigationDate, 1);
173
+ break;
174
+ case 'End':
175
+ newNavigationDate = endOfWeek(navigationDate, { locale: this.locale });
176
+ break;
177
+ case 'PageDown':
178
+ newNavigationDate = addMonths(navigationDate, 1);
179
+ break;
180
+ case 'Escape':
181
+ this.isCalendarOpen = false;
182
+ break;
183
+ case 'Tab':
184
+ if (e.target.tagName === 'TD' && !e.shiftKey) {
185
+ // If Tab and no Shift we are about to leave the modal and should move focus
186
+ // to the Previous month button. If Shift is held, proceed as normal.
187
+ e.preventDefault();
188
+ this.previousMonthButton.focus();
2434
189
  }
2435
-
2436
- .sm\\:pt-32 {
2437
- padding-top: 3.2rem
190
+ else if (e.target.id === previousMonthButtonId && e.shiftKey) {
191
+ // If we're holding Shift and pressing Tab we are moving back in the focus
192
+ // order. If we're about to leave the previous month button (the first focusable
193
+ // element in the modal), move the focus to the last focusable element, which
194
+ // is the current navigation date in the calendar grid.
195
+ e.preventDefault();
196
+ (this.selectedCell || this.todayCell).focus();
2438
197
  }
198
+ break;
199
+ }
200
+ if (newNavigationDate) {
201
+ // prevent scrolling the viewport
202
+ e.preventDefault();
203
+ this.navigationDate = newNavigationDate;
204
+ // move keyboard focus once Lit has rendered an updated `data-navigation`
205
+ // based on this.navigationDate
206
+ await this.updateComplete;
207
+ this.selectedCell.focus();
208
+ }
209
+ }
210
+ #onCalendarSelect(event) {
211
+ // Clicks can hit the `<div>` inside the `<td>`, so look at
212
+ // currentTarget (where the listener is registered) to get
213
+ // the `<td>` consistently.
214
+ const isoDate = event.currentTarget.dataset.date;
215
+ if ('key' in event) {
216
+ if (event.key === 'Enter' || event.key === ' ') {
217
+ // Prevents whitespace from being added to the input field
218
+ event.preventDefault();
219
+ this.value = isoDate;
220
+ this.isCalendarOpen = false;
221
+ this.toggleButton.focus();
222
+ this.#dispatchChangeEvent();
2439
223
  }
2440
- @media (min-width: 768px) {
2441
- .md\\:block {
2442
- display: block
2443
- }
2444
-
2445
- .md\\:hidden {
2446
- display: none
2447
- }
224
+ }
225
+ else {
226
+ this.value = isoDate;
227
+ this.isCalendarOpen = false;
228
+ this.#dispatchChangeEvent();
229
+ }
230
+ }
231
+ constructor() {
232
+ super();
233
+ /**
234
+ * Decides the format of the date as shown in the calendar header.
235
+ *
236
+ * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
237
+ */
238
+ this.headerFormat = 'MMMM yyyy';
239
+ /**
240
+ * Decides the format of the weekday as shown above the grid of dates in the calendar.
241
+ *
242
+ * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
243
+ */
244
+ this.weekdayFormat = 'EEEEEE';
245
+ /**
246
+ * Decides the format of the day in the calendar as read to screen readers.
247
+ *
248
+ * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
249
+ */
250
+ this.dayFormat = 'PPPP';
251
+ this.isCalendarOpen = false;
252
+ this.navigationDate = startOfToday();
253
+ /** @internal This gets picked up by the custom element manifest analyzer as a property for some reason */
254
+ this.locale = enGB;
255
+ // capture the initial value using connectedCallback and #initialValue
256
+ this.#initialValue = null;
257
+ activateI18n(enMessages, nbMessages, fiMessages, daMessages, svMessages);
258
+ const lang = detectLocale();
259
+ if (lang && datefnsLocale[lang]) {
260
+ this.locale = datefnsLocale[lang];
261
+ }
262
+ this._onClickOutside = this._onClickOutside.bind(this);
263
+ }
264
+ connectedCallback() {
265
+ super.connectedCallback();
266
+ this.#initialValue = this.value;
267
+ // Local lang attribute takes precedence
268
+ const lang = this.lang;
269
+ if (lang && datefnsLocale[lang]) {
270
+ this.locale = datefnsLocale[lang];
271
+ }
272
+ if (this.value) {
273
+ const iso = fromISOToDate(this.value);
274
+ if (iso) {
275
+ this.navigationDate = iso;
2448
276
  }
2449
- `;var Br=JSON.parse('{"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"]}');var Kr=JSON.parse('{"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"]}');var Qr=JSON.parse('{"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"]}');var Jr=JSON.parse('{"datepicker.toggle.changeDate":["Endre dato, ",["currentDate"]],"datepicker.toggle.chooseDate":["Velg dato"],"datepicker.calendar.roleDescription":["datovelger"],"datepicker.calendar.nextMonth":["G\xE5 til neste m\xE5ned"],"datepicker.calendar.previousMonth":["G\xE5 til forrige m\xE5ned"]}');var Ur=JSON.parse('{"datepicker.toggle.changeDate":["Change date, ",["currentDate"]],"datepicker.toggle.chooseDate":["Choose date"],"datepicker.calendar.roleDescription":["Date picker"],"datepicker.calendar.nextMonth":["Next month"],"datepicker.calendar.previousMonth":["Previous month"]}');import{css as as}from"lit";var Gr=as`
2450
- /* CustomDatePicker.css */
2451
-
2452
- /* container */
2453
- .w-datepicker-wrapper {
2454
- position: relative;
2455
- display: inline-block;
2456
- width: 100%;
2457
- font-size: var(--w-font-size-m);
2458
- line-height: var(--w-line-height-m);
2459
- }
2460
- .w-datepicker-input-wrapper {
2461
- position: relative;
2462
- }
2463
- /* hide the browser’s calendar icon, and prevent the native popup */
2464
- .w-datepicker-input {
2465
- /* remove default arrows/appearance */
2466
- -webkit-appearance: none;
2467
- -moz-appearance: textfield;
2468
- appearance: none;
2469
-
2470
- /* basic styling */
2471
- display: block;
2472
- padding: 1.2rem 0.8rem;
2473
- border: 1px solid #ccc;
2474
- border-radius: 4px;
2475
- width: 100%;
2476
- height: 48px;
2477
- cursor: pointer;
2478
- font-size: var(--w-font-size-m);
2479
- line-height: var(--w-line-height-m);
2480
- background-color: var(--w-s-color-background);
2481
- }
2482
- .w-datepicker-input:hover {
2483
- border-color: var(--w-s-color-border-hover);
2484
- }
2485
- .w-datepicker-input:active {
2486
- border-color: var(--w-s-color-border-selected);
2487
- }
2488
-
2489
- .w-datepicker-input:focus,
2490
- .w-datepicker-input:focus-visible {
2491
- outline: 2px solid var(--w-s-color-border-focus);
2492
- outline-offset: -2px;
2493
- }
2494
-
2495
- .w-datepicker-input-label {
2496
- font-size: var(--w-font-size-s);
2497
- line-height: var(--w-line-height-s);
2498
- font-weight: 700;
2499
- cursor: pointer;
2500
- padding-bottom: 0.4rem;
2501
- color: var(--w-s-color-text);
2502
- display: block;
2503
- }
2504
-
2505
- /* custom calendar button */
2506
- .w-datepicker-button {
2507
- position: absolute;
2508
- right: 2px;
2509
- top: 2px;
2510
- height: 44px;
2511
- width: 44px !important;
2512
- border-radius: 2px !important;
2513
- border: none;
2514
- cursor: pointer;
2515
- pointer-events: auto; /* override parent’s none */
2516
- }
2517
-
2518
- .w-datepicker-button:not(:hover) {
2519
- background-color: var(--w-s-color-background) !important;
2520
- }
2521
-
2522
- input[type='date']::-webkit-inner-spin-button,
2523
- input[type='date']::-webkit-calendar-picker-indicator {
2524
- display: none;
2525
- -webkit-appearance: none;
2526
- }
2527
- input[type='date'],
2528
- input[type='time'],
2529
- input[type='datetime-local'],
2530
- input[type='month'] {
2531
- -webkit-appearance: none;
2532
- -moz-appearance: none;
2533
- appearance: none;
2534
- }
2535
- /* Temporary dropdown, should probably use the appropriate component when it is done */
2536
- .w-dropdown__popover {
2537
- position: absolute;
2538
- width: max-content;
2539
- background-color: var(--w-s-color-background);
2540
- box-shadow: var(--w-shadow-s);
2541
- z-index: 100;
2542
- border-radius: 8px;
2543
- visibility: hidden;
2544
- }
2545
- .w-dropdown__popover--open {
2546
- visibility: visible;
2547
- }
2548
- `;import{css as os}from"lit";var Zr=os`
2549
- .w-datepicker__calendar {
2550
- --_calendar-border-color: var(--calendar-border-color, initial);
2551
- --_calendar-border-style: var(--calendar-border-style, none);
2552
- --_calendar-border-width: var(--calendar-border-width, 0);
2553
- --_calendar-border-radius: var(--calendar-border-radius, 0);
2554
- position: relative;
2555
- z-index: 30;
2556
-
2557
- border: var(--_calendar-border-width) var(--_calendar-border-style) var(--_calendar-border-color);
2558
- border-radius: var(--_calendar-border-radius);
2559
- padding: 16px;
2560
- }
2561
- `;import{css as ns}from"lit";var ea=ns`
2562
- /* === Day Cell === */
2563
- .w-datepicker__day {
2564
- /* No longer in use? */
2565
- --_day-in-range-background: var(--day-in-range-background, var(--w-s-color-background-primary-subtle-active));
2566
-
2567
- text-align: center;
2568
- cursor: pointer;
2569
- outline: none;
2570
- position: relative;
2571
-
2572
- color: var(--day-color, var(--w-s-color-text));
2573
- background-color: var(--day-background, transparent);
2574
- width: var(--day-width, 40px);
2575
- height: var(--day-height, 40px);
2576
- padding: var(--day-padding, 0);
2577
- font-weight: var(--day-font-weight, normal);
2578
- font-size: var(--w-font-size-s);
2579
- line-height: var(--w-line-height-s);
2580
- border-radius: var(--day-border-radius, 50%);
2581
- }
2582
-
2583
- .w-datepicker__day:hover {
2584
- --day-color: var(--w-s-color-text);
2585
- --day-background: var(--w-s-color-background-hover);
2586
- --day-border-radius: 50%;
2587
- }
2588
- .w-datepicker__day:active {
2589
- --day-color: var(--w-s-color-text);
2590
- --day-background: var(--w-s-color-background-active);
2591
- --day-border-radius: 50%;
2592
- }
2593
-
2594
- .w-datepicker__day:focus-visible {
2595
- text-decoration: none;
2596
- outline: 2px solid var(--w-s-color-border-focus);
2597
- outline-offset: var(--w-outline-offset, -2px);
2598
- }
2599
-
2600
- /* === Day variants === */
2601
- .w-datepicker__day--today {
2602
- --day-font-weight: bold;
2603
- }
2604
-
2605
- .w-datepicker__day--selected {
2606
- --day-background: var(--w-s-color-background-primary);
2607
- --day-color: var(--w-s-color-text-inverted);
2608
- --day-font-weight: bold;
2609
- }
2610
- .w-datepicker__day--selected:hover,
2611
- .w-datepicker__day--selected:focus-visible {
2612
- --day-background: var(--w-s-color-background-primary-hover);
2613
- --day-color: var(--w-s-color-text-inverted);
2614
- --day-font-weight: bold;
2615
- }
2616
-
2617
- .w-datepicker__day--disabled,
2618
- .w-datepicker__day--disabled:hover {
2619
- --day-color: var(--w-s-color-text-disabled);
2620
- cursor: not-allowed;
2621
- pointer-events: none;
2622
- }
2623
- `;import{css as is}from"lit";var ta=is`
2624
- .w-datepicker__month {
2625
- /* Sets default used in the day fragment */
2626
- --day-width: 40px;
2627
-
2628
- --_month-color: var(--month-color, var(--w-s-color-text));
2629
- --_month-font-size: var(--month-font-size, var(--w-font-size-m));
2630
- --_month-line-height: var(--month-line-height, var(--w-line-height-m));
2631
-
2632
- --_month-table-min-width: var(--month-table-min-width, calc(var(--day-width) * 7));
2633
-
2634
- --_weekdays-font-size: var(--weekdays-font-size, var(--w-font-size-xs));
2635
- --_weekdays-line-height: var(--weekdays-font-size, var(--w-line-height-xs));
2636
- --_weekdays-font-weight: var(--weekdays-font-weight, bold);
2637
-
2638
- --_weekdays-padding: var(--weekdays-padding, 8px 0 4px 0);
2639
-
2640
- text-align: center;
2641
- user-select: none;
2642
- display: inline-block;
2643
-
2644
- color: var(--_month-color);
2645
- font-size: var(--_month-font-size);
2646
- line-height: var(--_month-line-height);
2647
- }
2648
-
2649
- .w-datepicker__month__nav {
2650
- margin: 0 0 8px 0;
2651
- }
2652
-
2653
- .w-datepicker__month__nav__header {
2654
- text-align: center;
2655
- font-weight: Bold;
2656
- }
2657
-
2658
- .w-datepicker__table {
2659
- width: 100%;
2660
- border-spacing: 0;
2661
- border-collapse: collapse;
2662
- display: block;
2663
- min-width: var(--_month-table-min-width);
2664
- padding-top: 8px;
2665
- }
2666
-
2667
- .w-datepicker__weekday {
2668
- text-align: center;
2669
- font-size: var(--_weekdays-font-size);
2670
- line-height: var(--_weekdays-line-height);
2671
- font-weight: var(--_weekdays-font-weight);
2672
- padding: var(--_weekdays-padding);
2673
- }
2674
-
2675
- .w-datepicker__month-nav {
2676
- display: flex;
2677
- align-items: center;
2678
- justify-content: space-between;
2679
- width: 100%;
2680
- }
2681
-
2682
- .w-datepicker__month__nav__button {
2683
- flex-shrink: 0;
2684
- }
2685
-
2686
- .w-datepicker__month__nav__header {
2687
- flex: 1;
2688
- display: flex;
2689
- align-items: center;
2690
- justify-content: center;
2691
- text-align: center;
2692
- }
2693
- `;var ss=/^\d{4}-\d{2}-\d{2}$/;function it(r){if(typeof r!="string")return null;let e=r;ss.test(r)&&(e=`${r}T00:00:00Z`);let t=Date.parse(e);return Number.isNaN(t)?null:new Date(t)}var cs=typeof navigator!="undefined"?navigator.userAgent:"",us=/iP(hone|od|ad)/.test(cs),ms=us?"text":"date",ge="calendar",dt="input",lt="toggle",aa="wrapper",Te="previous",ze={en:et,nb:Pr,sv:Fr,da:dr,fi:kr},pe,P,ct,oa,na,ut,ia,sa,da,la,mt,M=class extends Ct(ra){constructor(){super();He(this,P);this.headerFormat="MMMM yyyy";this.weekdayFormat="EEEEEE";this.dayFormat="PPPP";this.isCalendarOpen=!1;this.navigationDate=rr();this.locale=et;He(this,pe,null);Xr(Kr,Jr,Qr,Br,Ur);let t=nt();t&&ze[t]&&(this.locale=ze[t]),this._onClickOutside=this._onClickOutside.bind(this)}get selectedDate(){var t;return(t=it(this.value))!=null?t:null}get month(){return me(this.navigationDate)}get weeks(){let t=this.month,a=this.navigationDate,n=Nt({start:me(t),end:tr(t)},{locale:this.locale}).map(i=>({start:i,end:Be(i,{locale:this.locale})})).map(i=>jt(i));if(Je(a,t)){let i=er(a,{locale:this.locale})-1,s=xe(a,L(a,{locale:this.locale}));n[i][s]=a}return n}resetFormControl(){this.value=pt(this,pe)}_onClickOutside(t){!this.isCalendarOpen||this.contains(t.target)||(this.isCalendarOpen=!1)}connectedCallback(){super.connectedCallback(),bt(this,pe,this.value);let t=this.lang;if(t&&ze[t]&&(this.locale=ze[t]),this.value){let a=it(this.value);a&&(this.navigationDate=a)}document.addEventListener("mousedown",this._onClickOutside),document.addEventListener("touchend",this._onClickOutside),document.addEventListener("focusin",this._onClickOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onClickOutside),document.removeEventListener("touchend",this._onClickOutside),document.removeEventListener("focusin",this._onClickOutside)}updated(t){t.has("value")&&this.setValue(this.value)}render(){return fe`
2694
- <div class="w-datepicker-wrapper" id="${aa}">
2695
- <label class="w-datepicker-input-label" for="${dt}">${this.label}</label>
277
+ }
278
+ document.addEventListener('mousedown', this._onClickOutside);
279
+ document.addEventListener('touchend', this._onClickOutside);
280
+ document.addEventListener('focusin', this._onClickOutside);
281
+ }
282
+ disconnectedCallback() {
283
+ super.disconnectedCallback();
284
+ document.removeEventListener('mousedown', this._onClickOutside);
285
+ document.removeEventListener('touchend', this._onClickOutside);
286
+ document.removeEventListener('focusin', this._onClickOutside);
287
+ }
288
+ updated(changedProperties) {
289
+ if (changedProperties.has('value')) {
290
+ // https://www.npmjs.com/package/@open-wc/form-control#setvalue
291
+ this.setValue(this.value);
292
+ }
293
+ }
294
+ render() {
295
+ return html `
296
+ <div class="w-datepicker-wrapper" id="${wrapperId}">
297
+ <label class="w-datepicker-input-label" for="${inputId}">${this.label}</label>
2696
298
  <div class="w-datepicker-input-wrapper">
2697
299
  <input
2698
- id="${dt}"
2699
- type="${ms}"
2700
- name="${st(this.name)}"
2701
- value="${st(this.value)}"
300
+ id="${inputId}"
301
+ type="${inputType}"
302
+ name="${ifDefined(this.name)}"
303
+ value="${ifDefined(this.value)}"
2702
304
  class="w-datepicker-input"
2703
- @click="${Y(this,P,sa)}"
2704
- @input="${Y(this,P,ia)}"
2705
- @keydown="${Y(this,P,da)}" />
305
+ @click="${this.#onInputClick}"
306
+ @input="${this.#onInput}"
307
+ @keydown="${this.#onInputKeyDown}" />
2706
308
  <w-button
2707
- aria-label="${this.value?_.t({id:"datepicker.toggle.changeDate",values:{currentDate:he(this.value,this.dayFormat)},message:"Change date, {currentDate}",comment:"Used by screen readers to describe the button that toggles open the calendar in a date picker when there is a selected date"}):_.t({id:"datepicker.toggle.chooseDate",message:"Choose date",comment:"Used by screen readers to describe the button that toggles open the calendar in a date picker when there is no selected date"})}"
2708
- aria-controls="${ge}"
309
+ aria-label="${this.value
310
+ ? i18n.t({
311
+ id: 'datepicker.toggle.changeDate',
312
+ values: { currentDate: format(this.value, this.dayFormat) },
313
+ message: 'Change date, {currentDate}',
314
+ comment: 'Used by screen readers to describe the button that toggles open the calendar in a date picker when there is a selected date',
315
+ })
316
+ : i18n.t({
317
+ id: 'datepicker.toggle.chooseDate',
318
+ message: 'Choose date',
319
+ comment: 'Used by screen readers to describe the button that toggles open the calendar in a date picker when there is no selected date',
320
+ })}"
321
+ aria-controls="${calendarId}"
2709
322
  class="w-datepicker-button"
2710
- data-testid="${lt}"
2711
- id="${lt}"
323
+ data-testid="${toggleButtonId}"
324
+ id="${toggleButtonId}"
2712
325
  variant="utility"
2713
326
  quiet
2714
327
  type="button"
2715
- @click="${Y(this,P,ct)}">
328
+ @click="${this.#toggleCalendarOpen}">
2716
329
  <w-icon-calendar-16></w-icon-calendar-16>
2717
330
  </w-button>
2718
331
  </div>
2719
332
  </div>
2720
- <div class="w-dropdown__popover w-dropdown__popover--open" style="${ls({display:this.isCalendarOpen?void 0:"none"})}">
333
+ <div class="w-dropdown__popover w-dropdown__popover--open" style="${styleMap({ display: this.isCalendarOpen ? undefined : 'none' })}">
2721
334
  <div
2722
- aria-label="${_.t({id:"datepicker.calendar.roleDescription",message:"Date picker",comment:"Used by screen readers to announce that the calendar element is a date picker."})}"
335
+ aria-label="${i18n.t({
336
+ id: 'datepicker.calendar.roleDescription',
337
+ message: 'Date picker',
338
+ comment: 'Used by screen readers to announce that the calendar element is a date picker.',
339
+ })}"
2723
340
  aria-modal="true"
2724
341
  role="dialog"
2725
342
  class="w-datepicker__calendar"
2726
- data-testid="${ge}"
2727
- id="${ge}"
2728
- @keydown="${Y(this,P,la)}">
343
+ data-testid="${calendarId}"
344
+ id="${calendarId}"
345
+ @keydown="${this.#onCalendarKeyDown}">
2729
346
  <div class="w-datepicker__month-nav">
2730
347
  <w-button
2731
- aria-label="${_.t({id:"datepicker.calendar.previousMonth",message:"Previous month",comment:"Screen reader label for the previous month button."})}"
348
+ aria-label="${i18n.t({
349
+ id: 'datepicker.calendar.previousMonth',
350
+ message: 'Previous month',
351
+ comment: 'Screen reader label for the previous month button.',
352
+ })}"
2732
353
  class="w-datepicker__month__nav__button"
2733
- id="${Te}"
2734
- data-testid="${Te}"
354
+ id="${previousMonthButtonId}"
355
+ data-testid="${previousMonthButtonId}"
2735
356
  variant="utility"
2736
357
  quiet
2737
358
  small
2738
- @click="${Y(this,P,na)}">
359
+ @click="${this.#previousMonth}">
2739
360
  <w-icon-chevron-left-16></w-icon-chevron-left-16>
2740
361
  </w-button>
2741
362
  <div aria-live="polite" class="w-datepicker__month__nav__header">
2742
- ${he(this.month,this.headerFormat,{locale:this.locale})}
363
+ ${format(this.month, this.headerFormat, { locale: this.locale })}
2743
364
  </div>
2744
365
  <w-button
2745
- aria-label="${_.t({id:"datepicker.calendar.nextMonth",message:"Next month",comment:"Screen reader label for the next month button."})}"
366
+ aria-label="${i18n.t({
367
+ id: 'datepicker.calendar.nextMonth',
368
+ message: 'Next month',
369
+ comment: 'Screen reader label for the next month button.',
370
+ })}"
2746
371
  class="w-datepicker__month__nav__button"
2747
- data-testid="${ge}-next"
372
+ data-testid="${calendarId}-next"
2748
373
  variant="utility"
2749
374
  quiet
2750
375
  small
2751
- @click="${Y(this,P,oa)}">
376
+ @click="${this.#nextMonth}">
2752
377
  <w-icon-chevron-right-16></w-icon-chevron-right-16>
2753
378
  </w-button>
2754
379
  </div>
@@ -2756,30 +381,112 @@ Please compile your catalog first.
2756
381
  <table class="w-datepicker__table" role="grid">
2757
382
  <thead class="w-datepicker__weekdays">
2758
383
  <tr>
2759
- ${this.weeks[0].map(t=>fe`<th class="w-datepicker__weekday">${he(t,this.weekdayFormat,{locale:this.locale})}</th> `)}
384
+ ${this.weeks[0].map((day) => html `<th class="w-datepicker__weekday">${format(day, this.weekdayFormat, { locale: this.locale })}</th> `)}
2760
385
  </tr>
2761
386
  </thead>
2762
387
  <tbody>
2763
- ${this.weeks.map(t=>fe`<tr>
2764
- ${t.map(a=>{if(!Je(this.month,a))return fe`<td></td>`;let o=this.isDayDisabled?this.isDayDisabled(a):!1,n=Me(a,this.selectedDate),i=a===this.navigationDate;return fe`<td
2765
- aria-current="${st(Ue(a)?"date":void 0)}"
2766
- aria-disabled="${o}"
2767
- aria-label="${he(a,this.dayFormat,{locale:this.locale})}"
2768
- aria-selected="${n}"
2769
- class="${ds({"w-datepicker__day":!0,"w-datepicker__day--today":Ue(a),"w-datepicker__day--selected":n,"w-datepicker__day--disabled":o,"w-datepicker__day--navigation":i})}"
2770
- data-navigation="${i}"
2771
- data-date="${Gt(a,{representation:"date"})}"
388
+ ${this.weeks.map((week) => html `<tr>
389
+ ${week.map((day) => {
390
+ if (!isSameMonth(this.month, day)) {
391
+ return html `<td></td>`;
392
+ }
393
+ const isDisabled = this.isDayDisabled ? this.isDayDisabled(day) : false;
394
+ const isSelected = isSameDay(day, this.selectedDate);
395
+ const isNavigationDate = day === this.navigationDate;
396
+ return html `<td
397
+ aria-current="${ifDefined(isToday(day) ? 'date' : undefined)}"
398
+ aria-disabled="${isDisabled}"
399
+ aria-label="${format(day, this.dayFormat, { locale: this.locale })}"
400
+ aria-selected="${isSelected}"
401
+ class="${classMap({
402
+ 'w-datepicker__day': true,
403
+ 'w-datepicker__day--today': isToday(day),
404
+ 'w-datepicker__day--selected': isSelected,
405
+ 'w-datepicker__day--disabled': isDisabled,
406
+ 'w-datepicker__day--navigation': isNavigationDate,
407
+ })}"
408
+ data-navigation="${isNavigationDate}"
409
+ data-date="${formatISO(day, { representation: 'date' })}"
2772
410
  role="gridcell"
2773
- tabindex="${i?0:-1}"
2774
- @click="${o?void 0:Y(this,P,mt)}"
2775
- @keydown="${o?void 0:Y(this,P,mt)}">
2776
- <div>${Ee(a)}</div>
2777
- </td>`})}
411
+ tabindex="${isNavigationDate ? 0 : -1}"
412
+ @click="${isDisabled ? undefined : this.#onCalendarSelect}"
413
+ @keydown="${isDisabled ? undefined : this.#onCalendarSelect}">
414
+ <div>${getDate(day)}</div>
415
+ </td>`;
416
+ })}
2778
417
  </tr>`)}
2779
418
  </tbody>
2780
419
  </table>
2781
420
  </div>
2782
421
  </div>
2783
422
  </div>
2784
- `}};pe=new WeakMap,P=new WeakSet,ct=async function(t){t.preventDefault(),this.isCalendarOpen=!this.isCalendarOpen,this.isCalendarOpen&&(await this.updateComplete,(this.selectedCell||this.todayCell).focus())},oa=function(){this.navigationDate=ue(this.month,1)},na=function(){this.navigationDate=Ze(this.month,1)},ut=async function(){await this.updateComplete,this.input.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))},ia=function(t){this.value=t.target.value},sa=function(t){t.preventDefault(),this.isCalendarOpen=!0},da=function(t){if(t.key===" ")return Y(this,P,ct).call(this,t);(t.key===","||t.key==="Enter")&&t.preventDefault()},la=async function(t){let a=this.navigationDate,o;switch(t.key){case"ArrowUp":o=Ge(a,7);break;case"ArrowLeft":o=Ge(a,1);break;case"Home":o=L(a,{locale:this.locale});break;case"PageUp":o=Ze(a,1);break;case"ArrowDown":o=te(a,7);break;case"ArrowRight":o=te(a,1);break;case"End":o=Be(a,{locale:this.locale});break;case"PageDown":o=ue(a,1);break;case"Escape":this.isCalendarOpen=!1;break;case"Tab":t.target.tagName==="TD"&&!t.shiftKey?(t.preventDefault(),this.previousMonthButton.focus()):t.target.id===Te&&t.shiftKey&&(t.preventDefault(),(this.selectedCell||this.todayCell).focus());break}o&&(t.preventDefault(),this.navigationDate=o,await this.updateComplete,this.selectedCell.focus())},mt=function(t){let a=t.currentTarget.dataset.date;"key"in t?(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.value=a,this.isCalendarOpen=!1,this.toggleButton.focus(),Y(this,P,ut).call(this)):(this.value=a,this.isCalendarOpen=!1,Y(this,P,ut).call(this))},M.shadowRootOptions={...ra.shadowRootOptions,delegatesFocus:!0},M.styles=[Rr,Gr,Zr,ea,ta],C([G({reflect:!0})],M.prototype,"label",2),C([G({reflect:!0})],M.prototype,"lang",2),C([G({reflect:!0})],M.prototype,"name",2),C([G({reflect:!0})],M.prototype,"value",2),C([G({attribute:"header-format"})],M.prototype,"headerFormat",2),C([G({attribute:"weekday-format"})],M.prototype,"weekdayFormat",2),C([G({attribute:!1})],M.prototype,"isDayDisabled",2),C([G({attribute:"day-format"})],M.prototype,"dayFormat",2),C([le()],M.prototype,"isCalendarOpen",2),C([le()],M.prototype,"navigationDate",2),C([le()],M.prototype,"locale",2),C([le()],M.prototype,"selectedDate",1),C([le()],M.prototype,"month",1),C([le()],M.prototype,"weeks",1),C([oe(`#${ge}`)],M.prototype,"calendar",2),C([oe(`#${dt}`,!0)],M.prototype,"input",2),C([oe(`#${lt}`,!0)],M.prototype,"toggleButton",2),C([oe(`#${aa}`,!0)],M.prototype,"wrapper",2),C([oe(`#${Te}`)],M.prototype,"previousMonthButton",2),C([oe('[aria-current="date"]')],M.prototype,"todayCell",2),C([oe('[data-navigation="true"]')],M.prototype,"selectedCell",2);customElements.get("w-datepicker")||customElements.define("w-datepicker",M);export{M as WarpDatepicker};
2785
- //# sourceMappingURL=datepicker.js.map
423
+ `;
424
+ }
425
+ }
426
+ __decorate([
427
+ property({ reflect: true })
428
+ ], WarpDatepicker.prototype, "label", void 0);
429
+ __decorate([
430
+ property({ reflect: true })
431
+ ], WarpDatepicker.prototype, "lang", void 0);
432
+ __decorate([
433
+ property({ reflect: true })
434
+ ], WarpDatepicker.prototype, "name", void 0);
435
+ __decorate([
436
+ property({ reflect: true })
437
+ ], WarpDatepicker.prototype, "value", void 0);
438
+ __decorate([
439
+ property({ attribute: 'header-format' })
440
+ ], WarpDatepicker.prototype, "headerFormat", void 0);
441
+ __decorate([
442
+ property({ attribute: 'weekday-format' })
443
+ ], WarpDatepicker.prototype, "weekdayFormat", void 0);
444
+ __decorate([
445
+ property({ attribute: false })
446
+ ], WarpDatepicker.prototype, "isDayDisabled", void 0);
447
+ __decorate([
448
+ property({ attribute: 'day-format' })
449
+ ], WarpDatepicker.prototype, "dayFormat", void 0);
450
+ __decorate([
451
+ state()
452
+ ], WarpDatepicker.prototype, "isCalendarOpen", void 0);
453
+ __decorate([
454
+ state()
455
+ ], WarpDatepicker.prototype, "navigationDate", void 0);
456
+ __decorate([
457
+ state()
458
+ ], WarpDatepicker.prototype, "locale", void 0);
459
+ __decorate([
460
+ state()
461
+ ], WarpDatepicker.prototype, "selectedDate", null);
462
+ __decorate([
463
+ state()
464
+ ], WarpDatepicker.prototype, "month", null);
465
+ __decorate([
466
+ state()
467
+ ], WarpDatepicker.prototype, "weeks", null);
468
+ __decorate([
469
+ query(`#${calendarId}`)
470
+ ], WarpDatepicker.prototype, "calendar", void 0);
471
+ __decorate([
472
+ query(`#${inputId}`, true)
473
+ ], WarpDatepicker.prototype, "input", void 0);
474
+ __decorate([
475
+ query(`#${toggleButtonId}`, true)
476
+ ], WarpDatepicker.prototype, "toggleButton", void 0);
477
+ __decorate([
478
+ query(`#${wrapperId}`, true)
479
+ ], WarpDatepicker.prototype, "wrapper", void 0);
480
+ __decorate([
481
+ query(`#${previousMonthButtonId}`)
482
+ ], WarpDatepicker.prototype, "previousMonthButton", void 0);
483
+ __decorate([
484
+ query('[aria-current="date"]')
485
+ ], WarpDatepicker.prototype, "todayCell", void 0);
486
+ __decorate([
487
+ query('[data-navigation="true"]')
488
+ ], WarpDatepicker.prototype, "selectedCell", void 0);
489
+ if (!customElements.get('w-datepicker')) {
490
+ customElements.define('w-datepicker', WarpDatepicker);
491
+ }
492
+ export { WarpDatepicker };