@warp-ds/elements 2.9.1-next.1 → 2.9.1-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +21 -23
- package/dist/docs/attention/api.md +6 -3
- package/dist/docs/attention/attention.md +6 -3
- package/dist/docs/slider-thumb/api.md +0 -24
- package/dist/docs/slider-thumb/slider-thumb.md +0 -24
- package/dist/index.d.ts +0 -18
- package/dist/packages/affix/affix.js +11 -12
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/alert/alert.d.ts +1 -1
- package/dist/packages/alert/alert.js.map +1 -1
- package/dist/packages/attention/attention.d.ts +3 -2
- package/dist/packages/attention/attention.js +27 -28
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/breadcrumbs/breadcrumbs.js +7 -8
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
- package/dist/packages/button/button.d.ts +4 -2
- package/dist/packages/button/button.js +14 -15
- package/dist/packages/button/button.js.map +4 -4
- package/dist/packages/card/card.js +8 -9
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/checkbox/checkbox.d.ts +2 -0
- package/dist/packages/checkbox/checkbox.js +3 -3
- package/dist/packages/checkbox/checkbox.js.map +2 -2
- package/dist/packages/checkbox/checkbox.test.js +20 -0
- package/dist/packages/checkbox-group/checkbox-group.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.js +15 -16
- package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
- package/dist/packages/checkbox-group/locales/da/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/en/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/fi/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/nb/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/sv/messages.mjs +1 -1
- package/dist/packages/combobox/combobox.js +13 -14
- package/dist/packages/combobox/combobox.js.map +4 -4
- package/dist/packages/combobox/locales/da/messages.mjs +1 -1
- package/dist/packages/combobox/locales/en/messages.mjs +1 -1
- package/dist/packages/combobox/locales/fi/messages.mjs +1 -1
- package/dist/packages/combobox/locales/nb/messages.mjs +1 -1
- package/dist/packages/combobox/locales/sv/messages.mjs +1 -1
- package/dist/packages/datepicker/datepicker.d.ts +2 -0
- package/dist/packages/datepicker/datepicker.js +51 -52
- package/dist/packages/datepicker/datepicker.js.map +4 -4
- package/dist/packages/datepicker/datepicker.stories.js +8 -1
- package/dist/packages/datepicker/datepicker.test.js +23 -1
- package/dist/packages/datepicker/locales/da/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/en/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/fi/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/nb/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/sv/messages.mjs +1 -1
- package/dist/packages/link/link.d.ts +2 -0
- package/dist/packages/modal-header/modal-header.js +13 -14
- package/dist/packages/modal-header/modal-header.js.map +4 -4
- package/dist/packages/page-indicator/page-indicator.js +7 -8
- package/dist/packages/page-indicator/page-indicator.js.map +4 -4
- package/dist/packages/pagination/locales/da/messages.mjs +1 -1
- package/dist/packages/pagination/locales/en/messages.mjs +1 -1
- package/dist/packages/pagination/locales/fi/messages.mjs +1 -1
- package/dist/packages/pagination/locales/nb/messages.mjs +1 -1
- package/dist/packages/pagination/locales/sv/messages.mjs +1 -1
- package/dist/packages/pagination/pagination.js +31 -32
- package/dist/packages/pagination/pagination.js.map +4 -4
- package/dist/packages/pill/pill.js +11 -12
- package/dist/packages/pill/pill.js.map +4 -4
- package/dist/packages/radio/radio.d.ts +2 -0
- package/dist/packages/radio/radio.js +2 -2
- package/dist/packages/radio/radio.js.map +2 -2
- package/dist/packages/radio/radio.test.js +21 -1
- package/dist/packages/radio-group/radio-group.d.ts +2 -0
- package/dist/packages/radio-group/radio-group.js +17 -18
- package/dist/packages/radio-group/radio-group.js.map +4 -4
- package/dist/packages/select/select.js +19 -20
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/select/select.stories.js +7 -5
- package/dist/packages/select/select.test.js +23 -2
- package/dist/packages/slider/locales/da/messages.mjs +1 -1
- package/dist/packages/slider/locales/en/messages.mjs +1 -1
- package/dist/packages/slider/locales/fi/messages.mjs +1 -1
- package/dist/packages/slider/locales/nb/messages.mjs +1 -1
- package/dist/packages/slider/locales/sv/messages.mjs +1 -1
- package/dist/packages/slider/slider.d.ts +2 -0
- package/dist/packages/slider/slider.js +22 -23
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider/slider.stories.js +6 -3
- package/dist/packages/slider-thumb/slider-thumb.d.ts +5 -0
- package/dist/packages/slider-thumb/slider-thumb.js +33 -34
- package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
- package/dist/packages/step/locales/da/messages.mjs +1 -1
- package/dist/packages/step/locales/en/messages.mjs +1 -1
- package/dist/packages/step/locales/fi/messages.mjs +1 -1
- package/dist/packages/step/locales/nb/messages.mjs +1 -1
- package/dist/packages/step/locales/sv/messages.mjs +1 -1
- package/dist/packages/step/step.js +11 -12
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/switch/switch.d.ts +2 -0
- package/dist/packages/tab/tab.d.ts +2 -0
- package/dist/packages/tabs/tabs.js +1 -1
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/textarea/textarea.d.ts +2 -0
- package/dist/packages/textarea/textarea.js +20 -21
- package/dist/packages/textarea/textarea.js.map +4 -4
- package/dist/packages/textfield/textfield.d.ts +2 -0
- package/dist/packages/textfield/textfield.js +9 -8
- package/dist/packages/textfield/textfield.js.map +3 -3
- package/dist/packages/textfield/textfield.test.js +17 -0
- package/dist/packages/toast/toast.js +13 -14
- package/dist/packages/toast/toast.js.map +4 -4
- package/dist/web-types.json +6 -6
- package/package.json +19 -19
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Ye(o){return je.get(o)||o}var Ie=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function re(o,e=!1){return o.replace(Ie,function(r,t,a,s,i,n,c,g,v){if(t!==void 0)return"\\";if(a!==void 0)return Ne(a);if(s!==void 0)return Fe(s);if(i!==void 0)return ee(i,n);if(c!==void 0)return ee(c);if(g==="0")return"\0";if(g!==void 0)return Te(g,!e);if(v!==void 0)return Ye(v);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}b.unraw=re;b.default=re});var ie=Le(oe(),1);var u=o=>typeof o=="string",Ae=o=>typeof o=="function",te=new Map,ne="en";function I(o){return[...Array.isArray(o)?o:[o],ne]}function A(o,e,r){let t=I(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return M(()=>S("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(u(e)?new Date(e):e)}function Re(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return A(o,e,t)}function T(o,e,r){let t=I(o);return M(()=>S("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function ae(o,e,r,{offset:t=0,...a}){var n,c;let s=I(o),i=e?M(()=>S("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):M(()=>S("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(c=(n=a[r])!=null?n:a[i.select(r-t)])!=null?c:a.other}function M(o,e){let r=o(),t=te.get(r);return t||(t=e(),te.set(r,t)),t}function S(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var se=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ce="%__lingui_octothorpe__%",Ue=(o,e,r={})=>{let t=e||o,a=i=>typeof i=="object"?i:r[i],s=(i,n)=>{let c=Object.keys(r).length?a("number"):void 0,g=T(t,i,c);return n.replace(new RegExp(ce,"g"),g)};return{plural:(i,n)=>{let{offset:c=0}=n,g=ae(t,!1,i,n);return s(i-c,g)},selectordinal:(i,n)=>{let{offset:c=0}=n,g=ae(t,!0,i,n);return s(i-c,g)},select:Xe,number:(i,n)=>T(t,i,a(n)||{style:n}),date:(i,n)=>A(t,i,a(n)||n),time:(i,n)=>Re(t,i,a(n)||n)}},Xe=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function He(o,e,r){return(t={},a)=>{let s=Ue(e,r,a),i=(c,g=!1)=>Array.isArray(c)?c.reduce((v,z)=>{if(z==="#"&&g)return v+ce;if(u(z))return v+z;let[q,f,B]=z,N={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(B).forEach(([D,ze])=>{N[D]=i(ze,f==="plural"||f==="selectordinal")}):N=B;let P;if(f){let D=s[f];P=D(t[q],N)}else P=t[q];return P==null?v:v+P},""):c,n=i(o);return u(n)&&se.test(n)?(0,ie.unraw)(n):u(n)?n:n?String(n):""}}var Ze=Object.defineProperty,qe=(o,e,r)=>e in o?Ze(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Be=(o,e,r)=>(qe(o,typeof e!="symbol"?e+"":e,r),r),j=class{constructor(){Be(this,"_events",{})}on(e,r){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},Ge=Object.defineProperty,Je=(o,e,r)=>e in o?Ge(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,x=(o,e,r)=>(Je(o,typeof e!="symbol"?e+"":e,r),r),Y=class extends j{constructor(e){var r;super(),x(this,"_locale",""),x(this,"_locales"),x(this,"_localeData",{}),x(this,"_messages",{}),x(this,"_missing"),x(this,"_messageCompiler"),x(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:ne,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),u(e)||(r=e.values||r,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return Ae(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let c=s||a||e;return u(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
|
|
1
|
+
var be=Object.defineProperty;var ue=Object.getOwnPropertyDescriptor;var X=t=>{throw TypeError(t)};var d=(t,e,r,o)=>{for(var a=o>1?void 0:o?ue(e,r):e,s=t.length-1,i;s>=0;s--)(i=t[s])&&(a=(o?i(e,r,a):i(a))||a);return o&&a&&be(e,r,a),a};var he=(t,e,r)=>e.has(t)||X("Cannot "+r);var Z=(t,e,r)=>e.has(t)?X("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r);var U=(t,e,r)=>(he(t,e,"access private method"),r);var g=t=>typeof t=="string",me=t=>typeof t=="function",G=new Map,V="en";function C(t){return[...Array.isArray(t)?t:[t],V]}function D(t,e,r){let o=C(t);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return y(()=>_("date",o,r),()=>new Intl.DateTimeFormat(o,a)).format(g(e)?new Date(e):e)}function ve(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return D(t,e,o)}function M(t,e,r){let o=C(t);return y(()=>_("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function B(t,e,r,{offset:o=0,...a}){var n,l;let s=C(t),i=e?y(()=>_("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):y(()=>_("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(n=a[r])!=null?n:a[i.select(r-o)])!=null?l:a.other}function y(t,e){let r=t(),o=G.get(r);return o||(o=e(),G.set(r,o)),o}function _(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var J=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,H=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,o)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),q="%__lingui_octothorpe__%",fe=(t,e,r={})=>{let o=e||t,a=i=>typeof i=="object"?i:r[i],s=(i,n)=>{let l=Object.keys(r).length?a("number"):void 0,u=M(o,i,l);return n.replace(new RegExp(q,"g"),u)};return{plural:(i,n)=>{let{offset:l=0}=n,u=B(o,!1,i,n);return s(i-l,u)},selectordinal:(i,n)=>{let{offset:l=0}=n,u=B(o,!0,i,n);return s(i-l,u)},select:we,number:(i,n)=>M(o,i,a(n)||{style:n}),date:(i,n)=>D(o,i,a(n)||n),time:(i,n)=>ve(o,i,a(n)||n)}},we=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function xe(t,e,r){return(o={},a)=>{let s=fe(e,r,a),i=(l,u=!1)=>Array.isArray(l)?l.reduce((w,x)=>{if(x==="#"&&u)return w+q;if(g(x))return w+x;let[I,h,R]=x,$={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries(R).forEach(([L,pe])=>{$[L]=i(pe,h==="plural"||h==="selectordinal")}):$=R;let k;if(h){let L=s[h];k=L(o[I],$)}else k=o[I];return k==null?w:w+k},""):l,n=i(t);return g(n)&&J.test(n)?H(n):g(n)?n:n?String(n):""}}var ke=Object.defineProperty,ye=(t,e,r)=>e in t?ke(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,_e=(t,e,r)=>(ye(t,typeof e!="symbol"?e+"":e,r),r),F=class{constructor(){_e(this,"_events",{})}on(e,r){var a;var o;return(a=(o=this._events)[e])!=null||(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let a=o.indexOf(r);~a&&o.splice(a,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},ze=Object.defineProperty,Pe=(t,e,r)=>e in t?ze(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,m=(t,e,r)=>(Pe(t,typeof e!="symbol"?e+"":e,r),r),N=class extends F{constructor(e){var r;super(),m(this,"_locale",""),m(this,"_locales"),m(this,"_localeData",{}),m(this,"_messages",{}),m(this,"_missing"),m(this,"_messageCompiler"),m(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:V,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let o=this._localeData[e];o?Object.assign(o,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=o==null?void 0:o.message;e||(e=""),g(e)||(r=e.values||r,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return me(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return g(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
3
2
|
|
|
4
|
-
> ${
|
|
3
|
+
> ${l}
|
|
5
4
|
|
|
6
5
|
That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
|
|
7
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
7
|
|
|
9
8
|
Please compile your catalog first.
|
|
10
|
-
`)),
|
|
9
|
+
`)),g(l)&&J.test(l)?H(l):g(l)?l:xe(l,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return D(this._locales||this._locale,e,r)}number(e,r){return M(this._locales||this._locale,e,r)}};function Se(t={}){return new N(t)}var c=Se();import{css as Ie,html as f,LitElement as Re,nothing as T}from"lit";import{property as P}from"lit/decorators.js";import{html as $e,LitElement as Le}from"lit";import{property as j,state as Me}from"lit/decorators.js";import{classMap as Fe}from"lit/directives/class-map.js";import{css as Ee}from"lit";var K=Ee`
|
|
11
10
|
:host {
|
|
12
11
|
display: inline-block;
|
|
13
12
|
}
|
|
@@ -32,7 +31,7 @@ Please compile your catalog first.
|
|
|
32
31
|
--w-icon-size: 32px;
|
|
33
32
|
}
|
|
34
33
|
|
|
35
|
-
`;var
|
|
34
|
+
`;var Y=new Map,Ne='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Ce(t,e={}){var o;let r=(o=e.responseParser)!=null?o:(a=>a.text());return Y.has(t)||Y.set(t,fetch(t).then(r)),Y.get(t)}var p=class extends Le{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let o=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await Ce(o);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Ne,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",o=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},s=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return $e`<div class="${Fe(a)}" style="${s}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};p.styles=[K],d([j({type:String,reflect:!0})],p.prototype,"name",2),d([j({type:String,reflect:!0})],p.prototype,"size",2),d([j({type:String,reflect:!0,useDefault:!0})],p.prototype,"locale",2),d([Me()],p.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",p);var De=["en","nb","fi","da","sv"],O="en",z=t=>De.find(e=>t===e||t.toLowerCase().includes(e))||O;function v(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return z(t)}try{let t=W(document);if(t)return z(t);let e=Te();if(e)return z(e);let r=W(oe());return r?z(r):O}catch(t){return console.warn("could not detect locale, falling back to source locale",t),O}}var ee=(t,e,r,o,a)=>{c.load("en",t),c.load("nb",e),c.load("fi",r),c.load("da",o),c.load("sv",a);let s=v();c.activate(s),re(),Ye()},je="warp-i18n-change";function re(){typeof window!="undefined"&&window.dispatchEvent(new Event(je))}var Q=!1;function Ye(){if(Q||typeof window=="undefined"||!(document!=null&&document.documentElement))return;Q=!0;let t=()=>{let a=v();c.locale!==a&&(c.activate(a),re())},e=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){t();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=oe();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Oe();o&&e.observe(o,{attributes:!0,attributeFilter:["lang"]})}function oe(){var t,e;try{return(e=(t=window.parent)==null?void 0:t.document)!=null?e:null}catch(r){return null}}function W(t){var e,r;try{return(r=(e=t==null?void 0:t.documentElement)==null?void 0:e.lang)!=null?r:""}catch(o){return""}}function Oe(){var t;try{return(t=window.frameElement)!=null?t:null}catch(e){return null}}function Te(){var t,e,r;try{return(r=(e=(t=window.frameElement)==null?void 0:t.getAttribute)==null?void 0:e.call(t,"lang"))!=null?r:""}catch(o){return""}}import{css as te}from"lit";var ae=te`
|
|
36
35
|
*,
|
|
37
36
|
:before,
|
|
38
37
|
:after {
|
|
@@ -305,7 +304,7 @@ Please compile your catalog first.
|
|
|
305
304
|
svg {
|
|
306
305
|
pointer-events: none;
|
|
307
306
|
}
|
|
308
|
-
`,
|
|
307
|
+
`,tr=te`*, :before, :after {
|
|
309
308
|
--w-rotate: 0;
|
|
310
309
|
--w-rotate-x: 0;
|
|
311
310
|
--w-rotate-y: 0;
|
|
@@ -2471,56 +2470,56 @@ Please compile your catalog first.
|
|
|
2471
2470
|
display: none
|
|
2472
2471
|
}
|
|
2473
2472
|
}
|
|
2474
|
-
`;var
|
|
2473
|
+
`;var ie=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE6ste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"],"pagination.label.current-page":["Side ",["currentPage"]]}');var ne=JSON.parse('{"pagination.aria.first-page":["First page"],"pagination.aria.icon-suffix":["icon"],"pagination.aria.next-page":["Next page"],"pagination.aria.page":["Page ",["currentPage"]],"pagination.aria.pagination":["Pages"],"pagination.aria.prev-page":["Previous page"],"pagination.label.current-page":["Page ",["currentPage"]]}');var se=JSON.parse('{"pagination.aria.first-page":["Ensimm\xE4inen sivu"],"pagination.aria.icon-suffix":["kuvake"],"pagination.aria.next-page":["Seuraava sivu"],"pagination.aria.page":["Sivu ",["currentPage"]],"pagination.aria.pagination":["Sivut"],"pagination.aria.prev-page":["Edellinen sivu"],"pagination.label.current-page":["Sivu ",["currentPage"]]}');var le=JSON.parse('{"pagination.aria.first-page":["F\xF8rste side"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["Neste side"],"pagination.aria.page":["Side ",["currentPage"]],"pagination.aria.pagination":["Sider"],"pagination.aria.prev-page":["Forrige side"],"pagination.label.current-page":["Side ",["currentPage"]]}');var ce=JSON.parse('{"pagination.aria.first-page":["F\xF6rsta sidan"],"pagination.aria.icon-suffix":["ikon"],"pagination.aria.next-page":["N\xE4sta sida"],"pagination.aria.page":["Sida ",["currentPage"]],"pagination.aria.pagination":["Sidor"],"pagination.aria.prev-page":["F\xF6reg\xE5ende sida"],"pagination.label.current-page":["Sida ",["currentPage"]]}');import{css as Ae}from"lit";var de=Ae`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.border-0{border-width:0}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.hover\\:no-underline:hover,.focus\\:no-underline:focus{text-decoration:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-4{padding:.4rem}.p-8{padding:.8rem}.visible{visibility:visible}.font-bold{font-weight:700}.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:block{display:block}.md\\:hidden{display:none}}`;var A=()=>c._({id:"pagination.aria.icon-suffix",message:"icon",comment:"Suffix added at the end of icon titles when img semantics are lost on an html element"}),S="hover:no-underline focus:no-underline focusable inline-flex justify-center items-center transition-colors ease-in-out min-h-[44px] min-w-[44px] p-4 rounded-full border-0 hover:bg-clip-padding",E,ge,b=class extends Re{constructor(){super();Z(this,E);ee(ne,le,se,ie,ce)}get _currentPage(){var r;return(r=this.currentPageNumber)!=null?r:1}get _visiblePages(){var r;return(r=this.visiblePages)!=null?r:7}get shouldShowShowFirstPageButton(){return this._currentPage-2>0}get shouldShowPreviousPageButton(){return this._currentPage-1>0}get shouldShowNextPageButton(){return this._currentPage<this.pages}get currentPageIndex(){return this._currentPage-1}get visiblePageNumbers(){if(this.pages<=this._visiblePages)return Array.from({length:this.pages},(s,i)=>i+1);let r=Math.floor(this._visiblePages/2),o=Math.max(1,this._currentPage-r),a=Math.min(this.pages,o+this._visiblePages-1);return a-o+1<this._visiblePages&&(o=Math.max(1,a-this._visiblePages+1)),Array.from({length:a-o+1},(s,i)=>o+i)}render(){let r=this.visiblePageNumbers;return f`<nav class="flex items-center justify-center p-8" @click="${U(this,E,ge)}">
|
|
2475
2474
|
<h1 class="sr-only">
|
|
2476
|
-
${
|
|
2475
|
+
${c._({id:"pagination.aria.pagination",message:"Pages",comment:"Default screenreader message for pagination container in the pagination component"})}
|
|
2477
2476
|
</h1>
|
|
2478
2477
|
<div class="flex items-center s-text-link">
|
|
2479
|
-
${this.shouldShowShowFirstPageButton?
|
|
2478
|
+
${this.shouldShowShowFirstPageButton?f`<a
|
|
2480
2479
|
data-page-number="1"
|
|
2481
2480
|
href="${this.baseUrl}1"
|
|
2482
|
-
class="${
|
|
2481
|
+
class="${S+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2483
2482
|
<span class="sr-only"
|
|
2484
|
-
>${
|
|
2483
|
+
>${c._({id:"pagination.aria.first-page",message:"First page",comment:"Default screenreader message for first page link in the pagination component"})},</span
|
|
2485
2484
|
>
|
|
2486
|
-
<w-icon name="ChevronDoubleLeft" size="small" locale="${
|
|
2487
|
-
<span class="sr-only">${
|
|
2488
|
-
</a>`:
|
|
2489
|
-
${this.shouldShowPreviousPageButton?
|
|
2485
|
+
<w-icon name="ChevronDoubleLeft" size="small" locale="${v()}" class="pointer-events-none flex items-center" class="flex"></w-icon>
|
|
2486
|
+
<span class="sr-only">${A()}</span>
|
|
2487
|
+
</a>`:T}
|
|
2488
|
+
${this.shouldShowPreviousPageButton?f`<a
|
|
2490
2489
|
data-page-number="${this._currentPage-1}"
|
|
2491
2490
|
href="${this.baseUrl}${this._currentPage-1}"
|
|
2492
|
-
class="${
|
|
2491
|
+
class="${S+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2493
2492
|
<span class="sr-only"
|
|
2494
|
-
>${
|
|
2493
|
+
>${c._({id:"pagination.aria.prev-page",message:"Previous page",comment:"Default screenreader message for previous page link in the pagination component"})},</span
|
|
2495
2494
|
>
|
|
2496
|
-
<w-icon name="ChevronLeft" size="small" locale="${
|
|
2497
|
-
<span class="sr-only">${
|
|
2498
|
-
</a>`:
|
|
2495
|
+
<w-icon name="ChevronLeft" size="small" locale="${v()}" class="pointer-events-none flex items-center" class="flex"></w-icon>
|
|
2496
|
+
<span class="sr-only">${A()}</span>
|
|
2497
|
+
</a>`:T}
|
|
2499
2498
|
<div class="hidden md:block">
|
|
2500
|
-
${r.map(
|
|
2501
|
-
data-page-number="${
|
|
2499
|
+
${r.map(o=>{let a=o===this._currentPage,s=`${this.baseUrl}${o}`,i=S;a?i+=" s-bg-primary s-text-inverted":i+=" hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]";let n=c._({id:"pagination.aria.page",message:"Page {currentPage}",values:{currentPage:o},comment:"Default screenreader message for page link in the pagination component"});return f`<a
|
|
2500
|
+
data-page-number="${o}"
|
|
2502
2501
|
aria-label="${n}"
|
|
2503
2502
|
href="${s}"
|
|
2504
2503
|
class="${i}"
|
|
2505
2504
|
aria-current="${a?"page":""}"
|
|
2506
|
-
>${
|
|
2505
|
+
>${o}</a
|
|
2507
2506
|
>`})}
|
|
2508
2507
|
</div>
|
|
2509
|
-
<span class="block md:hidden p-8 font-bold">${
|
|
2510
|
-
${this.shouldShowNextPageButton?
|
|
2508
|
+
<span class="block md:hidden p-8 font-bold">${c._({id:"pagination.label.current-page",message:"Page {currentPage}",values:{currentPage:this._currentPage},comment:"Default message for current page label in the pagination component"})}</span>
|
|
2509
|
+
${this.shouldShowNextPageButton?f`<a
|
|
2511
2510
|
data-page-number="${this._currentPage+1}"
|
|
2512
2511
|
href="${this.baseUrl}${this._currentPage+1}"
|
|
2513
|
-
class="${
|
|
2512
|
+
class="${S+" s-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]"}">
|
|
2514
2513
|
<span class="sr-only">
|
|
2515
|
-
${
|
|
2514
|
+
${c._({id:"pagination.aria.next-page",message:"Next page",comment:"Default screenreader message for next page link in the pagination component"})},</span
|
|
2516
2515
|
>
|
|
2517
|
-
<w-icon name="ChevronRight" size="small" locale="${
|
|
2518
|
-
<span class="sr-only">${
|
|
2519
|
-
</a>`:
|
|
2516
|
+
<w-icon name="ChevronRight" size="small" locale="${v()}" class="pointer-events-none flex items-center" class="flex"></w-icon>
|
|
2517
|
+
<span class="sr-only">${A()}</span>
|
|
2518
|
+
</a>`:T}
|
|
2520
2519
|
</div>
|
|
2521
|
-
</nav>`}};
|
|
2520
|
+
</nav>`}};E=new WeakSet,ge=function(r){let o=r.target.getAttribute("data-page-number");this.dispatchEvent(new CustomEvent("page-click",{detail:{clickedPage:o},bubbles:!0,composed:!0}))},b.styles=[ae,de,Ie`
|
|
2522
2521
|
w-icon {
|
|
2523
2522
|
height: 16px;
|
|
2524
2523
|
}
|
|
2525
|
-
`],
|
|
2524
|
+
`],d([P({type:String,reflect:!0,attribute:"base-url"})],b.prototype,"baseUrl",2),d([P({type:Number,reflect:!0})],b.prototype,"pages",2),d([P({type:Number,reflect:!0,attribute:"current-page"})],b.prototype,"currentPageNumber",2),d([P({type:Number,reflect:!0,attribute:"visible-pages"})],b.prototype,"visiblePages",2);customElements.get("w-pagination")||customElements.define("w-pagination",b);export{b as WarpPagination};
|
|
2526
2525
|
//# sourceMappingURL=pagination.js.map
|