@warp-ds/elements 2.6.0 → 2.7.0-next.2
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 +1552 -0
- package/dist/index.d.ts +561 -0
- package/dist/packages/affix/affix.js +11 -11
- package/dist/packages/affix/affix.js.map +3 -3
- package/dist/packages/alert/alert.js +7 -7
- package/dist/packages/alert/alert.js.map +3 -3
- package/dist/packages/attention/attention.js +22 -22
- package/dist/packages/attention/attention.js.map +3 -3
- package/dist/packages/breadcrumbs/breadcrumbs.js +9 -9
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
- package/dist/packages/button/button.js +11 -11
- package/dist/packages/button/button.js.map +3 -3
- package/dist/packages/card/card.js +8 -8
- package/dist/packages/card/card.js.map +3 -3
- package/dist/packages/checkbox/checkbox.a11y.test.d.ts +1 -0
- package/dist/packages/checkbox/checkbox.a11y.test.js +73 -0
- package/dist/packages/checkbox/checkbox.d.ts +49 -0
- package/dist/packages/checkbox/checkbox.js +2594 -0
- package/dist/packages/checkbox/checkbox.js.map +7 -0
- package/dist/packages/checkbox/checkbox.react.stories.d.ts +12 -0
- package/dist/packages/checkbox/checkbox.react.stories.js +10 -0
- package/dist/packages/checkbox/checkbox.stories.d.ts +25 -0
- package/dist/packages/checkbox/checkbox.stories.js +183 -0
- package/dist/packages/checkbox/checkbox.test.d.ts +1 -0
- package/dist/packages/checkbox/checkbox.test.js +142 -0
- package/dist/packages/checkbox/react.d.ts +5 -0
- package/dist/packages/checkbox/react.js +15 -0
- package/dist/packages/checkbox/styles.d.ts +1 -0
- package/dist/packages/checkbox/styles.js +134 -0
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +109 -0
- package/dist/packages/checkbox-group/checkbox-group.d.ts +33 -0
- package/dist/packages/checkbox-group/checkbox-group.js +71 -0
- package/dist/packages/checkbox-group/checkbox-group.js.map +7 -0
- package/dist/packages/checkbox-group/checkbox-group.test.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.test.js +112 -0
- package/dist/packages/checkbox-group/locales/da/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/da/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/en/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/en/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/fi/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/fi/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/nb/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/nb/messages.mjs +1 -0
- package/dist/packages/checkbox-group/locales/sv/messages.d.mts +1 -0
- package/dist/packages/checkbox-group/locales/sv/messages.mjs +1 -0
- package/dist/packages/checkbox-group/react.d.ts +2 -0
- package/dist/packages/checkbox-group/react.js +11 -0
- package/dist/packages/combobox/combobox.js +11 -11
- package/dist/packages/combobox/combobox.js.map +3 -3
- package/dist/packages/datepicker/datepicker.js +42 -42
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/expandable/expandable.js +11 -11
- package/dist/packages/expandable/expandable.js.map +3 -3
- package/dist/packages/i18n.d.ts +2 -0
- package/dist/packages/i18n.js +87 -2
- package/dist/packages/modal-header/modal-header.js +15 -15
- package/dist/packages/modal-header/modal-header.js.map +3 -3
- package/dist/packages/page-indicator/page-indicator.js +7 -7
- package/dist/packages/page-indicator/page-indicator.js.map +3 -3
- package/dist/packages/pagination/pagination.js +24 -24
- package/dist/packages/pagination/pagination.js.map +3 -3
- package/dist/packages/pill/pill.js +10 -10
- package/dist/packages/pill/pill.js.map +3 -3
- package/dist/packages/select/select.js +20 -20
- package/dist/packages/select/select.js.map +3 -3
- package/dist/packages/slider/Slider.d.ts +2 -0
- package/dist/packages/slider/Slider.js +8 -0
- package/dist/packages/slider/index.d.ts +2 -0
- package/dist/packages/slider/index.js +2 -0
- package/dist/packages/slider/locales/da/messages.d.mts +1 -0
- package/dist/packages/slider/locales/da/messages.mjs +1 -0
- package/dist/packages/slider/locales/en/messages.d.mts +1 -0
- package/dist/packages/slider/locales/en/messages.mjs +1 -0
- package/dist/packages/slider/locales/fi/messages.d.mts +1 -0
- package/dist/packages/slider/locales/fi/messages.mjs +1 -0
- package/dist/packages/slider/locales/nb/messages.d.mts +1 -0
- package/dist/packages/slider/locales/nb/messages.mjs +1 -0
- package/dist/packages/slider/locales/sv/messages.d.mts +1 -0
- package/dist/packages/slider/locales/sv/messages.mjs +1 -0
- package/dist/packages/slider/react.d.ts +3 -0
- package/dist/packages/slider/react.js +13 -0
- package/dist/packages/slider/slider.d.ts +64 -0
- package/dist/packages/slider/slider.js +2641 -0
- package/dist/packages/slider/slider.js.map +7 -0
- package/dist/packages/slider/slider.react.stories.d.ts +19 -0
- package/dist/packages/slider/slider.react.stories.js +161 -0
- package/dist/packages/slider/slider.stories.d.ts +26 -0
- package/dist/packages/slider/slider.stories.js +464 -0
- package/dist/packages/slider/slider.test.d.ts +5 -0
- package/dist/packages/slider/slider.test.js +380 -0
- package/dist/packages/slider/styles/w-slider.styles.d.ts +1 -0
- package/dist/packages/slider/styles/w-slider.styles.js +154 -0
- package/dist/packages/slider/styles.d.ts +1 -0
- package/dist/packages/slider/styles.js +2 -0
- package/dist/packages/slider-thumb/SliderThumb.d.ts +2 -0
- package/dist/packages/slider-thumb/SliderThumb.js +8 -0
- package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.d.ts +2 -0
- package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.js +3 -0
- package/dist/packages/slider-thumb/react.d.ts +6 -0
- package/dist/packages/slider-thumb/react.js +15 -0
- package/dist/packages/slider-thumb/slider-thumb.d.ts +72 -0
- package/dist/packages/slider-thumb/slider-thumb.js +2774 -0
- package/dist/packages/slider-thumb/slider-thumb.js.map +7 -0
- package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.d.ts +1 -0
- package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.js +194 -0
- package/dist/packages/step/step.js +13 -13
- package/dist/packages/step/step.js.map +3 -3
- package/dist/packages/step-indicator/step-indicator.a11y.test.js +6 -2
- package/dist/packages/textarea/textarea.a11y.test.js +1 -1
- package/dist/packages/textarea/textarea.test.js +2 -1
- package/dist/packages/textfield/styles/w-textfield.styles.js +6 -0
- package/dist/packages/textfield/textfield.js +7 -1
- package/dist/packages/textfield/textfield.js.map +2 -2
- package/dist/packages/toast/toast.js +13 -13
- package/dist/packages/toast/toast.js.map +3 -3
- package/dist/setup-tests.js +1 -1
- package/dist/web-types.json +328 -1
- package/package.json +1 -1
package/dist/packages/i18n.js
CHANGED
|
@@ -17,8 +17,19 @@ export function detectLocale() {
|
|
|
17
17
|
/**
|
|
18
18
|
* Client locale detection. Expects the lang attribute to be defined.
|
|
19
19
|
*/
|
|
20
|
-
const htmlLocale = document
|
|
21
|
-
|
|
20
|
+
const htmlLocale = getDocumentLang(document);
|
|
21
|
+
if (htmlLocale) {
|
|
22
|
+
return getSupportedLocale(htmlLocale);
|
|
23
|
+
}
|
|
24
|
+
const frameLocale = getFrameElementLang();
|
|
25
|
+
if (frameLocale) {
|
|
26
|
+
return getSupportedLocale(frameLocale);
|
|
27
|
+
}
|
|
28
|
+
const parentLocale = getDocumentLang(getParentDocument());
|
|
29
|
+
if (parentLocale) {
|
|
30
|
+
return getSupportedLocale(parentLocale);
|
|
31
|
+
}
|
|
32
|
+
return defaultLocale;
|
|
22
33
|
}
|
|
23
34
|
catch (e) {
|
|
24
35
|
console.warn('could not detect locale, falling back to source locale', e);
|
|
@@ -46,4 +57,78 @@ export const activateI18n = (enMessages, nbMessages, fiMessages, daMessages, svM
|
|
|
46
57
|
i18n.load('sv', svMessages);
|
|
47
58
|
const locale = detectLocale();
|
|
48
59
|
i18n.activate(locale);
|
|
60
|
+
notifyI18nChange();
|
|
61
|
+
setupLangObserver();
|
|
49
62
|
};
|
|
63
|
+
export const I18N_CHANGE_EVENT = 'warp-i18n-change';
|
|
64
|
+
export function notifyI18nChange() {
|
|
65
|
+
if (typeof window === 'undefined')
|
|
66
|
+
return;
|
|
67
|
+
window.dispatchEvent(new Event(I18N_CHANGE_EVENT));
|
|
68
|
+
}
|
|
69
|
+
let langObserverInitialized = false;
|
|
70
|
+
function setupLangObserver() {
|
|
71
|
+
if (langObserverInitialized)
|
|
72
|
+
return;
|
|
73
|
+
if (typeof window === 'undefined')
|
|
74
|
+
return;
|
|
75
|
+
if (!document?.documentElement)
|
|
76
|
+
return;
|
|
77
|
+
langObserverInitialized = true;
|
|
78
|
+
const handleLangChange = () => {
|
|
79
|
+
const nextLocale = detectLocale();
|
|
80
|
+
if (i18n.locale !== nextLocale) {
|
|
81
|
+
i18n.activate(nextLocale);
|
|
82
|
+
notifyI18nChange();
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
const observer = new MutationObserver((mutations) => {
|
|
86
|
+
for (const mutation of mutations) {
|
|
87
|
+
if (mutation.type === 'attributes' && mutation.attributeName === 'lang') {
|
|
88
|
+
handleLangChange();
|
|
89
|
+
break;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
observer.observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });
|
|
94
|
+
const parentDocument = getParentDocument();
|
|
95
|
+
if (parentDocument && parentDocument.documentElement && parentDocument !== document) {
|
|
96
|
+
observer.observe(parentDocument.documentElement, { attributes: true, attributeFilter: ['lang'] });
|
|
97
|
+
}
|
|
98
|
+
const frameEl = getFrameElement();
|
|
99
|
+
if (frameEl) {
|
|
100
|
+
observer.observe(frameEl, { attributes: true, attributeFilter: ['lang'] });
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
function getParentDocument() {
|
|
104
|
+
try {
|
|
105
|
+
return window.parent?.document ?? null;
|
|
106
|
+
}
|
|
107
|
+
catch {
|
|
108
|
+
return null;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
function getDocumentLang(doc) {
|
|
112
|
+
try {
|
|
113
|
+
return doc?.documentElement?.lang ?? '';
|
|
114
|
+
}
|
|
115
|
+
catch {
|
|
116
|
+
return '';
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
function getFrameElement() {
|
|
120
|
+
try {
|
|
121
|
+
return window.frameElement ?? null;
|
|
122
|
+
}
|
|
123
|
+
catch {
|
|
124
|
+
return null;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
function getFrameElementLang() {
|
|
128
|
+
try {
|
|
129
|
+
return window.frameElement?.getAttribute?.('lang') ?? '';
|
|
130
|
+
}
|
|
131
|
+
catch {
|
|
132
|
+
return '';
|
|
133
|
+
}
|
|
134
|
+
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var ze=Object.create;var C=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var Ce=Object.getOwnPropertyNames;var Ee=Object.getPrototypeOf,Me=Object.prototype.hasOwnProperty;var Te=(o,e,r)=>e in o?C(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r;var H=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var Le=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Ce(e))!Me.call(o,a)&&a!==r&&C(o,a,{get:()=>e[a],enumerable:!(t=G(e,a))||t.enumerable});return o};var Oe=(o,e,r)=>(r=o!=null?ze(Ee(o)):{},Le(e||!o||!o.__esModule?C(r,"default",{value:o,enumerable:!0}):r,o));var b=(o,e,r,t)=>{for(var a=t>1?void 0:t?G(e,r):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&C(e,r,a),a};var E=(o,e,r)=>Te(o,typeof e!="symbol"?e+"":e,r);var Q=H(w=>{"use strict";Object.defineProperty(w,"__esModule",{value:!0});w.errorMessages=w.ErrorType=void 0;var k;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(k=w.ErrorType||(w.ErrorType={}));w.errorMessages=new Map([[k.MalformedUnicode,"malformed Unicode character escape sequence"],[k.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[k.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[k.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[k.EndOfString,"malformed escape sequence at end of string"]])});var re=H(u=>{"use strict";Object.defineProperty(u,"__esModule",{value:!0});u.unraw=u.errorMessages=u.ErrorType=void 0;var c=Q();Object.defineProperty(u,"ErrorType",{enumerable:!0,get:function(){return c.ErrorType}});Object.defineProperty(u,"errorMessages",{enumerable:!0,get:function(){return c.errorMessages}});function Pe(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function T(o,e,r){let t=Pe(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(c.errorMessages.get(e));return t}function De(o){let e=T(o,c.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function W(o,e){let r=T(o,c.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=T(e,c.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function Ne(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function je(o){if(!Ne(o))throw new SyntaxError(c.errorMessages.get(c.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=T(e,c.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(c.errorMessages.get(c.ErrorType.CodePointLimit)):t}}function Fe(o,e=!1){if(e)throw new SyntaxError(c.errorMessages.get(c.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var $e=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Ye(o){return $e.get(o)||o}var Ae=/\\(?:(\\)|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 ee(o,e=!1){return o.replace(Ae,function(r,t,a,s,n,i,l,p,v){if(t!==void 0)return"\\";if(a!==void 0)return De(a);if(s!==void 0)return je(s);if(n!==void 0)return W(n,i);if(l!==void 0)return W(l);if(p==="0")return"\0";if(p!==void 0)return Fe(p,!e);if(v!==void 0)return Ye(v);throw new SyntaxError(c.errorMessages.get(c.ErrorType.EndOfString))})}u.unraw=ee;u.default=ee});var V=(o,e)=>({dx:o.left-e.left,dy:o.top-e.top,dw:o.width/e.width,dh:o.height/e.height,first:o,last:e}),J=({dx:o,dy:e})=>[{transform:`translate(${o}px, ${e}px)`},{transform:"none"}],K={easing:"ease",duration:300};var N=!1,Se=typeof window!="undefined";if(Se){let o=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>N=r;o.addEventListener&&o.addEventListener("change",e),e(o)}var M=class{constructor(e,{animation:r={},keyframes:t,respectReduceMotion:a=!0}={}){E(this,"first");E(this,"last");E(this,"el");this.el=e,this.first={},this.last={},this.userAnimationOptions=r,this.keyframeGenerator=t||J,this.shouldReduceMotion=a}async when(e){this.prep();let r=await e();return await this.play(),r}prep(){this.first=this.el.getBoundingClientRect()}async play(){if(this.last=this.el.getBoundingClientRect(),!this.el.animate)return;await this.el.animate(this.keyframes,this.animationOptions).finished}get keyframes(){return this.keyframeGenerator(V(this.first,this.last))}get defaults(){return K}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion?N?{...this.mergedOptions,duration:0}:this.mergedOptions:this.mergedOptions}};var ae=Oe(re(),1);var h=o=>typeof o=="string",Re=o=>typeof o=="function",oe=new Map,ie="en";function Y(o){return[...Array.isArray(o)?o:[o],ie]}function A(o,e,r){let t=Y(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 L(()=>O("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function Ie(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 j(o,e,r){let t=Y(o);return L(()=>O("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function te(o,e,r,{offset:t=0,...a}){var i,l;let s=Y(o),n=e?L(()=>O("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):L(()=>O("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(i=a[r])!=null?i:a[n.select(r-t)])!=null?l:a.other}function L(o,e){let r=o(),t=oe.get(r);return t||(t=e(),oe.set(r,t)),t}function O(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var ne=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,se="%__lingui_octothorpe__%",Be=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],s=(n,i)=>{let l=Object.keys(r).length?a("number"):void 0,p=j(t,n,l);return i.replace(new RegExp(se,"g"),p)};return{plural:(n,i)=>{let{offset:l=0}=i,p=te(t,!1,n,i);return s(n-l,p)},selectordinal:(n,i)=>{let{offset:l=0}=i,p=te(t,!0,n,i);return s(n-l,p)},select:Ue,number:(n,i)=>j(t,n,a(i)||{style:i}),date:(n,i)=>A(t,n,a(i)||i),time:(n,i)=>Ie(t,n,a(i)||i)}},Ue=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Xe(o,e,r){return(t={},a)=>{let s=Be(e,r,a),n=(l,p=!1)=>Array.isArray(l)?l.reduce((v,_)=>{if(_==="#"&&p)return v+se;if(h(_))return v+_;let[Z,f,q]=_,P={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(q).forEach(([D,_e])=>{P[D]=n(_e,f==="plural"||f==="selectordinal")}):P=q;let z;if(f){let D=s[f];z=D(t[Z],P)}else z=t[Z];return z==null?v:v+z},""):l,i=n(o);return h(i)&&ne.test(i)?(0,ae.unraw)(i):h(i)?i:i?String(i):""}}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,Ge=(o,e,r)=>(qe(o,typeof e!="symbol"?e+"":e,r),r),F=class{constructor(){Ge(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}},He=Object.defineProperty,Ve=(o,e,r)=>e in o?He(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,x=(o,e,r)=>(Ve(o,typeof e!="symbol"?e+"":e,r),r),$=class extends F{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:ie,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=""),h(e)||(r=e.values||r,a=e.message,e=e.id);let s=this.messages[e],n=s===void 0,i=this._missing;if(i&&n)return Re(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return h(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
3
3
|
|
|
4
|
-
> ${
|
|
4
|
+
> ${l}
|
|
5
5
|
|
|
6
6
|
That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
|
|
7
7
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
8
|
|
|
9
9
|
Please compile your catalog first.
|
|
10
|
-
`)),
|
|
10
|
+
`)),h(l)&&ne.test(l)?JSON.parse(`"${l}"`):h(l)?l:Xe(l,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return A(this._locales||this._locale,e,r)}number(e,r){return j(this._locales||this._locale,e,r)}};function Je(o={}){return new $(o)}var d=Je();import{css as cr,html as U,LitElement as dr,nothing as ye}from"lit";import{property as X,query as pr,state as br}from"lit/decorators.js";import{html as Qe,LitElement as We}from"lit";import{property as R,state as er}from"lit/decorators.js";import{classMap as rr}from"lit/directives/class-map.js";import{css as Ke}from"lit";var le=Ke`
|
|
11
11
|
:host {
|
|
12
12
|
display: inline-block;
|
|
13
13
|
}
|
|
@@ -32,7 +32,7 @@ Please compile your catalog first.
|
|
|
32
32
|
--w-icon-size: 32px;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
`;var
|
|
35
|
+
`;var I=new Map,or='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function tr(o,e={}){var t;let r=(t=e.responseParser)!=null?t:(a=>a.text());return I.has(o)||I.set(o,fetch(o).then(r)),I.get(o)}var m=class extends We{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await tr(t);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(or,"text/html").body.firstElementChild),this.svg=r}render(){let r={"w-icon":!0,"w-icon--s":this.size==="small","w-icon--m":this.size==="medium","w-icon--l":this.size==="large"},t=typeof this.size=="string"&&this.size.endsWith("px")?`--w-icon-size: ${this.size};`:"";return Qe`<div class="${rr(r)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};m.styles=[le],b([R({type:String,reflect:!0})],m.prototype,"name",2),b([R({type:String,reflect:!0})],m.prototype,"size",2),b([R({type:String,reflect:!0})],m.prototype,"locale",2),b([er()],m.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",m);var ar=["en","nb","fi","da","sv"],B="en",S=o=>ar.find(e=>o===e||o.toLowerCase().includes(e))||B;function y(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return S(o)}try{let o=de(document);if(o)return S(o);let e=lr();if(e)return S(e);let r=de(ue());return r?S(r):B}catch(o){return console.warn("could not detect locale, falling back to source locale",o),B}}var pe=(o,e,r,t,a)=>{d.load("en",o),d.load("nb",e),d.load("fi",r),d.load("da",t),d.load("sv",a);let s=y();d.activate(s),be(),nr()},ir="warp-i18n-change";function be(){typeof window!="undefined"&&window.dispatchEvent(new Event(ir))}var ce=!1;function nr(){if(ce||typeof window=="undefined"||!(document!=null&&document.documentElement))return;ce=!0;let o=()=>{let a=y();d.locale!==a&&(d.activate(a),be())},e=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=ue();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=sr();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ue(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function de(o){var e,r;try{return(r=(e=o==null?void 0:o.documentElement)==null?void 0:e.lang)!=null?r:""}catch(t){return""}}function sr(){var o;try{return(o=window.frameElement)!=null?o:null}catch(e){return null}}function lr(){var o,e,r;try{return(r=(e=(o=window.frameElement)==null?void 0:o.getAttribute)==null?void 0:e.call(o,"lang"))!=null?r:""}catch(t){return""}}var ge=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}');var he=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}');var me=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}');var ve=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}');var fe=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["St\xE4ng"]}');var we=o=>class extends o{constructor(){super(...arguments);this.patchClose=!0;this._close=null}close(){this._close()}};import{css as xe}from"lit";var ke=xe`
|
|
36
36
|
*,
|
|
37
37
|
:before,
|
|
38
38
|
:after {
|
|
@@ -305,7 +305,7 @@ Please compile your catalog first.
|
|
|
305
305
|
svg {
|
|
306
306
|
pointer-events: none;
|
|
307
307
|
}
|
|
308
|
-
|
|
308
|
+
`,Ur=xe`*, :before, :after {
|
|
309
309
|
--w-rotate: 0;
|
|
310
310
|
--w-rotate-x: 0;
|
|
311
311
|
--w-rotate-y: 0;
|
|
@@ -2471,7 +2471,7 @@ Please compile your catalog first.
|
|
|
2471
2471
|
display: none
|
|
2472
2472
|
}
|
|
2473
2473
|
}
|
|
2474
|
-
`;var
|
|
2474
|
+
`;var g=class extends we(dr){constructor(){super();this._hasTopContent=!1;pe(he,ve,me,ge,fe)}render(){return U`
|
|
2475
2475
|
<div class="header">
|
|
2476
2476
|
<slot name="top" @slotchange=${this.handleTopSlotChange}></slot>
|
|
2477
2477
|
<div class="${this._hasTopContent?"":"header-title-bar"}">
|
|
@@ -2480,22 +2480,22 @@ Please compile your catalog first.
|
|
|
2480
2480
|
${this.closeButton}
|
|
2481
2481
|
</div>
|
|
2482
2482
|
</div>
|
|
2483
|
-
`}async willUpdate(r){if(r.has("back")){if(!this.titleEl)return;new M(this.titleEl).when(async()=>{await this.updateComplete})}}get titleClasses(){return["header-title",this.back?"header-title-with-back-button":"header-title-without-back-button",this._hasTopContent?"header-title-with-top-area":""].join(" ")}get backButton(){return this.back&&!this._hasTopContent?
|
|
2483
|
+
`}async willUpdate(r){if(r.has("back")){if(!this.titleEl)return;new M(this.titleEl).when(async()=>{await this.updateComplete})}}get titleClasses(){return["header-title",this.back?"header-title-with-back-button":"header-title-without-back-button",this._hasTopContent?"header-title-with-top-area":""].join(" ")}get backButton(){return this.back&&!this._hasTopContent?U`<button
|
|
2484
2484
|
type="button"
|
|
2485
|
-
aria-label="${
|
|
2485
|
+
aria-label="${d._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}"
|
|
2486
2486
|
class="header-button header-button-left"
|
|
2487
2487
|
@click="${this.emitBack}">
|
|
2488
|
-
<w-icon name="ArrowLeft" size="small" locale="${
|
|
2489
|
-
</button>`:
|
|
2488
|
+
<w-icon name="ArrowLeft" size="small" locale="${y()}" style="display: flex;" class="flex"></w-icon>
|
|
2489
|
+
</button>`:ye}get closeButton(){return this.noClose?ye:U`<div class="header-close-button-container">
|
|
2490
2490
|
<w-button
|
|
2491
2491
|
type="button"
|
|
2492
|
-
aria-label="${
|
|
2492
|
+
aria-label="${d._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}"
|
|
2493
2493
|
variant="pill"
|
|
2494
2494
|
small=""
|
|
2495
2495
|
@click="${this.close}">
|
|
2496
|
-
<w-icon name="Close" size="small" locale="${
|
|
2496
|
+
<w-icon name="Close" size="small" locale="${y()}" style="display: flex;" class="flex"></w-icon>
|
|
2497
2497
|
</w-button>
|
|
2498
|
-
</div>`}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(r){let t=r.target.assignedElements({flatten:!0});this._hasTopContent=!!t.length}};
|
|
2498
|
+
</div>`}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(r){let t=r.target.assignedElements({flatten:!0});this._hasTopContent=!!t.length}};g.styles=[ke,cr`
|
|
2499
2499
|
.header {
|
|
2500
2500
|
position: relative;
|
|
2501
2501
|
padding-bottom: 0.8rem;
|
|
@@ -2588,5 +2588,5 @@ Please compile your catalog first.
|
|
|
2588
2588
|
min-width: 32px;
|
|
2589
2589
|
}
|
|
2590
2590
|
}
|
|
2591
|
-
`],
|
|
2591
|
+
`],b([X({type:String})],g.prototype,"title",2),b([X({type:Boolean})],g.prototype,"back",2),b([X({type:Boolean,attribute:"no-close"})],g.prototype,"noClose",2),b([br()],g.prototype,"_hasTopContent",2),b([pr(".title-el")],g.prototype,"titleEl",2);customElements.get("w-modal-header")||customElements.define("w-modal-header",g);export{g as ModalHeader};
|
|
2592
2592
|
//# sourceMappingURL=modal-header.js.map
|