@warp-ds/elements 2.9.2-next.1 → 2.10.0-next.10
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/README.md +4 -0
- package/dist/api.js +1 -1
- package/dist/api.js.map +1 -1
- package/dist/custom-elements.json +508 -145
- package/dist/docs/affix/affix.md +2 -2
- package/dist/docs/affix/styling.md +1 -0
- package/dist/docs/alert/alert.md +2 -2
- package/dist/docs/alert/styling.md +1 -0
- package/dist/docs/attention/attention.md +2 -0
- package/dist/docs/attention/styling.md +1 -0
- package/dist/docs/badge/badge.md +2 -0
- package/dist/docs/badge/styling.md +1 -0
- package/dist/docs/box/box.md +22 -40
- package/dist/docs/box/examples.md +20 -38
- package/dist/docs/box/styling.md +1 -0
- package/dist/docs/breadcrumbs/breadcrumbs.md +8 -2
- package/dist/docs/breadcrumbs/examples.md +7 -1
- package/dist/docs/breadcrumbs/styling.md +1 -0
- package/dist/docs/button/accessibility.md +42 -0
- package/dist/docs/button/api.md +63 -39
- package/dist/docs/button/button.md +395 -42
- package/dist/docs/button/examples.md +126 -0
- package/dist/docs/button/styling.md +72 -0
- package/dist/docs/button/usage.md +89 -0
- package/dist/docs/card/accessibility.md +74 -0
- package/dist/docs/card/api.md +9 -3
- package/dist/docs/card/card.md +236 -5
- package/dist/docs/card/examples.md +75 -0
- package/dist/docs/card/styling.md +1 -0
- package/dist/docs/card/usage.md +76 -0
- package/dist/docs/checkbox/api.md +128 -0
- package/dist/docs/checkbox/checkbox.md +134 -0
- package/dist/docs/checkbox-group/accessibility.md +71 -0
- package/dist/docs/checkbox-group/api.md +79 -0
- package/dist/docs/checkbox-group/checkbox-group.md +492 -0
- package/dist/docs/checkbox-group/examples.md +105 -0
- package/dist/docs/checkbox-group/styling.md +132 -0
- package/dist/docs/checkbox-group/usage.md +95 -0
- package/dist/docs/combobox/accessibility.md +71 -0
- package/dist/docs/combobox/api.md +60 -30
- package/dist/docs/combobox/combobox.md +205 -32
- package/dist/docs/combobox/examples.md +44 -0
- package/dist/docs/combobox/styling.md +1 -0
- package/dist/docs/combobox/usage.md +28 -0
- package/dist/docs/datepicker/accessibility.md +25 -0
- package/dist/docs/datepicker/api.md +22 -14
- package/dist/docs/datepicker/datepicker.md +208 -16
- package/dist/docs/datepicker/examples.md +75 -0
- package/dist/docs/datepicker/styling.md +1 -0
- package/dist/docs/datepicker/usage.md +84 -0
- package/dist/docs/expandable/api.md +20 -32
- package/dist/docs/expandable/examples.md +54 -0
- package/dist/docs/expandable/expandable.md +74 -32
- package/dist/docs/expandable/styling.md +1 -0
- package/dist/docs/icon/accessibility.md +5 -0
- package/dist/docs/icon/api.md +43 -0
- package/dist/docs/icon/examples.md +45 -0
- package/dist/docs/icon/icon.md +115 -0
- package/dist/docs/icon/styling.md +1 -0
- package/dist/docs/icon/usage.md +11 -0
- package/dist/docs/index.md +46 -0
- package/dist/docs/link/api.md +18 -22
- package/dist/docs/link/examples.md +75 -0
- package/dist/docs/link/link.md +113 -24
- package/dist/docs/link/styling.md +1 -0
- package/dist/docs/link/usage.md +18 -0
- package/dist/docs/modal/api.md +51 -0
- package/dist/docs/modal/examples.md +67 -0
- package/dist/docs/modal/modal.md +240 -0
- package/dist/docs/modal/styling.md +1 -0
- package/dist/docs/modal/usage.md +110 -0
- package/dist/docs/modal-footer/api.md +11 -0
- package/dist/docs/modal-footer/modal-footer.md +17 -0
- package/dist/docs/modal-header/api.md +42 -0
- package/dist/docs/modal-header/modal-header.md +48 -0
- package/dist/docs/page-indicator/api.md +6 -6
- package/dist/docs/page-indicator/examples.md +8 -0
- package/dist/docs/page-indicator/page-indicator.md +25 -6
- package/dist/docs/page-indicator/styling.md +1 -0
- package/dist/docs/page-indicator/usage.md +8 -0
- package/dist/docs/pagination/api.md +12 -10
- package/dist/docs/pagination/examples.md +20 -0
- package/dist/docs/pagination/pagination.md +52 -12
- package/dist/docs/pagination/styling.md +1 -0
- package/dist/docs/pagination/usage.md +18 -0
- package/dist/docs/pill/accessibility.md +2 -0
- package/dist/docs/pill/api.md +10 -26
- package/dist/docs/pill/examples.md +23 -0
- package/dist/docs/pill/pill.md +45 -28
- package/dist/docs/pill/styling.md +1 -0
- package/dist/docs/pill/usage.md +8 -0
- package/dist/docs/radio/radio.md +1 -7
- package/dist/docs/select/select.md +2 -0
- package/dist/docs/select/styling.md +1 -0
- package/dist/docs/slider/slider.md +2 -0
- package/dist/docs/slider/styling.md +1 -0
- package/dist/docs/slider-thumb/slider-thumb.md +2 -0
- package/dist/docs/slider-thumb/styling.md +1 -0
- package/dist/docs/step-indicator/step-indicator.md +2 -0
- package/dist/docs/step-indicator/styling.md +1 -0
- package/dist/docs/switch/styling.md +1 -0
- package/dist/docs/switch/switch.md +2 -0
- package/dist/docs/tabs/styling.md +1 -0
- package/dist/docs/tabs/tabs.md +2 -0
- package/dist/docs/textarea/styling.md +1 -0
- package/dist/docs/textarea/textarea.md +2 -0
- package/dist/docs/textfield/styling.md +1 -0
- package/dist/docs/textfield/textfield.md +2 -0
- package/dist/index.d.ts +950 -602
- package/dist/packages/affix/affix.hydration.test.js +1 -1
- package/dist/packages/affix/affix.js +4 -4
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/alert/alert.hydration.test.js +1 -1
- package/dist/packages/alert/alert.js +3 -3
- package/dist/packages/alert/alert.js.map +3 -3
- package/dist/packages/attention/attention.hydration.test.js +1 -1
- package/dist/packages/attention/attention.js +397 -444
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/attention/attention.test.js +1 -1
- package/dist/packages/badge/badge.hydration.test.js +1 -1
- package/dist/packages/box/box.hydration.test.js +1 -1
- package/dist/packages/box/box.js +1 -1
- package/dist/packages/box/box.js.map +1 -1
- package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +3 -2
- package/dist/packages/breadcrumbs/breadcrumbs.js +4 -4
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
- package/dist/packages/button/button.d.ts +54 -37
- package/dist/packages/button/button.hydration.test.js +1 -1
- package/dist/packages/button/button.js +385 -432
- package/dist/packages/button/button.js.map +4 -4
- package/dist/packages/button/button.react.stories.d.ts +2 -2
- package/dist/packages/button/button.stories.d.ts +29 -0
- package/dist/packages/button/button.stories.js +176 -2
- package/dist/packages/button/react.d.ts +1 -1
- package/dist/packages/button/styles.d.ts +22 -1
- package/dist/packages/button/styles.js +390 -1
- package/dist/packages/card/card.d.ts +9 -6
- package/dist/packages/card/card.hydration.test.js +1 -1
- package/dist/packages/card/card.js +3 -3
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/checkbox/checkbox.d.ts +45 -14
- package/dist/packages/checkbox/checkbox.hydration.test.js +1 -1
- package/dist/packages/checkbox/checkbox.js +3 -3
- package/dist/packages/checkbox/checkbox.js.map +3 -3
- package/dist/packages/checkbox/checkbox.react.stories.d.ts +1 -1
- package/dist/packages/checkbox/checkbox.stories.d.ts +2 -2
- package/dist/packages/checkbox/checkbox.test.js +1 -1
- package/dist/packages/checkbox/react.d.ts +2 -2
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +1 -1
- package/dist/packages/checkbox-group/checkbox-group.d.ts +35 -8
- package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +1 -1
- package/dist/packages/checkbox-group/checkbox-group.js +6 -6
- package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
- package/dist/packages/checkbox-group/react.d.ts +3 -3
- package/dist/packages/combobox/combobox.a11y.test.js +24 -0
- package/dist/packages/combobox/combobox.d.ts +65 -45
- package/dist/packages/combobox/combobox.hydration.test.js +39 -1
- package/dist/packages/combobox/combobox.js +21 -21
- package/dist/packages/combobox/combobox.js.map +4 -4
- package/dist/packages/combobox/combobox.stories.js +28 -15
- package/dist/packages/combobox/combobox.test.js +110 -0
- package/dist/packages/datepicker/DatePicker.test.js +1 -1
- package/dist/packages/datepicker/datepicker.d.ts +22 -30
- package/dist/packages/datepicker/datepicker.hydration.test.js +1 -1
- package/dist/packages/datepicker/datepicker.js +49 -49
- package/dist/packages/datepicker/datepicker.js.map +4 -4
- package/dist/packages/datepicker/datepicker.test.js +1 -1
- package/dist/packages/expandable/expandable.d.ts +11 -32
- package/dist/packages/expandable/expandable.hydration.test.js +1 -1
- package/dist/packages/expandable/expandable.js +11 -11
- package/dist/packages/expandable/expandable.js.map +3 -3
- package/dist/packages/expandable/expandable.react.stories.d.ts +2 -2
- package/dist/packages/expandable/react.d.ts +1 -1
- package/dist/packages/icon/icon.d.ts +16 -4
- package/dist/packages/icon/icon.hydration.test.js +1 -1
- package/dist/packages/icon/icon.js +2 -2
- package/dist/packages/icon/icon.js.map +3 -3
- package/dist/packages/icon/icon.react.stories.d.ts +1 -1
- package/dist/packages/icon/react.d.ts +2 -2
- package/dist/packages/link/link.d.ts +15 -16
- package/dist/packages/link/link.hydration.test.js +1 -1
- package/dist/packages/link/link.js +420 -190
- package/dist/packages/link/link.js.map +4 -4
- package/dist/packages/link/link.test.js +1 -1
- package/dist/packages/link/styles.d.ts +5 -0
- package/dist/packages/link/styles.js +80 -0
- package/dist/packages/modal/index.d.ts +4 -4
- package/dist/packages/modal/index.js +4 -4
- package/dist/packages/modal/modal.d.ts +22 -12
- package/dist/packages/modal/modal.hydration.test.js +1 -1
- package/dist/packages/modal/modal.js +5 -5
- package/dist/packages/modal/modal.js.map +3 -3
- package/dist/packages/modal/modal.react.stories.d.ts +3 -3
- package/dist/packages/modal/modal.stories.d.ts +2 -1
- package/dist/packages/modal/modal.stories.js +85 -3
- package/dist/packages/modal/react.d.ts +2 -2
- package/dist/packages/modal-footer/modal-footer.d.ts +5 -3
- package/dist/packages/modal-footer/modal-footer.js +4 -4
- package/dist/packages/modal-footer/modal-footer.js.map +3 -3
- package/dist/packages/modal-footer/react.d.ts +1 -1
- package/dist/packages/modal-header/modal-header.d.ts +21 -11
- package/dist/packages/modal-header/modal-header.js +11 -9
- package/dist/packages/modal-header/modal-header.js.map +4 -4
- package/dist/packages/modal-header/react.d.ts +2 -2
- package/dist/packages/page-indicator/page-indicator.d.ts +9 -14
- package/dist/packages/page-indicator/page-indicator.hydration.test.js +1 -1
- package/dist/packages/page-indicator/page-indicator.js +5 -5
- package/dist/packages/page-indicator/page-indicator.js.map +4 -4
- package/dist/packages/pagination/pagination.d.ts +11 -11
- package/dist/packages/pagination/pagination.hydration.test.js +1 -1
- package/dist/packages/pagination/pagination.js +4 -4
- package/dist/packages/pagination/pagination.js.map +4 -4
- package/dist/packages/pagination/pagination.test.js +1 -1
- package/dist/packages/pill/pill.d.ts +14 -29
- package/dist/packages/pill/pill.hydration.test.js +1 -1
- package/dist/packages/pill/pill.js +3 -3
- package/dist/packages/pill/pill.js.map +4 -4
- package/dist/packages/pill/pill.react.stories.d.ts +2 -2
- package/dist/packages/pill/react.d.ts +1 -1
- package/dist/packages/radio/radio.hydration.test.js +1 -1
- package/dist/packages/radio/radio.js +3 -3
- package/dist/packages/radio/radio.js.map +3 -3
- package/dist/packages/radio/radio.test.js +1 -1
- package/dist/packages/radio-group/radio-group.a11y.test.js +7 -3
- package/dist/packages/radio-group/radio-group.hydration.test.js +6 -2
- package/dist/packages/radio-group/radio-group.js +11 -11
- package/dist/packages/radio-group/radio-group.js.map +4 -4
- package/dist/packages/select/select.a11y.test.js +6 -2
- package/dist/packages/select/select.hydration.test.js +1 -1
- package/dist/packages/select/select.js +7 -7
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/select/select.test.js +4 -2
- package/dist/packages/slider/slider.hydration.test.js +7 -2
- package/dist/packages/slider/slider.js +5 -5
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider/slider.react.stories.js +2 -2
- package/dist/packages/slider/slider.test.js +1 -1
- package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +1 -1
- package/dist/packages/slider-thumb/slider-thumb.js +20 -20
- package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
- package/dist/packages/step/step.hydration.test.js +1 -1
- package/dist/packages/step/step.js +8 -8
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/step-indicator/step-indicator.hydration.test.js +1 -1
- package/dist/packages/switch/switch.a11y.test.js +1 -1
- package/dist/packages/switch/switch.hydration.test.js +1 -1
- package/dist/packages/switch/switch.js +1 -1
- package/dist/packages/switch/switch.js.map +1 -1
- package/dist/packages/tab/tab.hydration.test.js +1 -1
- package/dist/packages/tab/tab.js +10 -10
- package/dist/packages/tab/tab.js.map +2 -2
- package/dist/packages/tab-panel/tab-panel.hydration.test.js +1 -1
- package/dist/packages/tab-panel/tab-panel.js +3 -3
- package/dist/packages/tab-panel/tab-panel.js.map +2 -2
- package/dist/packages/tabs/tabs.a11y.test.js +2 -2
- package/dist/packages/tabs/tabs.hydration.test.js +1 -1
- package/dist/packages/tabs/tabs.js +1 -1
- package/dist/packages/tabs/tabs.js.map +2 -2
- package/dist/packages/tabs/tabs.test.js +4 -4
- package/dist/packages/textarea/textarea.hydration.test.js +1 -1
- package/dist/packages/textarea/textarea.js +4 -4
- package/dist/packages/textarea/textarea.js.map +3 -3
- package/dist/packages/textarea/textarea.test.js +1 -1
- package/dist/packages/textfield/textfield.hydration.test.js +1 -1
- package/dist/packages/textfield/textfield.js +1 -1
- package/dist/packages/textfield/textfield.js.map +1 -1
- package/dist/packages/textfield/textfield.test.js +1 -1
- package/dist/packages/toast/toast.js +6 -6
- package/dist/packages/toast/toast.js.map +4 -4
- package/dist/packages/toast/toast.stories.d.ts +1 -5
- package/dist/packages/toast/toast.stories.js +0 -17
- package/dist/packages/toast-container/toast-container.js +2 -2
- package/dist/packages/toast-container/toast-container.js.map +2 -2
- package/dist/web-types.json +509 -172
- package/eik/index.js +2536 -0
- package/package.json +18 -12
- package/dist/docs/radio/examples.md +0 -1
- package/dist/docs/radio/usage.md +0 -1
- package/dist/packages/button/styles/w-button.styles.d.ts +0 -1
- package/dist/packages/button/styles/w-button.styles.js +0 -282
- package/dist/packages/link/styles/w-link.styles.d.ts +0 -1
- package/dist/packages/link/styles/w-link.styles.js +0 -213
- /package/dist/docs/{radio → modal}/accessibility.md +0 -0
|
@@ -2,7 +2,7 @@ import { html } from 'lit';
|
|
|
2
2
|
import { expect, test, vi } from 'vitest';
|
|
3
3
|
import { render } from 'vitest-browser-lit';
|
|
4
4
|
import './radio.js';
|
|
5
|
-
import { userEvent } from '
|
|
5
|
+
import { userEvent } from 'vitest/browser';
|
|
6
6
|
test('checks on click and remains checked on subsequent clicks', async () => {
|
|
7
7
|
render(html `<w-radio value="alpha">Alpha</w-radio>`);
|
|
8
8
|
const radio = document.querySelector('w-radio');
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { i18n } from '@lingui/core';
|
|
2
|
-
import { userEvent } from '
|
|
2
|
+
import { userEvent } from 'vitest/browser';
|
|
3
3
|
import { html } from 'lit';
|
|
4
4
|
import { describe, expect, test } from 'vitest';
|
|
5
5
|
import { render } from 'vitest-browser-lit';
|
|
@@ -62,7 +62,9 @@ describe('w-radio-group accessibility (WCAG 2.2)', () => {
|
|
|
62
62
|
<w-radio value="two">Two</w-radio>
|
|
63
63
|
</w-radio-group>
|
|
64
64
|
`);
|
|
65
|
-
await expect
|
|
65
|
+
await expect
|
|
66
|
+
.element(page.getByRole('radiogroup', { name: 'Preferences' }))
|
|
67
|
+
.toHaveAccessibleDescription('Select one');
|
|
66
68
|
});
|
|
67
69
|
test('slotted label and help text are associated', async () => {
|
|
68
70
|
const page = render(html `
|
|
@@ -72,7 +74,9 @@ describe('w-radio-group accessibility (WCAG 2.2)', () => {
|
|
|
72
74
|
<w-radio value="one">One</w-radio>
|
|
73
75
|
</w-radio-group>
|
|
74
76
|
`);
|
|
75
|
-
await expect
|
|
77
|
+
await expect
|
|
78
|
+
.element(page.getByRole('radiogroup', { name: 'Slotted label' }))
|
|
79
|
+
.toHaveAccessibleDescription('Slotted help text');
|
|
76
80
|
});
|
|
77
81
|
});
|
|
78
82
|
describe('WCAG 2.1.1 - Keyboard', () => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { afterEach, beforeEach, describe, expect, test } from 'vitest';
|
|
2
2
|
import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
|
|
3
3
|
import '../radio/radio.js';
|
|
4
4
|
import './radio-group.js';
|
|
@@ -22,7 +22,11 @@ describe('w-radio-group React SSR hydration', () => {
|
|
|
22
22
|
expect(warnings).toEqual([]);
|
|
23
23
|
});
|
|
24
24
|
test('with help-text hydrates without warnings', async () => {
|
|
25
|
-
const warnings = await testHydration('w-radio-group', {
|
|
25
|
+
const warnings = await testHydration('w-radio-group', {
|
|
26
|
+
label: 'Options',
|
|
27
|
+
name: 'options',
|
|
28
|
+
'help-text': 'Select one',
|
|
29
|
+
});
|
|
26
30
|
expect(warnings).toEqual([]);
|
|
27
31
|
});
|
|
28
32
|
test('required radio-group hydrates without warnings', async () => {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
var Le=Object.defineProperty;var Ne=Object.getOwnPropertyDescriptor;var de=a=>{throw TypeError(a)};var
|
|
1
|
+
var Le=Object.defineProperty;var Ne=Object.getOwnPropertyDescriptor;var de=a=>{throw TypeError(a)};var g=(a,t,e,r)=>{for(var o=r>1?void 0:r?Ne(t,e):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(o=(r?s(t,e,o):s(o))||o);return r&&o&&Le(t,e,o),o};var ce=(a,t,e)=>t.has(a)||de("Cannot "+e);var O=(a,t,e)=>(ce(a,t,"read from private field"),e?e.call(a):t.get(a)),U=(a,t,e)=>t.has(a)?de("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(a):t.set(a,e),T=(a,t,e,r)=>(ce(a,t,"write to private field"),r?r.call(a,e):t.set(a,e),e);var I=a=>typeof a=="string",De=a=>typeof a=="function",he=new Map,be="en";function ae(a){return[...Array.isArray(a)?a:[a],be]}function ie(a,t,e){let r=ae(a);e||(e="default");let o;if(typeof e=="string")switch(o={day:"numeric",month:"short",year:"numeric"},e){case"full":o.weekday="long";case"long":o.month="long";break;case"short":o.month="numeric";break}else o=e;return W(()=>X("date",r,e),()=>new Intl.DateTimeFormat(r,o)).format(I(t)?new Date(t):t)}function Oe(a,t,e){let r;if(e||(e="default"),typeof e=="string")switch(r={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":r.timeZoneName="short";break;case"short":delete r.second}else r=e;return ie(a,t,r)}function re(a,t,e){let r=ae(a);return W(()=>X("number",r,e),()=>new Intl.NumberFormat(r,e)).format(t)}function ue(a,t,e,{offset:r=0,...o}){let i=ae(a),s=t?W(()=>X("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):W(()=>X("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return o[e]??o[s.select(e-r)]??o.other}function W(a,t){let e=a(),r=he.get(e);return r||(r=t(),he.set(e,r)),r}function X(a,t,e){let r=t.join("-");return`${a}-${r}-${JSON.stringify(e)}`}var pe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ge=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,e,r)=>{if(e){let o=parseInt(e,16);return String.fromCharCode(o)}else{let o=parseInt(r,16);return String.fromCharCode(o)}}),ve="%__lingui_octothorpe__%",qe=(a,t,e={})=>{let r=t||a,o=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let l=Object.keys(e).length?o("number"):void 0,u=re(r,s,l);return n.replace(new RegExp(ve,"g"),u)};return{plural:(s,n)=>{let{offset:l=0}=n,u=ue(r,!1,s,n);return i(s-l,u)},selectordinal:(s,n)=>{let{offset:l=0}=n,u=ue(r,!0,s,n);return i(s-l,u)},select:Pe,number:(s,n)=>re(r,s,o(n)||{style:n}),date:(s,n)=>ie(r,s,o(n)||n),time:(s,n)=>Oe(r,s,o(n)||n)}},Pe=(a,t)=>t[a]??t.other;function je(a,t,e){return(r={},o)=>{let i=qe(t,e,o),s=(l,u=!1)=>Array.isArray(l)?l.reduce((y,C)=>{if(C==="#"&&u)return y+ve;if(I(C))return y+C;let[V,m,E]=C,M={};m==="plural"||m==="selectordinal"||m==="select"?Object.entries(E).forEach(([A,P])=>{M[A]=s(P,m==="plural"||m==="selectordinal")}):M=E;let w;if(m){let A=i[m];w=A(r[V],M)}else w=r[V];return w==null?y:y+w},""):l,n=s(a);return I(n)&&pe.test(n)?ge(n):I(n)?n:n?String(n):""}}var He=Object.defineProperty,$e=(a,t,e)=>t in a?He(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,Ye=(a,t,e)=>($e(a,typeof t!="symbol"?t+"":t,e),e),te=class{constructor(){Ye(this,"_events",{})}on(t,e){var r;return(r=this._events)[t]??(r[t]=[]),this._events[t].push(e),()=>this.removeListener(t,e)}removeListener(t,e){let r=this._getListeners(t);if(!r)return;let o=r.indexOf(e);~o&&r.splice(o,1)}emit(t,...e){let r=this._getListeners(t);r&&r.map(o=>o.apply(this,e))}_getListeners(t){let e=this._events[t];return Array.isArray(e)?e:!1}},Ue=Object.defineProperty,We=(a,t,e)=>t in a?Ue(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,R=(a,t,e)=>(We(a,typeof t!="symbol"?t+"":t,e),e),oe=class extends te{constructor(t){super(),R(this,"_locale",""),R(this,"_locales"),R(this,"_localeData",{}),R(this,"_messages",{}),R(this,"_missing"),R(this,"_messageCompiler"),R(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate(t.locale??be,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(t,e){let r=this._localeData[t];r?Object.assign(r,e):this._localeData[t]=e}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,e){typeof t=="string"?this._loadLocaleData(t,e):Object.keys(t).forEach(r=>this._loadLocaleData(r,t[r])),this.emit("change")}_load(t,e){let r=this._messages[t];r?Object.assign(r,e):this._messages[t]=e}load(t,e){typeof t=="string"&&typeof e=="object"?this._load(t,e):Object.entries(t).forEach(([r,o])=>this._load(r,o)),this.emit("change")}loadAndActivate({locale:t,locales:e,messages:r}){this._locale=t,this._locales=e||void 0,this._messages[this._locale]=r,this.emit("change")}activate(t,e){this._locale=t,this._locales=e,this.emit("change")}_(t,e,r){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let o=r?.message;t||(t=""),I(t)||(e=t.values||e,o=t.message,t=t.id);let i=this.messages[t],s=i===void 0,n=this._missing;if(n&&s)return De(n)?n(this._locale,t):n;s&&this.emit("missing",{id:t,locale:this._locale});let l=i||o||t;return I(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
2
2
|
|
|
3
|
-
> ${
|
|
3
|
+
> ${l}
|
|
4
4
|
|
|
5
5
|
That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
|
|
6
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
7
7
|
|
|
8
8
|
Please compile your catalog first.
|
|
9
|
-
`)),I(
|
|
9
|
+
`)),I(l)&&pe.test(l)?ge(l):I(l)?l:je(l,this._locale,this._locales)(e,r?.formats)}date(t,e){return ie(this._locales||this._locale,t,e)}number(t,e){return re(this._locales||this._locale,t,e)}};function Xe(a={}){return new oe(a)}var x=Xe();var h=function(a,t,e,r){if(e==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?a!==t||!r:!t.has(a))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?r:e==="a"?r.call(a):r?r.value:t.get(a)},p=function(a,t,e,r,o){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?a!==t||!o:!t.has(a))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?o.call(a,e):o?o.value=e:t.set(a,e),e};function B(a){var t,e,r,o,i,s,n,l,u,y,C,V,m,E,M,w,A,P,J;class Re extends a{constructor(...d){var c,b,v;super(...d),t.add(this),this.internals=this.attachInternals(),e.set(this,!1),r.set(this,!1),o.set(this,!1),i.set(this,void 0),s.set(this,void 0),n.set(this,!0),u.set(this,""),y.set(this,()=>{p(this,o,!0,"f"),p(this,e,!0,"f"),h(this,t,"m",w).call(this)}),C.set(this,()=>{p(this,e,!1,"f"),h(this,t,"m",A).call(this,this.shouldFormValueUpdate()?h(this,u,"f"):""),!this.validity.valid&&h(this,o,"f")&&p(this,r,!0,"f");let z=h(this,t,"m",w).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),V.set(this,()=>{var z;h(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),p(this,n,!1,"f")),p(this,o,!0,"f"),p(this,r,!0,"f"),h(this,t,"m",w).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),m.set(this,void 0),E.set(this,!1),M.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,y,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"blur",h(this,C,"f")),(v=this.addEventListener)===null||v===void 0||v.call(this,"invalid",h(this,V,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let d=this.validators.map(v=>v.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...d])]}static getValidator(d){return this.validators.find(c=>c.attribute===d)||null}static getValidators(d){return this.validators.filter(c=>{var b;if(c.attribute===d||!((b=c.attribute)===null||b===void 0)&&b.includes(d))return!0})}get form(){return this.internals.form}get showError(){return h(this,t,"m",w).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(d,c,b){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,d,c,b);let H=this.constructor.getValidators(d);H?.length&&this.validationTarget&&this.setValue(h(this,u,"f"))}setValue(d){var c;p(this,r,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),p(this,u,d,"f");let v=this.shouldFormValueUpdate()?d:null;this.internals.setFormValue(v),h(this,t,"m",A).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),h(this,t,"m",w).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(d=>d(h(this,M,"f")))}formResetCallback(){var d,c;p(this,o,!1,"f"),p(this,r,!1,"f"),h(this,t,"m",w).call(this),(d=this.resetFormControl)===null||d===void 0||d.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,t,"m",w).call(this)?this.validationMessage:"")}}return e=new WeakMap,r=new WeakMap,o=new WeakMap,i=new WeakMap,s=new WeakMap,n=new WeakMap,u=new WeakMap,y=new WeakMap,C=new WeakMap,V=new WeakMap,m=new WeakMap,E=new WeakMap,M=new WeakMap,t=new WeakSet,l=function(){let d=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return d.querySelectorAll(c)},w=function(){if(this.hasAttribute("disabled"))return!1;let d=h(this,r,"f")||h(this,o,"f")&&!this.validity.valid&&!h(this,e,"f");return d&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),d},A=function(d){let c=this.constructor,b={},v=c.validators,z=[],H=v.some(_=>_.isValid instanceof Promise);h(this,E,"f")||(p(this,M,new Promise(_=>{p(this,m,_,"f")}),"f"),p(this,E,!0,"f")),h(this,i,"f")&&(h(this,i,"f").abort(),p(this,s,h(this,i,"f"),"f"));let $=new AbortController;p(this,i,$,"f");let Y,le=!1;v.length&&(v.forEach(_=>{let Q=_.key||"customError",D=_.isValid(this,d,$.signal);D instanceof Promise?(z.push(D),D.then(ee=>{ee!=null&&(b[Q]=!ee,Y=h(this,t,"m",J).call(this,_,d),h(this,t,"m",P).call(this,b,Y))})):(b[Q]=!D,this.validity[Q]!==!D&&(le=!0),!D&&!Y&&(Y=h(this,t,"m",J).call(this,_,d)))}),Promise.allSettled(z).then(()=>{var _;$?.signal.aborted||(p(this,E,!1,"f"),(_=h(this,m,"f"))===null||_===void 0||_.call(this))}),(le||!H)&&h(this,t,"m",P).call(this,b,Y))},P=function(d,c){if(this.validationTarget)this.internals.setValidity(d,c,this.validationTarget),p(this,n,!1,"f");else{if(this.internals.setValidity(d,c),this.internals.validity.valid)return;p(this,n,!0,"f")}},J=function(d,c){if(this.validityCallback){let b=this.validityCallback(d.key||"customError");if(b)return b}return d.message instanceof Function?d.message(this,c):d.message},Re}import{html as K,LitElement as Ae}from"lit";import{property as N,state as or}from"lit/decorators.js";import{ifDefined as ne}from"lit/directives/if-defined.js";import{html as Ge,LitElement as xe}from"lit";import{property as S}from"lit/decorators.js";import{css as me}from"lit";var fe=me`
|
|
10
10
|
*,
|
|
11
11
|
:before,
|
|
12
12
|
:after {
|
|
@@ -2615,12 +2615,12 @@ Please compile your catalog first.
|
|
|
2615
2615
|
border-color: var(--_border-color-disabled);
|
|
2616
2616
|
}
|
|
2617
2617
|
}
|
|
2618
|
-
`;var q,L,F,
|
|
2618
|
+
`;var q,L,F,k=class extends B(xe){constructor(){super();this.value=null;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;U(this,q,!1);U(this,L,!1);U(this,F,!1);this.handleClick=()=>{this.isInGroup()||this.disabled||(T(this,F,!0),!this.checked&&(this.checked=!0,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})))};this.handleInvalid=()=>{T(this,F,!0),this.updateValidity()};this.handleKeyDown=e=>{if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){let r=this.getStandaloneNamedRadios().filter(u=>!u.disabled);if(r.length<=1)return;e.preventDefault();let o=r.find(u=>u.checked)??r.find(u=>u===this)??r[0],i=e.key==="ArrowUp"||e.key==="ArrowLeft"?-1:1,n=(r.indexOf(o)+i+r.length)%r.length,l=r[n];T(l,F,!0),l.checked||(l.checked=!0,l.updateComplete.then(()=>{l.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),l.focus();return}if(!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.preventDefault(),this.click()}}};this.addEventListener("click",this.handleClick),this.addEventListener("invalid",this.handleInvalid),this.addEventListener("keydown",this.handleKeyDown)}get tabIndex(){return this._internalTabIndex}set tabIndex(e){this._groupTabIndex=e}connectedCallback(){super.connectedCallback(),this.value=this.getAttribute("value")??"on",T(this,q,this.hasAttribute("checked")),this.checked=O(this,q),this.internals.role="radio",this.syncAriaDisabled(),this.syncFormValue(),this.updateValidity()}syncAriaDisabled(){this.internals.ariaDisabled=this.disabled?"true":"false"}syncAriaChecked(){this.internals.ariaChecked=this.checked?"true":"false"}willUpdate(e){this.shouldSyncFormState(e)&&(this.syncFormValue(),this.updateValidity())}updated(e){super.updated(e),e.has("checked")&&(this.syncAriaChecked(),this.checked&&!this.isInGroup()&&(this.uncheckOtherRadios(),this.syncStandaloneTabOrder())),e.has("disabled")&&(this.syncAriaDisabled(),this.isInGroup()||this.syncStandaloneTabOrder()),e.has("invalid")&&(this.internals.ariaInvalid=this.invalid?"true":null),e.has("name")&&this.checked&&!this.isInGroup()&&this.uncheckOtherRadios()}resetFormControl(){this.checked=O(this,q),this.syncFormValue(),this.updateValidity()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return T(this,F,!0),this.updateValidity(),this.internals.checkValidity()}isInGroup(){return!!this.closest("w-radio-group")}getRadioScope(){return this.internals.form??this.closest("form")??document}getStandaloneNamedRadios(){if(!this.name)return[this];let e=this.getRadioScope();return Array.from(e.querySelectorAll(`w-radio[name="${this.name}"]`)).filter(r=>!r.closest("w-radio-group"))}syncStandaloneTabOrder(){let e=this.getStandaloneNamedRadios(),r=e.filter(s=>!s.disabled),i=r.find(s=>s.checked)??r[0]??null;e.forEach(s=>{s._standaloneTabIndex=s===i?0:-1})}get _internalTabIndex(){return this.disabled?-1:this._groupTabIndex!==void 0?this._groupTabIndex:this._standaloneTabIndex!==void 0?this._standaloneTabIndex:0}firstUpdated(){this.isInGroup()||this.syncStandaloneTabOrder()}uncheckOtherRadios(){if(!this.name)return;let e=this.getRadioScope();Array.from(e.querySelectorAll(`w-radio[name="${this.name}"]`)).forEach(o=>{o!==this&&(o.closest("w-radio-group")||o.checked&&(o.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup()){this.internals.setValidity({});return}let e=this.required&&!this.checked,r=this.invalid&&!O(this,L);if(e){T(this,L,!0),this.invalid=O(this,F),this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");return}if(O(this,L)&&(this.invalid=!1,T(this,L,!1)),r){this.internals.setValidity({customError:!0},this.internals.validationMessage||" ");return}this.internals.setValidity({})}syncFormValue(){if(this.disabled){this.setValue(null);return}this.setValue(this.checked?this.value:null)}shouldSyncFormState(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")}render(){return Ge`
|
|
2619
2619
|
<div class="wrapper" tabindex="${this._internalTabIndex}">
|
|
2620
2620
|
<div part="control" class="control"></div>
|
|
2621
2621
|
<slot part="label" class="label"></slot>
|
|
2622
2622
|
</div>
|
|
2623
|
-
`}};q=new WeakMap,L=new WeakMap,F=new WeakMap,
|
|
2623
|
+
`}};q=new WeakMap,L=new WeakMap,F=new WeakMap,k.styles=[Z,fe,we],k.shadowRootOptions={...xe.shadowRootOptions,delegatesFocus:!0},g([S({reflect:!0})],k.prototype,"name",2),g([S({reflect:!0})],k.prototype,"value",2),g([S({type:Boolean,reflect:!0})],k.prototype,"checked",2),g([S({type:Boolean,reflect:!0})],k.prototype,"disabled",2),g([S({type:Boolean,reflect:!0})],k.prototype,"required",2),g([S({type:Boolean,reflect:!0})],k.prototype,"invalid",2),g([S({attribute:!1})],k.prototype,"_groupTabIndex",2),g([S({attribute:!1})],k.prototype,"_standaloneTabIndex",2);customElements.get("w-radio")||customElements.define("w-radio",k);var Ke=["en","nb","fi","da","sv"],se="en",G=a=>Ke.find(t=>a===t||a.toLowerCase().includes(t))||se;function _e(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return G(a)}try{let a=ye(document);if(a)return G(a);let t=rr();if(t)return G(t);let e=ye(ze());return e?G(e):se}catch(a){return console.warn("could not detect locale, falling back to source locale",a),se}}var Ce=(a,t,e,r,o)=>{x.load("en",a),x.load("nb",t),x.load("fi",e),x.load("da",r),x.load("sv",o);let i=_e();x.activate(i),Ee(),Qe()},Je="warp-i18n-change";function Ee(){typeof window>"u"||window.dispatchEvent(new Event(Je))}var ke=!1;function Qe(){if(ke||typeof window>"u"||!document?.documentElement)return;ke=!0;let a=()=>{let o=_e();x.locale!==o&&(x.activate(o),Ee())},t=new MutationObserver(o=>{for(let i of o)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=ze();e&&e.documentElement&&e!==document&&t.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=er();r&&t.observe(r,{attributes:!0,attributeFilter:["lang"]})}function ze(){try{return window.parent?.document??null}catch{return null}}function ye(a){try{return a?.documentElement?.lang??""}catch{return""}}function er(){try{return window.frameElement??null}catch{return null}}function rr(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}var Ve=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["V\xE6lg en mulighed."]}');var Me=JSON.parse('{"radio-group.label.optional":["Optional"],"radio-group.validation.required":["Please select an option."]}');var Te=JSON.parse('{"radio-group.label.optional":["Valinnainen"],"radio-group.validation.required":["Valitse vaihtoehto."]}');var Ie=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["Velg et alternativ."]}');var Se=JSON.parse('{"radio-group.label.optional":["Valfritt"],"radio-group.validation.required":["V\xE4lj ett alternativ."]}');import{css as tr}from"lit";var Fe=tr`
|
|
2624
2624
|
:host {
|
|
2625
2625
|
display: block;
|
|
2626
2626
|
|
|
@@ -2708,30 +2708,30 @@ Please compile your catalog first.
|
|
|
2708
2708
|
:host([data-show-error]) [part~='help-text'] {
|
|
2709
2709
|
color: var(--_help-text-color-error);
|
|
2710
2710
|
}
|
|
2711
|
-
`;Ce(Me,Ie,Te,Ve,Se);var ar=()=>
|
|
2711
|
+
`;Ce(Me,Ie,Te,Ve,Se);var ar=()=>x._({id:"radio-group.validation.required",message:"Please select an option.",comment:"Shown when required radio group has no selections"}),f=class extends B(Ae){constructor(){super();this.hasInteracted=!1;this.hasWarnedMissingName=!1;this.autoTabIndex=!1;this.label="";this.helpText="";this.optional=!1;this.invalid=!1;this.name=null;this.disabled=!1;this.required=!1;this.defaultCheckedValue=void 0;this.slottedHelpText=null;this.nameManagedRadios=new WeakSet;this.disabledManagedRadios=new WeakSet;this.handleRadioClick=e=>{let r=e.target.closest("w-radio");if(!r||r.disabled||this.disabled)return;let o=this.getCheckedValue(),i=this.getAllRadios();this.selectSingleRadio(r,i),this.getCheckedValue()!==o&&this.updateComplete.then(this.emitSelectionChange)};this.handleInvalid=e=>{e.preventDefault(),this.hasInteracted=!0,this.updateValidity()};this.handleHelpTextSlotChange=()=>{this.syncSlottedHelpText(),this.requestUpdate()};this.handleI18nChange=()=>{this.requestUpdate()};this.emitSelectionChange=()=>{this.hasInteracted=!0,this.syncFormValue(),this.updateValidity(),this.requestUpdate(),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))};this.captureDefaultSelection=()=>{this.defaultCheckedValue===void 0&&(this.defaultCheckedValue=this.getCheckedValue())};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick),this.addEventListener("invalid",this.handleInvalid)}get validationTarget(){return this.querySelector(":is(w-radio):not([disabled])")??void 0}connectedCallback(){super.connectedCallback(),this.syncSlottedHelpText(),this.syncFormValue(),this.updateValidity(),this.unsubscribeI18n=x.on("change",this.handleI18nChange),this.warnIfMissingName(),this.updateComplete.then(this.captureDefaultSelection)}disconnectedCallback(){this.unsubscribeI18n?.(),this.unsubscribeI18n=void 0,super.disconnectedCallback()}async updated(e){(e.has("disabled")||e.has("name")||e.has("required")||e.has("invalid")||e.has("helpText"))&&(this.syncFormValue(),this.updateValidity(),this.syncRadioElements(),this.syncFormValue(),this.updateValidity())}resetFormControl(){let e=this.defaultCheckedValue??null;this.getAllRadios().forEach(r=>{r.checked=e?r.value===e:!1}),this.syncRadioElements(),this.syncFormValue(),this.updateValidity()}getAllRadios(){return[...this.querySelectorAll("w-radio")]}getCheckedValue(){return this.getAllRadios().find(r=>r.checked)?.value??null}getEnabledRadios(e=this.getAllRadios()){return e.filter(r=>!r.disabled)}selectSingleRadio(e,r=this.getAllRadios()){r.forEach(o=>{let i=o===e;o.checked=i,o._groupTabIndex=i?0:-1})}handleLabelClick(){this.focus()}async syncRadioElements(){let e=this.getAllRadios();e.forEach((r,o)=>{r.toggleAttribute("data-w-radio-first",o===0),r.toggleAttribute("data-w-radio-inner",o!==0&&o!==e.length-1),r.toggleAttribute("data-w-radio-last",o===e.length-1),this.syncRadioDisabledState(r),this.name?(!r.getAttribute("name")||this.nameManagedRadios.has(r))&&(r.setAttribute("name",this.name),this.nameManagedRadios.add(r)):this.nameManagedRadios.has(r)&&(r.removeAttribute("name"),this.nameManagedRadios.delete(r))}),await Promise.all(e.map(async r=>r.updateComplete)),this.normalizeCheckedRadios(e),this.syncTabOrder(e)}syncRadioDisabledState(e){if(this.disabled){e.disabled||(e.disabled=!0,this.disabledManagedRadios.add(e));return}this.disabledManagedRadios.has(e)&&(e.disabled=!1,this.disabledManagedRadios.delete(e))}syncTabOrder(e){if(this.disabled){e.forEach(i=>i._groupTabIndex=-1);return}let r=this.getEnabledRadios(e),o=r.find(i=>i.checked);r.length>0&&(o?r.forEach(i=>i._groupTabIndex=i.checked?0:-1):r.forEach((i,s)=>i._groupTabIndex=s===0?0:-1)),e.filter(i=>i.disabled).forEach(i=>i._groupTabIndex=-1)}handleKeyDown(e){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key)||this.disabled)return;let r=this.getAllRadios(),o=this.getEnabledRadios(r);if(o.length<=0)return;e.preventDefault();let i=this.getCheckedValue(),s=o.find(y=>y.checked)??o[0],n=e.key===" "?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1,l=o.indexOf(s)+n;l<0&&(l=o.length-1),l>=o.length&&(l=0),this.selectSingleRadio(o[l],r),o[l].focus(),this.getCheckedValue()!==i&&this.updateComplete.then(this.emitSelectionChange)}focus(e){if(this.disabled)return;let r=this.getAllRadios(),o=r.find(n=>n.checked),i=r.find(n=>!n.disabled),s=o||i;s&&s.focus(e)}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.hasInteracted=!0,this.updateValidity(),this.internals.checkValidity()}hasSlottedContent(e){if(this.querySelector(`[slot="${e}"]`))return!0;let r=this.shadowRoot?.querySelector(`slot[name="${e}"]`);return r?r.assignedNodes({flatten:!0}).some(o=>o.nodeType===Node.ELEMENT_NODE?!0:o.nodeType===Node.TEXT_NODE?!!o.textContent?.trim():!1):!1}syncFormValue(){this.setValue(null)}syncSlottedHelpText(){let e=this.querySelector('[slot="help-text"]');this.slottedHelpText=e?.textContent?.trim()||null}updateValidity(){this.warnIfMissingName();let e=this.required&&!this.getCheckedValue(),r=e&&this.hasInteracted,o=this.invalid||this.hasAttribute("invalid"),i=o||r;if(this.toggleAttribute("data-show-error",i),this.disabled){this.internals.setValidity({}),this.syncChildInvalid(!1),this.syncHostTabIndex(!1);return}if(this.syncHostTabIndex(i),e){this.setValidityState({valueMissing:!0}),this.syncChildInvalid(i);return}if(o){this.setValidityState({customError:!0}),this.syncChildInvalid(!0);return}this.internals.setValidity({}),this.syncChildInvalid(!1)}normalizeCheckedRadios(e){let r=e.find(o=>o.checked);r&&e.forEach(o=>{o!==r&&(o.checked=!1)})}syncChildInvalid(e){this.getAllRadios().forEach(r=>{r.invalid=e})}setValidityState(e){let r=this.validationTarget;this.internals.setValidity(e," ",r??void 0)}syncHostTabIndex(e){if(!(this.hasAttribute("tabindex")&&!this.autoTabIndex)){if(e){this.setAttribute("tabindex","0"),this.autoTabIndex=!0;return}this.autoTabIndex&&(this.removeAttribute("tabindex"),this.autoTabIndex=!1)}}warnIfMissingName(){this.hasWarnedMissingName||this.internals.form&&(this.name&&this.name.trim().length>0||(console.warn('w-radio-group: "name" is required for form submission.'),this.hasWarnedMissingName=!0))}render(){let e=this.hasSlottedContent("label"),r=this.hasSlottedContent("help-text"),o=this.label?!0:!!e,i=this.helpText?!0:!!r,n=this.required&&!this.getCheckedValue()&&this.hasInteracted,l=this.invalid||this.hasAttribute("invalid"),u=l||n,y=u?l&&this.helpText?this.helpText:ar():this.helpText,C=u||i,V=o?"label":void 0,m=C?"help-text":void 0,E=this.slottedHelpText||void 0;return K`
|
|
2712
2712
|
<fieldset
|
|
2713
2713
|
part="form-control"
|
|
2714
2714
|
role="radiogroup"
|
|
2715
2715
|
aria-labelledby=${ne(V)}
|
|
2716
|
-
aria-describedby=${ne(
|
|
2716
|
+
aria-describedby=${ne(m)}
|
|
2717
2717
|
aria-errormessage="error-message"
|
|
2718
2718
|
aria-invalid=${u?"true":void 0}>
|
|
2719
2719
|
${o?K`
|
|
2720
2720
|
<label part="form-control-label" id="label" @click=${this.handleLabelClick}>
|
|
2721
2721
|
<slot name="label">${this.label}</slot>
|
|
2722
2722
|
${this.optional?K`<span class="optional">
|
|
2723
|
-
${
|
|
2723
|
+
${x._({id:"radio-group.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}
|
|
2724
2724
|
</span>`:null}
|
|
2725
2725
|
</label>
|
|
2726
2726
|
`:null}
|
|
2727
2727
|
|
|
2728
2728
|
<slot part="form-control-input" @slotchange=${this.syncRadioElements}></slot>
|
|
2729
2729
|
|
|
2730
|
-
${
|
|
2730
|
+
${C?K`
|
|
2731
2731
|
<div id="help-text" part="help-text" aria-label=${ne(E)}>
|
|
2732
|
-
<slot name="help-text" @slotchange=${this.handleHelpTextSlotChange}>${
|
|
2732
|
+
<slot name="help-text" @slotchange=${this.handleHelpTextSlotChange}>${y}</slot>
|
|
2733
2733
|
</div>
|
|
2734
2734
|
`:null}
|
|
2735
2735
|
</fieldset>
|
|
2736
|
-
`}};
|
|
2736
|
+
`}};f.styles=[Z,Fe],f.shadowRootOptions={...Ae.shadowRootOptions,delegatesFocus:!0},g([or()],f.prototype,"hasInteracted",2),g([N()],f.prototype,"label",2),g([N({attribute:"help-text"})],f.prototype,"helpText",2),g([N({type:Boolean,reflect:!0})],f.prototype,"optional",2),g([N({type:Boolean,reflect:!0})],f.prototype,"invalid",2),g([N({reflect:!0})],f.prototype,"name",2),g([N({type:Boolean,reflect:!0})],f.prototype,"disabled",2),g([N({type:Boolean,reflect:!0})],f.prototype,"required",2);var Br=f;customElements.get("w-radio-group")||customElements.define("w-radio-group",f);export{Br as WRadioGroup,f as WarpRadioGroup};
|
|
2737
2737
|
//# sourceMappingURL=radio-group.js.map
|