@warp-ds/elements 2.8.1-next.2 → 2.8.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.
Files changed (40) hide show
  1. package/dist/custom-elements.json +183 -2
  2. package/dist/index.d.ts +21 -2
  3. package/dist/packages/attention/attention.js +6 -6
  4. package/dist/packages/attention/attention.js.map +2 -2
  5. package/dist/packages/box/box.js +3 -3
  6. package/dist/packages/box/box.js.map +2 -2
  7. package/dist/packages/breadcrumbs/breadcrumbs.stories.js +11 -20
  8. package/dist/packages/button/button.js +2 -2
  9. package/dist/packages/button/button.js.map +2 -2
  10. package/dist/packages/checkbox-group/checkbox-group.js +1 -1
  11. package/dist/packages/checkbox-group/checkbox-group.js.map +2 -2
  12. package/dist/packages/datepicker/datepicker.stories.js +2 -4
  13. package/dist/packages/icon/icon.react.stories.js +1 -1
  14. package/dist/packages/icon/icon.stories.js +1 -1
  15. package/dist/packages/link/link.js +1 -1
  16. package/dist/packages/link/link.js.map +2 -2
  17. package/dist/packages/modal/modal.js +4 -3
  18. package/dist/packages/modal/modal.js.map +3 -3
  19. package/dist/packages/modal-header/modal-header.js +1 -1
  20. package/dist/packages/modal-header/modal-header.js.map +2 -2
  21. package/dist/packages/pill/pill.js +1 -1
  22. package/dist/packages/pill/pill.js.map +2 -2
  23. package/dist/packages/select/select.a11y.test.d.ts +1 -0
  24. package/dist/packages/select/select.a11y.test.js +124 -0
  25. package/dist/packages/select/select.d.ts +7 -4
  26. package/dist/packages/select/select.js +21 -21
  27. package/dist/packages/select/select.js.map +3 -3
  28. package/dist/packages/select/select.react.stories.d.ts +1 -1
  29. package/dist/packages/select/select.test.js +168 -0
  30. package/dist/packages/slider/slider.stories.js +14 -36
  31. package/dist/packages/slider-thumb/slider-thumb.js +1 -1
  32. package/dist/packages/slider-thumb/slider-thumb.js.map +2 -2
  33. package/dist/packages/tab/tab.js +1 -1
  34. package/dist/packages/tab/tab.js.map +2 -2
  35. package/dist/packages/textarea/textarea.js +9 -9
  36. package/dist/packages/textarea/textarea.js.map +2 -2
  37. package/dist/packages/textfield/textfield.js +1 -1
  38. package/dist/packages/textfield/textfield.js.map +2 -2
  39. package/dist/web-types.json +131 -44
  40. package/package.json +7 -7
@@ -0,0 +1 @@
1
+ import './select.js';
@@ -0,0 +1,124 @@
1
+ import { html } from 'lit';
2
+ import { describe, expect, test } from 'vitest';
3
+ import { render } from 'vitest-browser-lit';
4
+ import './select.js';
5
+ describe('w-select accessibility (WCAG 2.2)', () => {
6
+ describe('axe-core automated checks', () => {
7
+ test('default state has no violations', async () => {
8
+ const page = render(html `
9
+ <w-select label="Berries">
10
+ <option value="strawberries">Strawberries</option>
11
+ <option value="raspberries">Raspberries</option>
12
+ </w-select>
13
+ `);
14
+ await expect(page).toHaveNoAxeViolations();
15
+ });
16
+ test('with help text has no violations', async () => {
17
+ const page = render(html `
18
+ <w-select label="Berries" help-text="Choose your favorite">
19
+ <option value="strawberries">Strawberries</option>
20
+ <option value="raspberries">Raspberries</option>
21
+ </w-select>
22
+ `);
23
+ await expect(page).toHaveNoAxeViolations();
24
+ });
25
+ test('invalid state has no violations', async () => {
26
+ const page = render(html `
27
+ <w-select label="Berries" invalid help-text="Selection required">
28
+ <option value="">Choose one</option>
29
+ <option value="strawberries">Strawberries</option>
30
+ </w-select>
31
+ `);
32
+ await expect(page).toHaveNoAxeViolations();
33
+ });
34
+ test('disabled state has no violations', async () => {
35
+ const page = render(html `
36
+ <w-select label="Berries" disabled>
37
+ <option value="strawberries">Strawberries</option>
38
+ <option value="raspberries">Raspberries</option>
39
+ </w-select>
40
+ `);
41
+ await expect(page).toHaveNoAxeViolations();
42
+ });
43
+ });
44
+ describe('WCAG 1.3.1 - Info and Relationships', () => {
45
+ test('select has accessible name from label', async () => {
46
+ const page = render(html `
47
+ <w-select label="Berry choice">
48
+ <option value="strawberries">Strawberries</option>
49
+ <option value="raspberries">Raspberries</option>
50
+ </w-select>
51
+ `);
52
+ await expect.element(page.getByLabelText('Berry choice')).toBeVisible();
53
+ });
54
+ });
55
+ describe('WCAG 3.3.1/3.3.2 - Errors and Instructions', () => {
56
+ test('invalid state is exposed through aria-invalid', async () => {
57
+ const page = render(html `
58
+ <w-select label="Berry choice" invalid>
59
+ <option value="">Choose one</option>
60
+ <option value="strawberries">Strawberries</option>
61
+ </w-select>
62
+ `);
63
+ await expect.element(page.getByLabelText('Berry choice')).toHaveAttribute('aria-invalid', 'true');
64
+ });
65
+ test('help text is associated as accessible description', async () => {
66
+ const page = render(html `
67
+ <w-select label="Berry choice" help-text="This appears in your profile">
68
+ <option value="strawberries">Strawberries</option>
69
+ <option value="raspberries">Raspberries</option>
70
+ </w-select>
71
+ `);
72
+ await expect.element(page.getByLabelText('Berry choice')).toHaveAccessibleDescription('This appears in your profile');
73
+ });
74
+ });
75
+ describe('WCAG 4.1.2 - Name, Role, Value', () => {
76
+ test('disabled state is exposed', async () => {
77
+ const page = render(html `
78
+ <w-select label="Berry choice" disabled>
79
+ <option value="strawberries">Strawberries</option>
80
+ <option value="raspberries">Raspberries</option>
81
+ </w-select>
82
+ `);
83
+ await expect.element(page.getByLabelText('Berry choice')).toBeDisabled();
84
+ });
85
+ test('value reflects selected option', async () => {
86
+ const page = render(html `
87
+ <w-select label="Berry choice">
88
+ <option value="strawberries">Strawberries</option>
89
+ <option value="raspberries" selected>Raspberries</option>
90
+ </w-select>
91
+ `);
92
+ await expect.element(page.getByLabelText('Berry choice')).toHaveValue('raspberries');
93
+ });
94
+ test('dynamic selected option updates are reflected accessibly', async () => {
95
+ const page = render(html `
96
+ <w-select label="Berry choice">
97
+ <option value="strawberries" selected>Strawberries</option>
98
+ <option value="raspberries">Raspberries</option>
99
+ </w-select>
100
+ `);
101
+ const wSelect = document.querySelector('w-select');
102
+ await wSelect.updateComplete;
103
+ const lightOptions = Array.from(wSelect.querySelectorAll('option'));
104
+ lightOptions[0].removeAttribute('selected');
105
+ lightOptions[1].setAttribute('selected', '');
106
+ await expect.poll(() => page.getByLabelText('Berry choice').element().value).toBe('raspberries');
107
+ await expect(page).toHaveNoAxeViolations();
108
+ });
109
+ });
110
+ describe('WCAG 2.1.1 - Keyboard', () => {
111
+ test('select is focusable', async () => {
112
+ const page = render(html `
113
+ <w-select label="Berry choice">
114
+ <option value="strawberries">Strawberries</option>
115
+ <option value="raspberries">Raspberries</option>
116
+ </w-select>
117
+ `);
118
+ const select = page.getByLabelText('Berry choice');
119
+ await select.click();
120
+ const wSelect = document.querySelector('w-select');
121
+ await expect.poll(() => wSelect?.shadowRoot?.activeElement?.tagName).toBe('SELECT');
122
+ });
123
+ });
124
+ });
@@ -1,4 +1,4 @@
1
- import { LitElement, TemplateResult } from 'lit';
1
+ import { LitElement, PropertyValues, TemplateResult } from 'lit';
2
2
  import '../icon/icon.js';
3
3
  declare const WarpSelect_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
4
4
  /**
@@ -54,10 +54,13 @@ export declare class WarpSelect extends WarpSelect_base {
54
54
  /** @internal */
55
55
  _setValue: (value: string) => void;
56
56
  connectedCallback(): void;
57
+ disconnectedCallback(): void;
58
+ firstUpdated(): void;
59
+ formStateRestoreCallback(state: string | File | FormData | null, _reason: 'autocomplete' | 'restore'): void;
60
+ willUpdate(changedProperties: PropertyValues<this>): void;
61
+ updated(changedProperties: PropertyValues<this>): void;
57
62
  handleKeyDown(event: KeyboardEvent): void;
58
- onChange({ target }: {
59
- target: any;
60
- }): void;
63
+ onChange(event: Event): void;
61
64
  render(): TemplateResult<1>;
62
65
  }
63
66
  export {};
@@ -1,13 +1,13 @@
1
- var er=Object.create;var ie=Object.defineProperty;var we=Object.getOwnPropertyDescriptor;var rr=Object.getOwnPropertyNames;var or=Object.getPrototypeOf,tr=Object.prototype.hasOwnProperty;var xe=o=>{throw TypeError(o)};var ye=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var ar=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of rr(e))!tr.call(o,a)&&a!==r&&ie(o,a,{get:()=>e[a],enumerable:!(t=we(e,a))||t.enumerable});return o};var ir=(o,e,r)=>(r=o!=null?er(or(o)):{},ar(e||!o||!o.__esModule?ie(r,"default",{value:o,enumerable:!0}):r,o));var h=(o,e,r,t)=>{for(var a=t>1?void 0:t?we(e,r):e,n=o.length-1,s;n>=0;n--)(s=o[n])&&(a=(t?s(e,r,a):s(a))||a);return t&&a&&ie(e,r,a),a};var ke=(o,e,r)=>e.has(o)||xe("Cannot "+r);var M=(o,e,r)=>(ke(o,e,"read from private field"),r?r.call(o):e.get(o)),se=(o,e,r)=>e.has(o)?xe("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),_e=(o,e,r,t)=>(ke(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r);var Ce=ye(V=>{"use strict";Object.defineProperty(V,"__esModule",{value:!0});V.errorMessages=V.ErrorType=void 0;var I;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(I=V.ErrorType||(V.ErrorType={}));V.errorMessages=new Map([[I.MalformedUnicode,"malformed Unicode character escape sequence"],[I.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[I.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[I.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[I.EndOfString,"malformed escape sequence at end of string"]])});var Ee=ye(T=>{"use strict";Object.defineProperty(T,"__esModule",{value:!0});T.unraw=T.errorMessages=T.ErrorType=void 0;var x=Ce();Object.defineProperty(T,"ErrorType",{enumerable:!0,get:function(){return x.ErrorType}});Object.defineProperty(T,"errorMessages",{enumerable:!0,get:function(){return x.errorMessages}});function sr(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function q(o,e,r){let t=sr(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(x.errorMessages.get(e));return t}function nr(o){let e=q(o,x.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function ze(o,e){let r=q(o,x.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=q(e,x.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function lr(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function cr(o){if(!lr(o))throw new SyntaxError(x.errorMessages.get(x.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=q(e,x.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(x.errorMessages.get(x.ErrorType.CodePointLimit)):t}}function dr(o,e=!1){if(e)throw new SyntaxError(x.errorMessages.get(x.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var br=new Map([["b","\b"],["f","\f"],["n",`
2
- `],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function ur(o){return br.get(o)||o}var hr=/\\(?:(\\)|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 Me(o,e=!1){return o.replace(hr,function(r,t,a,n,s,i,c,u,f){if(t!==void 0)return"\\";if(a!==void 0)return nr(a);if(n!==void 0)return cr(n);if(s!==void 0)return ze(s,i);if(c!==void 0)return ze(c);if(u==="0")return"\0";if(u!==void 0)return dr(u,!e);if(f!==void 0)return ur(f);throw new SyntaxError(x.errorMessages.get(x.ErrorType.EndOfString))})}T.unraw=Me;T.default=Me});var G=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?G.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var Te=ir(Ee(),1);var A=o=>typeof o=="string",pr=o=>typeof o=="function",Fe=new Map,Oe="en";function de(o){return[...Array.isArray(o)?o:[o],Oe]}function be(o,e,r){let t=de(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 J(()=>K("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(A(e)?new Date(e):e)}function gr(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 be(o,e,t)}function ne(o,e,r){let t=de(o);return J(()=>K("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function Le(o,e,r,{offset:t=0,...a}){var i,c;let n=de(o),s=e?J(()=>K("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):J(()=>K("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(c=(i=a[r])!=null?i:a[s.select(r-t)])!=null?c:a.other}function J(o,e){let r=o(),t=Fe.get(r);return t||(t=e(),Fe.set(r,t)),t}function K(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var $e=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Pe="%__lingui_octothorpe__%",mr=(o,e,r={})=>{let t=e||o,a=s=>typeof s=="object"?s:r[s],n=(s,i)=>{let c=Object.keys(r).length?a("number"):void 0,u=ne(t,s,c);return i.replace(new RegExp(Pe,"g"),u)};return{plural:(s,i)=>{let{offset:c=0}=i,u=Le(t,!1,s,i);return n(s-c,u)},selectordinal:(s,i)=>{let{offset:c=0}=i,u=Le(t,!0,s,i);return n(s-c,u)},select:vr,number:(s,i)=>ne(t,s,a(i)||{style:i}),date:(s,i)=>be(t,s,a(i)||i),time:(s,i)=>gr(t,s,a(i)||i)}},vr=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function fr(o,e,r){return(t={},a)=>{let n=mr(e,r,a),s=(c,u=!1)=>Array.isArray(c)?c.reduce((f,z)=>{if(z==="#"&&u)return f+Pe;if(A(z))return f+z;let[F,_,$]=z,P={};_==="plural"||_==="selectordinal"||_==="select"?Object.entries($).forEach(([S,R])=>{P[S]=s(R,_==="plural"||_==="selectordinal")}):P=$;let k;if(_){let S=n[_];k=S(t[F],P)}else k=t[F];return k==null?f:f+k},""):c,i=s(o);return A(i)&&$e.test(i)?(0,Te.unraw)(i):A(i)?i:i?String(i):""}}var wr=Object.defineProperty,xr=(o,e,r)=>e in o?wr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,yr=(o,e,r)=>(xr(o,typeof e!="symbol"?e+"":e,r),r),le=class{constructor(){yr(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}},kr=Object.defineProperty,_r=(o,e,r)=>e in o?kr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,D=(o,e,r)=>(_r(o,typeof e!="symbol"?e+"":e,r),r),ce=class extends le{constructor(e){var r;super(),D(this,"_locale",""),D(this,"_locales"),D(this,"_localeData",{}),D(this,"_messages",{}),D(this,"_missing"),D(this,"_messageCompiler"),D(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:Oe,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=""),A(e)||(r=e.values||r,a=e.message,e=e.id);let n=this.messages[e],s=n===void 0,i=this._missing;if(i&&s)return pr(i)?i(this._locale,e):i;s&&this.emit("missing",{id:e,locale:this._locale});let c=n||a||e;return A(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
1
+ var cr=Object.create;var be=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var dr=Object.getOwnPropertyNames;var ur=Object.getPrototypeOf,br=Object.prototype.hasOwnProperty;var Oe=o=>{throw TypeError(o)};var Te=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var hr=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of dr(e))!br.call(o,a)&&a!==r&&be(o,a,{get:()=>e[a],enumerable:!(t=Le(e,a))||t.enumerable});return o};var pr=(o,e,r)=>(r=o!=null?cr(ur(o)):{},hr(e||!o||!o.__esModule?be(r,"default",{value:o,enumerable:!0}):r,o));var p=(o,e,r,t)=>{for(var a=t>1?void 0:t?Le(e,r):e,s=o.length-1,i;s>=0;s--)(i=o[s])&&(a=(t?i(e,r,a):i(a))||a);return t&&a&&be(e,r,a),a};var he=(o,e,r)=>e.has(o)||Oe("Cannot "+r);var x=(o,e,r)=>(he(o,e,"read from private field"),r?r.call(o):e.get(o)),G=(o,e,r)=>e.has(o)?Oe("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),pe=(o,e,r,t)=>(he(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r),w=(o,e,r)=>(he(o,e,"access private method"),r);var Se=Te(N=>{"use strict";Object.defineProperty(N,"__esModule",{value:!0});N.errorMessages=N.ErrorType=void 0;var R;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(R=N.ErrorType||(N.ErrorType={}));N.errorMessages=new Map([[R.MalformedUnicode,"malformed Unicode character escape sequence"],[R.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[R.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[R.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[R.EndOfString,"malformed escape sequence at end of string"]])});var De=Te(T=>{"use strict";Object.defineProperty(T,"__esModule",{value:!0});T.unraw=T.errorMessages=T.ErrorType=void 0;var y=Se();Object.defineProperty(T,"ErrorType",{enumerable:!0,get:function(){return y.ErrorType}});Object.defineProperty(T,"errorMessages",{enumerable:!0,get:function(){return y.errorMessages}});function gr(o){return!o.match(/[^a-f0-9]/i)?parseInt(o,16):NaN}function ee(o,e,r){let t=gr(o);if(Number.isNaN(t)||r!==void 0&&r!==o.length)throw new SyntaxError(y.errorMessages.get(e));return t}function vr(o){let e=ee(o,y.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function Ve(o,e){let r=ee(o,y.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=ee(e,y.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,t)}return String.fromCharCode(r)}function mr(o){return o.charAt(0)==="{"&&o.charAt(o.length-1)==="}"}function fr(o){if(!mr(o))throw new SyntaxError(y.errorMessages.get(y.ErrorType.MalformedUnicode));let e=o.slice(1,-1),r=ee(e,y.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(t){throw t instanceof RangeError?new SyntaxError(y.errorMessages.get(y.ErrorType.CodePointLimit)):t}}function wr(o,e=!1){if(e)throw new SyntaxError(y.errorMessages.get(y.ErrorType.OctalDeprecation));let r=parseInt(o,8);return String.fromCharCode(r)}var xr=new Map([["b","\b"],["f","\f"],["n",`
2
+ `],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function yr(o){return xr.get(o)||o}var kr=/\\(?:(\\)|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 Pe(o,e=!1){return o.replace(kr,function(r,t,a,s,i,n,d,h,_){if(t!==void 0)return"\\";if(a!==void 0)return vr(a);if(s!==void 0)return fr(s);if(i!==void 0)return Ve(i,n);if(d!==void 0)return Ve(d);if(h==="0")return"\0";if(h!==void 0)return wr(h,!e);if(_!==void 0)return yr(_);throw new SyntaxError(y.errorMessages.get(y.ErrorType.EndOfString))})}T.unraw=Pe;T.default=Pe});var q=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?q.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var Ne=pr(De(),1);var D=o=>typeof o=="string",_r=o=>typeof o=="function",$e=new Map,je="en";function fe(o){return[...Array.isArray(o)?o:[o],je]}function we(o,e,r){let t=fe(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 re(()=>oe("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(D(e)?new Date(e):e)}function Cr(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 we(o,e,t)}function ge(o,e,r){let t=fe(o);return re(()=>oe("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function Ae(o,e,r,{offset:t=0,...a}){var n,d;let s=fe(o),i=e?re(()=>oe("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):re(()=>oe("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(d=(n=a[r])!=null?n:a[i.select(r-t)])!=null?d:a.other}function re(o,e){let r=o(),t=$e.get(r);return t||(t=e(),$e.set(r,t)),t}function oe(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var Ie=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Re="%__lingui_octothorpe__%",zr=(o,e,r={})=>{let t=e||o,a=i=>typeof i=="object"?i:r[i],s=(i,n)=>{let d=Object.keys(r).length?a("number"):void 0,h=ge(t,i,d);return n.replace(new RegExp(Re,"g"),h)};return{plural:(i,n)=>{let{offset:d=0}=n,h=Ae(t,!1,i,n);return s(i-d,h)},selectordinal:(i,n)=>{let{offset:d=0}=n,h=Ae(t,!0,i,n);return s(i-d,h)},select:Mr,number:(i,n)=>ge(t,i,a(n)||{style:n}),date:(i,n)=>we(t,i,a(n)||n),time:(i,n)=>Cr(t,i,a(n)||n)}},Mr=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Er(o,e,r){return(t={},a)=>{let s=zr(e,r,a),i=(d,h=!1)=>Array.isArray(d)?d.reduce((_,E)=>{if(E==="#"&&h)return _+Re;if(D(E))return _+E;let[L,z,V]=E,P={};z==="plural"||z==="selectordinal"||z==="select"?Object.entries(V).forEach(([A,U])=>{P[A]=i(U,z==="plural"||z==="selectordinal")}):P=V;let C;if(z){let A=s[z];C=A(t[L],P)}else C=t[L];return C==null?_:_+C},""):d,n=i(o);return D(n)&&Ie.test(n)?(0,Ne.unraw)(n):D(n)?n:n?String(n):""}}var Fr=Object.defineProperty,Lr=(o,e,r)=>e in o?Fr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Or=(o,e,r)=>(Lr(o,typeof e!="symbol"?e+"":e,r),r),ve=class{constructor(){Or(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}},Tr=Object.defineProperty,Sr=(o,e,r)=>e in o?Tr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,j=(o,e,r)=>(Sr(o,typeof e!="symbol"?e+"":e,r),r),me=class extends ve{constructor(e){var r;super(),j(this,"_locale",""),j(this,"_locales"),j(this,"_localeData",{}),j(this,"_messages",{}),j(this,"_missing"),j(this,"_messageCompiler"),j(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:je,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=""),D(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 _r(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let d=s||a||e;return D(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
3
3
 
4
- > ${c}
4
+ > ${d}
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
- `)),A(c)&&$e.test(c)?JSON.parse(`"${c}"`):A(c)?c:fr(c,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return be(this._locales||this._locale,e,r)}number(e,r){return ne(this._locales||this._locale,e,r)}};function Cr(o={}){return new ce(o)}var E=Cr();var b=function(o,e,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?o!==e||!t:!e.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(o):t?t.value:e.get(o)},g=function(o,e,r,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?o!==e||!a:!e.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,r):a?a.value=r:e.set(o,r),r};function Ae(o){var e,r,t,a,n,s,i,c,u,f,z,F,_,$,P,k,S,R,oe;class We extends o{constructor(...l){var d,p,v;super(...l),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),n.set(this,void 0),s.set(this,void 0),i.set(this,!0),u.set(this,""),f.set(this,()=>{g(this,a,!0,"f"),g(this,r,!0,"f"),b(this,e,"m",k).call(this)}),z.set(this,()=>{g(this,r,!1,"f"),b(this,e,"m",S).call(this,this.shouldFormValueUpdate()?b(this,u,"f"):""),!this.validity.valid&&b(this,a,"f")&&g(this,t,!0,"f");let L=b(this,e,"m",k).call(this);this.validationMessageCallback&&this.validationMessageCallback(L?this.internals.validationMessage:"")}),F.set(this,()=>{var L;b(this,i,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,i,!1,"f")),g(this,a,!0,"f"),g(this,t,!0,"f"),b(this,e,"m",k).call(this),(L=this===null||this===void 0?void 0:this.validationMessageCallback)===null||L===void 0||L.call(this,this.showError?this.internals.validationMessage:"")}),_.set(this,void 0),$.set(this,!1),P.set(this,Promise.resolve()),(d=this.addEventListener)===null||d===void 0||d.call(this,"focus",b(this,f,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"blur",b(this,z,"f")),(v=this.addEventListener)===null||v===void 0||v.call(this,"invalid",b(this,F,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let l=this.validators.map(v=>v.attribute).flat(),d=super.observedAttributes||[];return[...new Set([...d,...l])]}static getValidator(l){return this.validators.find(d=>d.attribute===l)||null}static getValidators(l){return this.validators.filter(d=>{var p;if(d.attribute===l||!((p=d.attribute)===null||p===void 0)&&p.includes(l))return!0})}get form(){return this.internals.form}get showError(){return b(this,e,"m",k).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,d,p){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,l,d,p);let H=this.constructor.getValidators(l);H!=null&&H.length&&this.validationTarget&&this.setValue(b(this,u,"f"))}setValue(l){var d;g(this,t,!1,"f"),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,""),g(this,u,l,"f");let v=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(v),b(this,e,"m",S).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),b(this,e,"m",k).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(b(this,P,"f")))}formResetCallback(){var l,d;g(this,a,!1,"f"),g(this,t,!1,"f"),b(this,e,"m",k).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,b(this,e,"m",k).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,n=new WeakMap,s=new WeakMap,i=new WeakMap,u=new WeakMap,f=new WeakMap,z=new WeakMap,F=new WeakMap,_=new WeakMap,$=new WeakMap,P=new WeakMap,e=new WeakSet,c=function(){let l=this.getRootNode(),d=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(d)},k=function(){if(this.hasAttribute("disabled"))return!1;let l=b(this,t,"f")||b(this,a,"f")&&!this.validity.valid&&!b(this,r,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},S=function(l){let d=this.constructor,p={},v=d.validators,L=[],H=v.some(C=>C.isValid instanceof Promise);b(this,$,"f")||(g(this,P,new Promise(C=>{g(this,_,C,"f")}),"f"),g(this,$,!0,"f")),b(this,n,"f")&&(b(this,n,"f").abort(),g(this,s,b(this,n,"f"),"f"));let X=new AbortController;g(this,n,X,"f");let Z,fe=!1;v.length&&(v.forEach(C=>{let te=C.key||"customError",j=C.isValid(this,l,X.signal);j instanceof Promise?(L.push(j),j.then(ae=>{ae!=null&&(p[te]=!ae,Z=b(this,e,"m",oe).call(this,C,l),b(this,e,"m",R).call(this,p,Z))})):(p[te]=!j,this.validity[te]!==!j&&(fe=!0),!j&&!Z&&(Z=b(this,e,"m",oe).call(this,C,l)))}),Promise.allSettled(L).then(()=>{var C;X!=null&&X.signal.aborted||(g(this,$,!1,"f"),(C=b(this,_,"f"))===null||C===void 0||C.call(this))}),(fe||!H)&&b(this,e,"m",R).call(this,p,Z))},R=function(l,d){if(this.validationTarget)this.internals.setValidity(l,d,this.validationTarget),g(this,i,!1,"f");else{if(this.internals.setValidity(l,d),this.internals.validity.valid)return;g(this,i,!0,"f")}},oe=function(l,d){if(this.validityCallback){let p=this.validityCallback(l.key||"customError");if(p)return p}return l.message instanceof Function?l.message(this,d):l.message},We}import{css as Dr,html as Y,LitElement as jr}from"lit";import{property as y}from"lit/decorators.js";import{ifDefined as ge}from"lit/directives/if-defined.js";import{when as me}from"lit/directives/when.js";var zr=["en","nb","fi","da","sv"],ue="en",Q=o=>zr.find(e=>o===e||o.toLowerCase().includes(e))||ue;function W(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Q(o)}try{let o=Se(document);if(o)return Q(o);let e=Lr();if(e)return Q(e);let r=Se(je());return r?Q(r):ue}catch(o){return console.warn("could not detect locale, falling back to source locale",o),ue}}var Ve=(o,e,r,t,a)=>{E.load("en",o),E.load("nb",e),E.load("fi",r),E.load("da",t),E.load("sv",a);let n=W();E.activate(n),De(),Er()},Mr="warp-i18n-change";function De(){typeof window!="undefined"&&window.dispatchEvent(new Event(Mr))}var Ne=!1;function Er(){if(Ne||typeof window=="undefined"||!(document!=null&&document.documentElement))return;Ne=!0;let o=()=>{let a=W();E.locale!==a&&(E.activate(a),De())},e=new MutationObserver(a=>{for(let n of a)if(n.type==="attributes"&&n.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=je();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Fr();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function je(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function Se(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 Fr(){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""}}import{css as Ie}from"lit";var Ye=Ie`
10
+ `)),D(d)&&Ie.test(d)?JSON.parse(`"${d}"`):D(d)?d:Er(d,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return we(this._locales||this._locale,e,r)}number(e,r){return ge(this._locales||this._locale,e,r)}};function Vr(o={}){return new me(o)}var F=Vr();var b=function(o,e,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?o!==e||!t:!e.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(o):t?t.value:e.get(o)},v=function(o,e,r,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?o!==e||!a:!e.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,r):a?a.value=r:e.set(o,r),r};function Ye(o){var e,r,t,a,s,i,n,d,h,_,E,L,z,V,P,C,A,U,ce;class lr extends o{constructor(...l){var u,g,f;super(...l),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),s.set(this,void 0),i.set(this,void 0),n.set(this,!0),h.set(this,""),_.set(this,()=>{v(this,a,!0,"f"),v(this,r,!0,"f"),b(this,e,"m",C).call(this)}),E.set(this,()=>{v(this,r,!1,"f"),b(this,e,"m",A).call(this,this.shouldFormValueUpdate()?b(this,h,"f"):""),!this.validity.valid&&b(this,a,"f")&&v(this,t,!0,"f");let O=b(this,e,"m",C).call(this);this.validationMessageCallback&&this.validationMessageCallback(O?this.internals.validationMessage:"")}),L.set(this,()=>{var O;b(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),v(this,n,!1,"f")),v(this,a,!0,"f"),v(this,t,!0,"f"),b(this,e,"m",C).call(this),(O=this===null||this===void 0?void 0:this.validationMessageCallback)===null||O===void 0||O.call(this,this.showError?this.internals.validationMessage:"")}),z.set(this,void 0),V.set(this,!1),P.set(this,Promise.resolve()),(u=this.addEventListener)===null||u===void 0||u.call(this,"focus",b(this,_,"f")),(g=this.addEventListener)===null||g===void 0||g.call(this,"blur",b(this,E,"f")),(f=this.addEventListener)===null||f===void 0||f.call(this,"invalid",b(this,L,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let l=this.validators.map(f=>f.attribute).flat(),u=super.observedAttributes||[];return[...new Set([...u,...l])]}static getValidator(l){return this.validators.find(u=>u.attribute===l)||null}static getValidators(l){return this.validators.filter(u=>{var g;if(u.attribute===l||!((g=u.attribute)===null||g===void 0)&&g.includes(l))return!0})}get form(){return this.internals.form}get showError(){return b(this,e,"m",C).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,u,g){var f;(f=super.attributeChangedCallback)===null||f===void 0||f.call(this,l,u,g);let X=this.constructor.getValidators(l);X!=null&&X.length&&this.validationTarget&&this.setValue(b(this,h,"f"))}setValue(l){var u;v(this,t,!1,"f"),(u=this.validationMessageCallback)===null||u===void 0||u.call(this,""),v(this,h,l,"f");let f=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(f),b(this,e,"m",A).call(this,f),this.valueChangedCallback&&this.valueChangedCallback(f),b(this,e,"m",C).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(b(this,P,"f")))}formResetCallback(){var l,u;v(this,a,!1,"f"),v(this,t,!1,"f"),b(this,e,"m",C).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(u=this.validationMessageCallback)===null||u===void 0||u.call(this,b(this,e,"m",C).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,s=new WeakMap,i=new WeakMap,n=new WeakMap,h=new WeakMap,_=new WeakMap,E=new WeakMap,L=new WeakMap,z=new WeakMap,V=new WeakMap,P=new WeakMap,e=new WeakSet,d=function(){let l=this.getRootNode(),u=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(u)},C=function(){if(this.hasAttribute("disabled"))return!1;let l=b(this,t,"f")||b(this,a,"f")&&!this.validity.valid&&!b(this,r,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},A=function(l){let u=this.constructor,g={},f=u.validators,O=[],X=f.some(M=>M.isValid instanceof Promise);b(this,V,"f")||(v(this,P,new Promise(M=>{v(this,z,M,"f")}),"f"),v(this,V,!0,"f")),b(this,s,"f")&&(b(this,s,"f").abort(),v(this,i,b(this,s,"f"),"f"));let B=new AbortController;v(this,s,B,"f");let Z,Fe=!1;f.length&&(f.forEach(M=>{let de=M.key||"customError",I=M.isValid(this,l,B.signal);I instanceof Promise?(O.push(I),I.then(ue=>{ue!=null&&(g[de]=!ue,Z=b(this,e,"m",ce).call(this,M,l),b(this,e,"m",U).call(this,g,Z))})):(g[de]=!I,this.validity[de]!==!I&&(Fe=!0),!I&&!Z&&(Z=b(this,e,"m",ce).call(this,M,l)))}),Promise.allSettled(O).then(()=>{var M;B!=null&&B.signal.aborted||(v(this,V,!1,"f"),(M=b(this,z,"f"))===null||M===void 0||M.call(this))}),(Fe||!X)&&b(this,e,"m",U).call(this,g,Z))},U=function(l,u){if(this.validationTarget)this.internals.setValidity(l,u,this.validationTarget),v(this,n,!1,"f");else{if(this.internals.setValidity(l,u),this.internals.validity.valid)return;v(this,n,!0,"f")}},ce=function(l,u){if(this.validityCallback){let g=this.validityCallback(l.key||"customError");if(g)return g}return l.message instanceof Function?l.message(this,u):l.message},lr}import{css as Zr,html as J,LitElement as Gr}from"lit";import{property as k}from"lit/decorators.js";import{ifDefined as _e}from"lit/directives/if-defined.js";import{when as Ce}from"lit/directives/when.js";var Pr=["en","nb","fi","da","sv"],xe="en",te=o=>Pr.find(e=>o===e||o.toLowerCase().includes(e))||xe;function ae(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return te(o)}try{let o=He(document);if(o)return te(o);let e=Nr();if(e)return te(e);let r=He(Ze());return r?te(r):xe}catch(o){return console.warn("could not detect locale, falling back to source locale",o),xe}}var Xe=(o,e,r,t,a)=>{F.load("en",o),F.load("nb",e),F.load("fi",r),F.load("da",t),F.load("sv",a);let s=ae();F.activate(s),Be(),$r()},Dr="warp-i18n-change";function Be(){typeof window!="undefined"&&window.dispatchEvent(new Event(Dr))}var Ue=!1;function $r(){if(Ue||typeof window=="undefined"||!(document!=null&&document.documentElement))return;Ue=!0;let o=()=>{let a=ae();F.locale!==a&&(F.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=Ze();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ar();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function Ze(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function He(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 Ar(){var o;try{return(o=window.frameElement)!=null?o:null}catch(e){return null}}function Nr(){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""}}import{css as Ge}from"lit";var qe=Ge`
11
11
  *,
12
12
  :before,
13
13
  :after {
@@ -280,7 +280,7 @@ Please compile your catalog first.
280
280
  svg {
281
281
  pointer-events: none;
282
282
  }
283
- `,Kr=Ie`*, :before, :after {
283
+ `,so=Ge`*, :before, :after {
284
284
  --w-rotate: 0;
285
285
  --w-rotate-x: 0;
286
286
  --w-rotate-y: 0;
@@ -2446,7 +2446,7 @@ Please compile your catalog first.
2446
2446
  display: none
2447
2447
  }
2448
2448
  }
2449
- `;var Re=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var Ue=JSON.parse('{"select.label.optional":["(optional)"]}');var He=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var Xe=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var Ze=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{css as Tr}from"lit";var Ge=Tr`*,: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}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display: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}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{html as $r,LitElement as Pr}from"lit";import{property as he,state as Ar}from"lit/decorators.js";import{classMap as Nr}from"lit/directives/class-map.js";import{css as Or}from"lit";var Be=Or`
2449
+ `;var Je=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var Ke=JSON.parse('{"select.label.optional":["(optional)"]}');var Qe=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var We=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var er=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{css as jr}from"lit";var rr=jr`*,: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}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display: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}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{html as Rr,LitElement as Yr}from"lit";import{property as ye,state as Ur}from"lit/decorators.js";import{classMap as Hr}from"lit/directives/class-map.js";import{css as Ir}from"lit";var or=Ir`
2450
2450
  :host {
2451
2451
  display: inline-block;
2452
2452
  }
@@ -2471,37 +2471,37 @@ Please compile your catalog first.
2471
2471
  --w-icon-size: 32px;
2472
2472
  }
2473
2473
 
2474
- `;var pe=new Map,Sr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Vr(o,e={}){var t;let r=(t=e.responseParser)!=null?t:(a=>a.text());return pe.has(o)||pe.set(o,fetch(o).then(r)),pe.get(o)}var N=class extends Pr{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 Vr(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(Sr,"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 $r`<div class="${Nr(r)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};N.styles=[Be],h([he({type:String,reflect:!0})],N.prototype,"name",2),h([he({type:String,reflect:!0})],N.prototype,"size",2),h([he({type:String,reflect:!0})],N.prototype,"locale",2),h([Ar()],N.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",N);var O={base:"block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current",default:"s-text s-bg pl-8 border-1 s-border-strong hover:s-border-strong-hover active:s-border-active",disabled:"s-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none",invalid:"s-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!",readOnly:"s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",wrapper:"relative",selectWrapper:"relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",chevron:"block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",chevronDisabled:"opacity-25"},qe={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},ve={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},B,w,Je,Ke,Qe,ee,re,m=class extends Ae(jr){constructor(){super();se(this,w);se(this,B,null);this._setValue=r=>{this.value=r,this.setValue(r)};Ve(Ue,Xe,He,Re,Ze)}resetFormControl(){this.value=M(this,B)}connectedCallback(){super.connectedCallback(),_e(this,B,this.value),(this.autofocus||this.autoFocus)&&this.shadowRoot.querySelector("select").focus();let t=Array.from(this.children).filter(a=>a.tagName.toLowerCase()==="option"||a.tagName.toLowerCase()==="w-option").map(a=>{var u,f;let n=(u=a.getAttribute("value"))!=null?u:"",s=(f=a.textContent)!=null?f:"",i=a.hasAttribute("selected"),c=a.hasAttribute("disabled");return i&&this._setValue(n),Y`<option value="${n}" ?selected=${i} ?disabled=${c}>${s}</option>`});this._options=t}handleKeyDown(r){(this.readonly||this.readOnly)&&(r.key===" "||r.key==="ArrowDown"||r.key==="ArrowUp")&&r.preventDefault()}onChange({target:r}){this._setValue(r.value);let t=new CustomEvent("change",{detail:r.value}),n=Array.from(this.children).filter(s=>s.tagName.toLowerCase()==="option"||s.tagName.toLowerCase()==="w-option").map(s=>{var z,F;let i=(z=s.getAttribute("value"))!=null?z:"",c=i===r.value,u=(F=s.textContent)!=null?F:"",f=s.hasAttribute("disabled");return Y`<option value="${i}" ?selected=${c} ?disabled=${f}>${u}</option>`});this._options=n,this.dispatchEvent(t)}render(){return Y`<div class="${O.wrapper}">
2475
- ${me(this.label,()=>Y`<label class="${qe.base}" for="${M(this,w,ee)}">
2474
+ `;var ke=new Map,Xr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Br(o,e={}){var t;let r=(t=e.responseParser)!=null?t:(a=>a.text());return ke.has(o)||ke.set(o,fetch(o).then(r)),ke.get(o)}var $=class extends Yr{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 Br(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(Xr,"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 Rr`<div class="${Hr(r)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};$.styles=[or],p([ye({type:String,reflect:!0})],$.prototype,"name",2),p([ye({type:String,reflect:!0})],$.prototype,"size",2),p([ye({type:String,reflect:!0})],$.prototype,"locale",2),p([Ur()],$.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",$);var S={base:"block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current",default:"s-text s-bg pl-8 border-1 s-border-strong hover:s-border-strong-hover active:s-border-active",disabled:"s-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none",invalid:"s-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!",readOnly:"s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",wrapper:"relative",selectWrapper:"relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",chevron:"block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",chevronDisabled:"opacity-25"},tr={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},ze={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},Q,W,Y,c,Me,ie,ar,K,se,Ee,ir,sr,nr,ne,le,m=class extends Ye(Gr){constructor(){super();G(this,c);this.autoFocus=!1;this.autofocus=!1;this.invalid=!1;this.always=!1;this.optional=!1;this.disabled=!1;this.readOnly=!1;this.readonly=!1;G(this,Q,null);G(this,W,()=>w(this,c,se).call(this));G(this,Y);this._setValue=r=>{this.value=r,this.setValue(r)};Xe(Ke,We,Qe,Je,er)}resetFormControl(){this.value=x(this,Q)}connectedCallback(){var r,t;super.connectedCallback(),pe(this,Q,this.value),(this.autofocus||this.autoFocus)&&this.shadowRoot.querySelector("select").focus(),w(this,c,Ee).call(this,{syncValueFromSelected:!0}),(t=(r=this.ownerDocument)==null?void 0:r.defaultView)==null||t.addEventListener("pageshow",x(this,W)),pe(this,Y,new MutationObserver(()=>{w(this,c,Ee).call(this,{syncValueFromSelected:!0})})),x(this,Y).observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["selected","disabled","value"]})}disconnectedCallback(){var r,t,a;super.disconnectedCallback(),(t=(r=this.ownerDocument)==null?void 0:r.defaultView)==null||t.removeEventListener("pageshow",x(this,W)),(a=x(this,Y))==null||a.disconnect()}firstUpdated(){w(this,c,se).call(this)}formStateRestoreCallback(r,t){if(typeof r=="string"&&r){this._setValue(r),w(this,c,K).call(this,r);return}w(this,c,se).call(this,{allowDefaultFirstOption:!0})}willUpdate(r){r.has("value")&&this.setValue(this.value)}updated(r){var t,a;if(r.has("value")){let s=w(this,c,ie).call(this);s&&s.value!==this.value&&(s.value=(t=this.value)!=null?t:""),w(this,c,K).call(this,(a=this.value)!=null?a:"")}}handleKeyDown(r){(this.readonly||this.readOnly)&&(r.key===" "||r.key==="ArrowDown"||r.key==="ArrowUp")&&r.preventDefault()}onChange(r){let a=r.currentTarget.value;r.stopPropagation(),this._setValue(a),w(this,c,K).call(this,a),this.dispatchEvent(new CustomEvent("change",{detail:a}))}render(){return J`<div class="${S.wrapper}">
2475
+ ${Ce(this.label,()=>J`<label class="${tr.base}" for="${x(this,c,ne)}">
2476
2476
  ${this.label}
2477
- ${me(this.optional,()=>Y`<span class="${qe.optional}"
2478
- >${E._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
2477
+ ${Ce(this.optional,()=>J`<span class="${tr.optional}"
2478
+ >${F._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
2479
2479
  >`)}</label
2480
2480
  >`)}
2481
- <div class="${O.selectWrapper}">
2481
+ <div class="${S.selectWrapper}">
2482
2482
  <select
2483
- class="${M(this,w,Je)}"
2484
- id="${M(this,w,ee)}"
2483
+ class="${x(this,c,ir)}"
2484
+ id="${x(this,c,ne)}"
2485
2485
  ?disabled=${this.disabled}
2486
2486
  aria-readonly="${this.readonly}"
2487
- aria-describedby="${ge(M(this,w,re))}"
2488
- aria-invalid="${ge(this.invalid)}"
2489
- aria-errormessage="${ge(this.invalid&&M(this,w,re))}"
2487
+ aria-describedby="${_e(x(this,c,le))}"
2488
+ aria-invalid="${_e(this.invalid)}"
2489
+ aria-errormessage="${_e(this.invalid&&x(this,c,le))}"
2490
2490
  @keydown=${this.handleKeyDown}
2491
2491
  @change=${this.onChange}>
2492
2492
  ${this._options}
2493
2493
  </select>
2494
- <div class="${M(this,w,Qe)}">
2495
- <w-icon name="ChevronDown" size="small" locale="${W()}" class="flex"></w-icon>
2494
+ <div class="${x(this,c,nr)}">
2495
+ <w-icon name="ChevronDown" size="small" locale="${ae()}" class="flex"></w-icon>
2496
2496
  </div>
2497
2497
  </div>
2498
- ${me(this.helpText||this.always||this.invalid,()=>Y`<div id="${M(this,w,re)}" class="${M(this,w,Ke)}">${this.helpText||this.hint}</div>`)}
2499
- </div>`}};B=new WeakMap,w=new WeakSet,Je=function(){return G([O.base,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&O.default,this.invalid&&O.invalid,this.disabled&&O.disabled,(this.readonly||this.readOnly)&&O.readOnly])},Ke=function(){return G([ve.base,this.invalid?ve.colorInvalid:ve.color])},Qe=function(){return G([O.chevron,this.disabled&&O.chevronDisabled])},ee=function(){return"select_id"},re=function(){return this.hint?`${M(this,w,ee)}__hint`:void 0},m.styles=[Ye,Ge,Dr`
2498
+ ${Ce(this.helpText||this.always||this.invalid,()=>J`<div id="${x(this,c,le)}" class="${x(this,c,sr)}">${this.helpText||this.hint}</div>`)}
2499
+ </div>`}};Q=new WeakMap,W=new WeakMap,Y=new WeakMap,c=new WeakSet,Me=function(){return Array.from(this.children).filter(r=>r.tagName.toLowerCase()==="option"||r.tagName.toLowerCase()==="w-option")},ie=function(){var r;return(r=this.shadowRoot)==null?void 0:r.querySelector("select")},ar=function(){return w(this,c,Me).call(this).some(r=>r.hasAttribute("selected"))},K=function(r){let t=w(this,c,ie).call(this);if(!t)return;let a=!1;for(let s of Array.from(t.options)){let i=!a&&s.value===r;s.selected=i,s.toggleAttribute("selected",i),i&&(a=!0)}},se=function({allowDefaultFirstOption:r=!1}={}){let t=w(this,c,ie).call(this);if(!t)return;let a=t.value;!a||a===this.value||!r&&!this.value&&!w(this,c,ar).call(this)&&t.selectedIndex===0||(this._setValue(a),w(this,c,K).call(this,a))},Ee=function({syncValueFromSelected:r=!1}={}){let t=w(this,c,Me).call(this),a,s=t.map(i=>{var E,L;let n=(E=i.getAttribute("value"))!=null?E:"",d=(L=i.textContent)!=null?L:"",h=i.hasAttribute("selected"),_=i.hasAttribute("disabled");return r&&a===void 0&&h&&(a=n),J`<option value="${n}" ?selected=${h} ?disabled=${_}>${d}</option>`});this._options=s,r&&a!==void 0&&a!==this.value&&this._setValue(a)},ir=function(){return q([S.base,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&S.default,this.invalid&&S.invalid,this.disabled&&S.disabled,(this.readonly||this.readOnly)&&S.readOnly])},sr=function(){return q([ze.base,this.invalid?ze.colorInvalid:ze.color])},nr=function(){return q([S.chevron,this.disabled&&S.chevronDisabled])},ne=function(){return"select_id"},le=function(){return this.helpText||this.hint?`${x(this,c,ne)}__hint`:void 0},m.styles=[qe,rr,Zr`
2500
2500
  /* if there is an option with an empty value and it is selected */
2501
2501
  select:has(option[value=""][selected]),
2502
2502
  /* if there is an option with an empty value, and no other options are selected */
2503
2503
  select:has(option[value=""]):not(:has(option[selected])) {
2504
2504
  color: var(--w-s-color-text-placeholder);
2505
2505
  }
2506
- `],h([y({attribute:"auto-focus",type:Boolean,reflect:!0})],m.prototype,"autoFocus",2),h([y({type:Boolean,reflect:!0})],m.prototype,"autofocus",2),h([y({attribute:"help-text",reflect:!0})],m.prototype,"helpText",2),h([y({type:Boolean,reflect:!0})],m.prototype,"invalid",2),h([y({type:Boolean,reflect:!0})],m.prototype,"always",2),h([y({reflect:!0})],m.prototype,"hint",2),h([y({reflect:!0})],m.prototype,"label",2),h([y({type:Boolean,reflect:!0})],m.prototype,"optional",2),h([y({type:Boolean,reflect:!0})],m.prototype,"disabled",2),h([y({attribute:"read-only",type:Boolean,reflect:!0})],m.prototype,"readOnly",2),h([y({type:Boolean,reflect:!0})],m.prototype,"readonly",2),h([y({attribute:!1,state:!0})],m.prototype,"_options",2),h([y({reflect:!0})],m.prototype,"name",2),h([y({reflect:!0})],m.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",m);export{m as WarpSelect};
2506
+ `],p([k({attribute:"auto-focus",type:Boolean,reflect:!0})],m.prototype,"autoFocus",2),p([k({type:Boolean,reflect:!0})],m.prototype,"autofocus",2),p([k({attribute:"help-text",reflect:!0})],m.prototype,"helpText",2),p([k({type:Boolean,reflect:!0})],m.prototype,"invalid",2),p([k({type:Boolean,reflect:!0})],m.prototype,"always",2),p([k({reflect:!0})],m.prototype,"hint",2),p([k({reflect:!0})],m.prototype,"label",2),p([k({type:Boolean,reflect:!0})],m.prototype,"optional",2),p([k({type:Boolean,reflect:!0})],m.prototype,"disabled",2),p([k({attribute:"read-only",type:Boolean,reflect:!0})],m.prototype,"readOnly",2),p([k({type:Boolean,reflect:!0})],m.prototype,"readonly",2),p([k({attribute:!1,state:!0})],m.prototype,"_options",2),p([k({reflect:!0})],m.prototype,"name",2),p([k({reflect:!0})],m.prototype,"value",2);customElements.get("w-select")||customElements.define("w-select",m);export{m as WarpSelect};
2507
2507
  //# sourceMappingURL=select.js.map