@warp-ds/elements 2.2.0-next.20 → 2.2.0-next.22
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 +26 -37
- package/dist/api.js.map +1 -1
- package/dist/custom-elements.json +1118 -977
- package/dist/index.d.ts +183 -162
- package/dist/packages/affix/affix.react.stories.d.ts +9 -0
- package/dist/packages/affix/affix.react.stories.js +10 -0
- package/dist/packages/affix/affix.stories.js +1 -1
- package/dist/packages/affix/index.js +1 -1
- package/dist/packages/affix/index.js.map +4 -4
- package/dist/packages/affix/react.d.ts +1 -1
- package/dist/packages/affix/react.js +10 -3
- package/dist/packages/alert/alert.react.stories.d.ts +13 -0
- package/dist/packages/alert/alert.react.stories.js +44 -0
- package/dist/packages/alert/alert.stories.js +1 -1
- package/dist/packages/alert/alert.test.js +3 -1
- package/dist/packages/alert/index.d.ts +1 -1
- package/dist/packages/alert/index.js +2 -2
- package/dist/packages/alert/index.js.map +4 -4
- package/dist/packages/alert/react.d.ts +1 -1
- package/dist/packages/alert/react.js +6 -3
- package/dist/packages/alert/styles.js +1 -1
- package/dist/packages/attention/attention.react.stories.d.ts +15 -0
- package/dist/packages/attention/attention.react.stories.js +92 -0
- package/dist/packages/attention/attention.stories.d.ts +1 -0
- package/dist/packages/attention/attention.stories.js +31 -39
- package/dist/packages/attention/attention.test.js +1 -1
- package/dist/packages/attention/index.d.ts +3 -2
- package/dist/packages/attention/index.js +238 -17
- package/dist/packages/attention/index.js.map +4 -4
- package/dist/packages/attention/react.d.ts +15 -1
- package/dist/packages/attention/react.js +13 -5
- package/dist/packages/attention/styles.js +1 -1
- package/dist/packages/badge/badge.react.stories.d.ts +18 -0
- package/dist/packages/badge/badge.react.stories.js +60 -0
- package/dist/packages/badge/badge.stories.js +1 -1
- package/dist/packages/badge/index.js +1 -1
- package/dist/packages/badge/index.js.map +4 -4
- package/dist/packages/badge/react.d.ts +1 -1
- package/dist/packages/badge/react.js +6 -3
- package/dist/packages/box/box.react.stories.d.ts +15 -0
- package/dist/packages/box/box.react.stories.js +45 -0
- package/dist/packages/box/box.stories.js +1 -1
- package/dist/packages/box/index.js +3 -3
- package/dist/packages/box/index.js.map +4 -4
- package/dist/packages/box/react.d.ts +1 -1
- package/dist/packages/box/react.js +6 -3
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +13 -0
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.js +40 -0
- package/dist/packages/breadcrumbs/breadcrumbs.stories.js +1 -1
- package/dist/packages/breadcrumbs/index.js +6 -6
- package/dist/packages/breadcrumbs/index.js.map +4 -4
- package/dist/packages/breadcrumbs/react.d.ts +1 -1
- package/dist/packages/breadcrumbs/react.js +6 -3
- package/dist/packages/button/button.react.stories.d.ts +22 -0
- package/dist/packages/button/button.react.stories.js +102 -0
- package/dist/packages/button/button.stories.js +1 -1
- package/dist/packages/button/index.js +2 -2
- package/dist/packages/button/index.js.map +4 -4
- package/dist/packages/button/react.d.ts +1 -1
- package/dist/packages/button/react.js +6 -3
- package/dist/packages/card/card.react.stories.d.ts +16 -0
- package/dist/packages/card/card.react.stories.js +63 -0
- package/dist/packages/card/card.stories.js +2 -2
- package/dist/packages/card/index.d.ts +1 -1
- package/dist/packages/card/index.js +2 -2
- package/dist/packages/card/index.js.map +4 -4
- package/dist/packages/card/react.d.ts +1 -1
- package/dist/packages/card/react.js +6 -3
- package/dist/packages/combobox/combobox.react.stories.d.ts +28 -0
- package/dist/packages/combobox/combobox.react.stories.js +90 -0
- package/dist/packages/combobox/combobox.stories.d.ts +5 -1
- package/dist/packages/combobox/combobox.stories.js +47 -25
- package/dist/packages/combobox/index.d.ts +1 -1
- package/dist/packages/combobox/index.js +4 -4
- package/dist/packages/combobox/index.js.map +4 -4
- package/dist/packages/combobox/react.d.ts +7 -0
- package/dist/packages/combobox/react.js +17 -0
- package/dist/packages/datepicker/DatePicker.test.d.ts +1 -0
- package/dist/packages/datepicker/DatePicker.test.js +3 -2
- package/dist/packages/datepicker/datepicker.d.ts +1 -1
- package/dist/packages/datepicker/datepicker.js +105 -105
- package/dist/packages/datepicker/datepicker.js.map +4 -4
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +18 -0
- package/dist/packages/datepicker/datepicker.react.stories.js +26 -0
- package/dist/packages/datepicker/datepicker.stories.js +1 -1
- package/dist/packages/datepicker/datepicker.test.js +1 -1
- package/dist/packages/datepicker/index.js +105 -105
- package/dist/packages/datepicker/index.js.map +4 -4
- package/dist/packages/datepicker/react.d.ts +5 -2
- package/dist/packages/datepicker/react.js +10 -3
- package/dist/packages/dead-toggle/dead-toggle.react.stories.d.ts +15 -0
- package/dist/packages/dead-toggle/dead-toggle.react.stories.js +34 -0
- package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +5 -1
- package/dist/packages/dead-toggle/dead-toggle.stories.js +25 -3
- package/dist/packages/dead-toggle/index.js +1 -1
- package/dist/packages/dead-toggle/index.js.map +2 -2
- package/dist/packages/dead-toggle/react.d.ts +1 -1
- package/dist/packages/dead-toggle/react.js +6 -3
- package/dist/packages/expandable/expandable.react.stories.d.ts +18 -0
- package/dist/packages/expandable/expandable.react.stories.js +103 -0
- package/dist/packages/expandable/expandable.stories.js +1 -1
- package/dist/packages/expandable/index.js +2 -2
- package/dist/packages/expandable/index.js.map +4 -4
- package/dist/packages/expandable/react.d.ts +1 -1
- package/dist/packages/expandable/react.js +6 -3
- package/dist/packages/i18n.js +2 -1
- package/dist/packages/link/index.js +1 -1
- package/dist/packages/link/index.js.map +4 -4
- package/dist/packages/link/link.react.stories.d.ts +21 -0
- package/dist/packages/link/link.react.stories.js +96 -0
- package/dist/packages/link/link.stories.js +1 -12
- package/dist/packages/link/link.test.js +1 -1
- package/dist/packages/link/react.d.ts +1 -1
- package/dist/packages/link/react.js +6 -3
- package/dist/packages/modal/index.js +8 -8
- package/dist/packages/modal/index.js.map +4 -4
- package/dist/packages/modal/modal-footer.js +3 -3
- package/dist/packages/modal/modal-footer.js.map +3 -3
- package/dist/packages/modal/modal-header.js +4 -4
- package/dist/packages/modal/modal-header.js.map +4 -4
- package/dist/packages/modal/modal-main.js.map +1 -1
- package/dist/packages/modal/modal.react.stories.d.ts +14 -0
- package/dist/packages/modal/modal.react.stories.js +27 -0
- package/dist/packages/modal/modal.stories.d.ts +1 -1
- package/dist/packages/modal/modal.stories.js +1 -1
- package/dist/packages/modal/react.d.ts +11 -3
- package/dist/packages/modal/react.js +19 -6
- package/dist/packages/pageindicator/pageindicator.react.stories.d.ts +19 -0
- package/dist/packages/pageindicator/pageindicator.react.stories.js +20 -0
- package/dist/packages/pageindicator/pageindicator.stories.d.ts +1 -1
- package/dist/packages/pageindicator/pageindicator.stories.js +1 -1
- package/dist/packages/pageindicator/react.d.ts +1 -1
- package/dist/packages/pageindicator/react.js +6 -3
- package/dist/packages/pagination/index.js +9 -3
- package/dist/packages/pagination/index.js.map +3 -3
- package/dist/packages/pagination/pagination.react.stories.d.ts +21 -0
- package/dist/packages/pagination/pagination.react.stories.js +45 -0
- package/dist/packages/pagination/pagination.stories.js +6 -6
- package/dist/packages/pagination/pagination.test.js +1 -1
- package/dist/packages/pagination/react.d.ts +5 -2
- package/dist/packages/pagination/react.js +10 -3
- package/dist/packages/pill/index.js +1 -1
- package/dist/packages/pill/index.js.map +2 -2
- package/dist/packages/pill/pill.react.stories.d.ts +23 -0
- package/dist/packages/pill/pill.react.stories.js +22 -0
- package/dist/packages/pill/pill.stories.js +1 -1
- package/dist/packages/pill/pill.test.js +3 -1
- package/dist/packages/pill/react.d.ts +7 -0
- package/dist/packages/pill/react.js +17 -0
- package/dist/packages/pill/styles.js +1 -1
- package/dist/packages/rip-and-tear-checkbox/checkbox.js +5 -5
- package/dist/packages/rip-and-tear-checkbox/checkbox.js.map +3 -3
- package/dist/packages/rip-and-tear-checkbox/checkbox.stories.d.ts +8 -0
- package/dist/packages/rip-and-tear-checkbox/checkbox.stories.js +11 -0
- package/dist/packages/rip-and-tear-checkbox/index.js +5 -5
- package/dist/packages/rip-and-tear-checkbox/index.js.map +3 -3
- package/dist/packages/rip-and-tear-checkbox/react.d.ts +5 -0
- package/dist/packages/rip-and-tear-checkbox/react.js +15 -0
- package/dist/packages/rip-and-tear-checkbox/rip-and-tear-checkbox.react.stories.d.ts +12 -0
- package/dist/packages/rip-and-tear-checkbox/rip-and-tear-checkbox.react.stories.js +10 -0
- package/dist/packages/rip-and-tear-radio/index.js +8 -8
- package/dist/packages/rip-and-tear-radio/index.js.map +3 -3
- package/dist/packages/rip-and-tear-radio/radio-group.js +8 -8
- package/dist/packages/rip-and-tear-radio/radio-group.js.map +3 -3
- package/dist/packages/rip-and-tear-radio/radio.js.map +2 -2
- package/dist/packages/rip-and-tear-radio/radio.stories.js +9 -9
- package/dist/packages/rip-and-tear-radio/radio.stories.js.map +3 -3
- package/dist/packages/rip-and-tear-radio/react.d.ts +9 -0
- package/dist/packages/rip-and-tear-radio/react.js +22 -0
- package/dist/packages/rip-and-tear-radio/rip-and-tear-radio.react.stories.d.ts +9 -0
- package/dist/packages/rip-and-tear-radio/rip-and-tear-radio.react.stories.js +10 -0
- package/dist/packages/rip-and-tear-radio/slot.js +3 -3
- package/dist/packages/select/index.d.ts +4 -4
- package/dist/packages/select/index.js +12 -12
- package/dist/packages/select/index.js.map +3 -3
- package/dist/packages/select/react.d.ts +6 -2
- package/dist/packages/select/react.js +15 -3
- package/dist/packages/select/select.react.stories.d.ts +18 -0
- package/dist/packages/select/select.react.stories.js +28 -0
- package/dist/packages/select/select.stories.js +2 -2
- package/dist/packages/select/select.test.js +1 -1
- package/dist/packages/select/styles.js +1 -1
- package/dist/packages/slider/Slider.js +1 -1
- package/dist/packages/slider/SliderThumb.js +1 -1
- package/dist/packages/slider/index.js +6 -6
- package/dist/packages/slider/index.js.map +4 -4
- package/dist/packages/slider/react.d.ts +8 -0
- package/dist/packages/slider/react.js +20 -0
- package/dist/packages/slider/slider-thumb.js +3 -3
- package/dist/packages/slider/slider-thumb.js.map +4 -4
- package/dist/packages/slider/slider.js +2 -2
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider/slider.react.stories.d.ts +18 -0
- package/dist/packages/slider/slider.react.stories.js +119 -0
- package/dist/packages/slider/slider.stories.js +2 -2
- package/dist/packages/slider/slider.test.js +1 -1
- package/dist/packages/slider/styles.js +1 -1
- package/dist/packages/steps/index.js +2 -2
- package/dist/packages/steps/index.js.map +4 -4
- package/dist/packages/steps/react.d.ts +1 -1
- package/dist/packages/steps/react.js +7 -4
- package/dist/packages/steps/steps.react.stories.d.ts +15 -0
- package/dist/packages/steps/steps.react.stories.js +112 -0
- package/dist/packages/switch/index.js +1 -1
- package/dist/packages/switch/index.js.map +4 -4
- package/dist/packages/switch/react.d.ts +5 -2
- package/dist/packages/switch/react.js +10 -3
- package/dist/packages/switch/switch.react.stories.d.ts +15 -0
- package/dist/packages/switch/switch.react.stories.js +29 -0
- package/dist/packages/tabs/index.d.ts +1 -1
- package/dist/packages/tabs/index.js +12 -12
- package/dist/packages/tabs/index.js.map +4 -4
- package/dist/packages/tabs/react.d.ts +11 -3
- package/dist/packages/tabs/react.js +18 -5
- package/dist/packages/tabs/tab-panel.js.map +2 -2
- package/dist/packages/tabs/tab.js +1 -1
- package/dist/packages/tabs/tab.js.map +4 -4
- package/dist/packages/tabs/tabs.d.ts +2 -0
- package/dist/packages/tabs/tabs.js +4 -4
- package/dist/packages/tabs/tabs.js.map +4 -4
- package/dist/packages/tabs/tabs.react.stories.d.ts +15 -0
- package/dist/packages/tabs/tabs.react.stories.js +51 -0
- package/dist/packages/tabs/tabs.stories.js +12 -12
- package/dist/packages/tabs/tabs.stories.js.map +4 -4
- package/dist/packages/textfield/index.js +2 -2
- package/dist/packages/textfield/index.js.map +4 -4
- package/dist/packages/textfield/react.d.ts +11 -2
- package/dist/packages/textfield/react.js +16 -3
- package/dist/packages/textfield/styles.js +1 -1
- package/dist/packages/textfield/textfield.react.stories.d.ts +37 -0
- package/dist/packages/textfield/textfield.react.stories.js +88 -0
- package/dist/packages/textfield/textfield.stories.js +1 -1
- package/dist/packages/textfield/textfield.test.js +1 -1
- package/dist/packages/toast/api.d.ts +1 -1
- package/dist/packages/toast/index.d.ts +1 -1
- package/dist/packages/toast/index.js +14 -14
- package/dist/packages/toast/index.js.map +4 -4
- package/dist/packages/toast/toast-container.d.ts +1 -1
- package/dist/packages/toast/toast-container.js +2454 -149
- package/dist/packages/toast/toast-container.js.map +7 -0
- package/dist/packages/toast/toast.js +2459 -193
- package/dist/packages/toast/toast.js.map +7 -0
- package/dist/packages/toast/toast.stories.js +1 -1
- package/dist/packages/utils/expand-transition.js +1 -1
- package/dist/vscode.html-custom-data.json +83 -78
- package/dist/web-types.json +135 -127
- package/package.json +22 -21
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Link } from './react';
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Buttons/Link',
|
|
5
|
+
render(args) {
|
|
6
|
+
return React.createElement(Link, { ...args }, "Link Button Text");
|
|
7
|
+
},
|
|
8
|
+
component: Link,
|
|
9
|
+
};
|
|
10
|
+
export const Primary = {
|
|
11
|
+
args: {
|
|
12
|
+
variant: 'primary',
|
|
13
|
+
href: 'http://developer.mozilla.org',
|
|
14
|
+
target: '_new',
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
export const Secondary = {
|
|
18
|
+
args: {
|
|
19
|
+
variant: 'secondary',
|
|
20
|
+
href: 'http://developer.mozilla.org',
|
|
21
|
+
target: '_new',
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
export const Negative = {
|
|
25
|
+
args: {
|
|
26
|
+
variant: 'negative',
|
|
27
|
+
href: 'http://developer.mozilla.org',
|
|
28
|
+
target: '_new',
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
export const NegativeQuiet = {
|
|
32
|
+
args: {
|
|
33
|
+
variant: 'negativeQuiet',
|
|
34
|
+
href: 'http://developer.mozilla.org',
|
|
35
|
+
target: '_new',
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
export const Utility = {
|
|
39
|
+
args: {
|
|
40
|
+
variant: 'utility',
|
|
41
|
+
href: 'http://developer.mozilla.org',
|
|
42
|
+
target: '_new',
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
export const UtilityQuiet = {
|
|
46
|
+
args: {
|
|
47
|
+
variant: 'utilityQuiet',
|
|
48
|
+
href: 'http://developer.mozilla.org',
|
|
49
|
+
target: '_new',
|
|
50
|
+
},
|
|
51
|
+
};
|
|
52
|
+
export const AsALink = {
|
|
53
|
+
args: {
|
|
54
|
+
variant: 'link',
|
|
55
|
+
href: 'http://developer.mozilla.org',
|
|
56
|
+
target: '_new',
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
export const Pill = {
|
|
60
|
+
args: {
|
|
61
|
+
variant: 'pill',
|
|
62
|
+
href: 'http://developer.mozilla.org',
|
|
63
|
+
target: '_new',
|
|
64
|
+
},
|
|
65
|
+
render(args) {
|
|
66
|
+
return React.createElement(Link, { ...args }, "\uD83D\uDC99");
|
|
67
|
+
},
|
|
68
|
+
};
|
|
69
|
+
export const Small = {
|
|
70
|
+
args: {
|
|
71
|
+
variant: 'primary',
|
|
72
|
+
small: true,
|
|
73
|
+
href: 'http://developer.mozilla.org',
|
|
74
|
+
target: '_new',
|
|
75
|
+
},
|
|
76
|
+
};
|
|
77
|
+
export const Quiet = {
|
|
78
|
+
args: {
|
|
79
|
+
variant: 'secondary',
|
|
80
|
+
quiet: true,
|
|
81
|
+
href: 'http://developer.mozilla.org',
|
|
82
|
+
target: '_new',
|
|
83
|
+
},
|
|
84
|
+
};
|
|
85
|
+
export const FullWidth = {
|
|
86
|
+
args: {
|
|
87
|
+
variant: 'primary',
|
|
88
|
+
fullWidth: true,
|
|
89
|
+
href: 'http://developer.mozilla.org',
|
|
90
|
+
target: '_new',
|
|
91
|
+
},
|
|
92
|
+
render(args) {
|
|
93
|
+
return (React.createElement("div", { className: "w-full flex flex-col gap-8" },
|
|
94
|
+
React.createElement(Link, { ...args }, "Full width")));
|
|
95
|
+
},
|
|
96
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { html } from 'lit';
|
|
2
1
|
import { spread } from '@open-wc/lit-helpers';
|
|
3
2
|
import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
|
|
3
|
+
import { html } from 'lit';
|
|
4
4
|
import { prespread } from '../../.storybook/utilities.js';
|
|
5
5
|
import './index.js';
|
|
6
6
|
const { events, args, argTypes } = getStorybookHelpers('w-link');
|
|
@@ -21,7 +21,6 @@ export default meta;
|
|
|
21
21
|
export const Primary = {
|
|
22
22
|
args: {
|
|
23
23
|
variant: 'primary',
|
|
24
|
-
type: 'button',
|
|
25
24
|
href: 'http://developer.mozilla.org',
|
|
26
25
|
target: '_new',
|
|
27
26
|
},
|
|
@@ -29,7 +28,6 @@ export const Primary = {
|
|
|
29
28
|
export const Secondary = {
|
|
30
29
|
args: {
|
|
31
30
|
variant: 'secondary',
|
|
32
|
-
type: 'button',
|
|
33
31
|
href: 'http://developer.mozilla.org',
|
|
34
32
|
target: '_new',
|
|
35
33
|
},
|
|
@@ -37,7 +35,6 @@ export const Secondary = {
|
|
|
37
35
|
export const Negative = {
|
|
38
36
|
args: {
|
|
39
37
|
variant: 'negative',
|
|
40
|
-
type: 'button',
|
|
41
38
|
href: 'http://developer.mozilla.org',
|
|
42
39
|
target: '_new',
|
|
43
40
|
},
|
|
@@ -45,7 +42,6 @@ export const Negative = {
|
|
|
45
42
|
export const NegativeQuiet = {
|
|
46
43
|
args: {
|
|
47
44
|
variant: 'negativeQuiet',
|
|
48
|
-
type: 'button',
|
|
49
45
|
href: 'http://developer.mozilla.org',
|
|
50
46
|
target: '_new',
|
|
51
47
|
},
|
|
@@ -53,7 +49,6 @@ export const NegativeQuiet = {
|
|
|
53
49
|
export const Utility = {
|
|
54
50
|
args: {
|
|
55
51
|
variant: 'utility',
|
|
56
|
-
type: 'button',
|
|
57
52
|
href: 'http://developer.mozilla.org',
|
|
58
53
|
target: '_new',
|
|
59
54
|
},
|
|
@@ -61,7 +56,6 @@ export const Utility = {
|
|
|
61
56
|
export const UtilityQuiet = {
|
|
62
57
|
args: {
|
|
63
58
|
variant: 'utilityQuiet',
|
|
64
|
-
type: 'button',
|
|
65
59
|
href: 'http://developer.mozilla.org',
|
|
66
60
|
target: '_new',
|
|
67
61
|
},
|
|
@@ -69,7 +63,6 @@ export const UtilityQuiet = {
|
|
|
69
63
|
export const Link = {
|
|
70
64
|
args: {
|
|
71
65
|
variant: 'link',
|
|
72
|
-
type: 'button',
|
|
73
66
|
href: 'http://developer.mozilla.org',
|
|
74
67
|
target: '_new',
|
|
75
68
|
},
|
|
@@ -77,7 +70,6 @@ export const Link = {
|
|
|
77
70
|
export const Pill = {
|
|
78
71
|
args: {
|
|
79
72
|
variant: 'pill',
|
|
80
|
-
type: 'button',
|
|
81
73
|
href: 'http://developer.mozilla.org',
|
|
82
74
|
target: '_new',
|
|
83
75
|
},
|
|
@@ -89,7 +81,6 @@ export const Small = {
|
|
|
89
81
|
args: {
|
|
90
82
|
variant: 'primary',
|
|
91
83
|
small: true,
|
|
92
|
-
type: 'button',
|
|
93
84
|
href: 'http://developer.mozilla.org',
|
|
94
85
|
target: '_new',
|
|
95
86
|
},
|
|
@@ -98,7 +89,6 @@ export const Quiet = {
|
|
|
98
89
|
args: {
|
|
99
90
|
variant: 'secondary',
|
|
100
91
|
quiet: true,
|
|
101
|
-
type: 'button',
|
|
102
92
|
href: 'http://developer.mozilla.org',
|
|
103
93
|
target: '_new',
|
|
104
94
|
},
|
|
@@ -107,7 +97,6 @@ export const FullWidth = {
|
|
|
107
97
|
args: {
|
|
108
98
|
variant: 'primary',
|
|
109
99
|
'full-width': true,
|
|
110
|
-
type: 'button',
|
|
111
100
|
href: 'http://developer.mozilla.org',
|
|
112
101
|
target: '_new',
|
|
113
102
|
},
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { WarpLink } from '
|
|
1
|
+
import { WarpLink } from '.';
|
|
2
2
|
export declare const Link: import("@lit/react").ReactWebComponent<WarpLink, {}>;
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
2
|
import { createComponent } from '@lit/react';
|
|
3
|
-
import
|
|
3
|
+
import React from 'react';
|
|
4
|
+
// decouple from CDN by providing a dummy class
|
|
5
|
+
class Component extends LitElement {
|
|
6
|
+
}
|
|
4
7
|
export const Link = createComponent({
|
|
5
8
|
tagName: 'w-link',
|
|
6
|
-
elementClass:
|
|
9
|
+
elementClass: Component,
|
|
7
10
|
react: React,
|
|
8
11
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var Pe=Object.create;var S=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var je=Object.getOwnPropertyNames;var De=Object.getPrototypeOf,Ie=Object.prototype.hasOwnProperty;var Ye=(r,e,o)=>e in r?S(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o;var Q=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var $e=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of je(e))!Ie.call(r,a)&&a!==o&&S(r,a,{get:()=>e[a],enumerable:!(t=W(e,a))||t.enumerable});return r};var Ae=(r,e,o)=>(o=r!=null?Pe(De(r)):{},$e(e||!r||!r.__esModule?S(o,"default",{value:r,enumerable:!0}):o,r));var p=(r,e,o,t)=>{for(var a=t>1?void 0:t?W(e,o):e,i=r.length-1,n;i>=0;i--)(n=r[i])&&(a=(t?n(e,o,a):n(a))||a);return t&&a&&S(e,o,a),a};var O=(r,e,o)=>Ye(r,typeof e!="symbol"?e+"":e,o);var ae=Q(w=>{"use strict";Object.defineProperty(w,"__esModule",{value:!0});w.errorMessages=w.ErrorType=void 0;var y;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(y=w.ErrorType||(w.ErrorType={}));w.errorMessages=new Map([[y.MalformedUnicode,"malformed Unicode character escape sequence"],[y.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[y.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[y.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[y.EndOfString,"malformed escape sequence at end of string"]])});var se=Q(h=>{"use strict";Object.defineProperty(h,"__esModule",{value:!0});h.unraw=h.errorMessages=h.ErrorType=void 0;var d=ae();Object.defineProperty(h,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(h,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function Je(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function N(r,e,o){let t=Je(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(d.errorMessages.get(e));return t}function Xe(r){let e=N(r,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function ie(r,e){let o=N(r,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=N(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function Ze(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function qe(r){if(!Ze(r))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=N(e,d.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(d.errorMessages.get(d.ErrorType.CodePointLimit)):t}}function Ke(r,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Ge=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Ve(r){return Ge.get(r)||r}var We=/\\(?:(\\)|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 ne(r,e=!1){return r.replace(We,function(o,t,a,i,n,s,l,u,v){if(t!==void 0)return"\\";if(a!==void 0)return Xe(a);if(i!==void 0)return qe(i);if(n!==void 0)return ie(n,s);if(l!==void 0)return ie(l);if(u==="0")return"\0";if(u!==void 0)return Ke(u,!e);if(v!==void 0)return Ve(v);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}h.unraw=ne;h.default=ne});import{
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Ve(r){return Ge.get(r)||r}var We=/\\(?:(\\)|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 ne(r,e=!1){return r.replace(We,function(o,t,a,i,n,s,l,u,v){if(t!==void 0)return"\\";if(a!==void 0)return Xe(a);if(i!==void 0)return qe(i);if(n!==void 0)return ie(n,s);if(l!==void 0)return ie(l);if(u==="0")return"\0";if(u!==void 0)return Ke(u,!e);if(v!==void 0)return Ve(v);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}h.unraw=ne;h.default=ne});import{css as Re,html as Fe,LitElement as He}from"lit";import{css as ee}from"lit";var k=ee`
|
|
3
3
|
*,
|
|
4
4
|
:before,
|
|
5
5
|
:after {
|
|
@@ -2438,11 +2438,11 @@ var Pe=Object.create;var S=Object.defineProperty;var W=Object.getOwnPropertyDesc
|
|
|
2438
2438
|
display: none
|
|
2439
2439
|
}
|
|
2440
2440
|
}
|
|
2441
|
-
`;var
|
|
2441
|
+
`;var E=r=>class extends r{constructor(){super(...arguments);this.patchClose=!0;this._close=null}close(){this._close()}},_=r=>class extends r{handleSlotChange(e){let o=e.target.assignedNodes({flatten:!0});for(let t of o.filter(a=>a.patchClose))t._close=()=>this.close()}};var C=class extends E(_(He)){render(){return Fe`
|
|
2442
2442
|
<div class="footer">
|
|
2443
2443
|
<slot @slotchange="${this.handleSlotChange}"></slot>
|
|
2444
2444
|
</div>
|
|
2445
|
-
`}};C.styles=[k,
|
|
2445
|
+
`}};C.styles=[k,Re`
|
|
2446
2446
|
.footer {
|
|
2447
2447
|
display: flex;
|
|
2448
2448
|
flex-shrink: 0;
|
|
@@ -2457,7 +2457,7 @@ var Pe=Object.create;var S=Object.defineProperty;var W=Object.getOwnPropertyDesc
|
|
|
2457
2457
|
padding-right: 3.2rem;
|
|
2458
2458
|
}
|
|
2459
2459
|
}
|
|
2460
|
-
`];customElements.get("w-modal-footer")||customElements.define("w-modal-footer",C);
|
|
2460
|
+
`];customElements.get("w-modal-footer")||customElements.define("w-modal-footer",C);var re=(r,e)=>({dx:r.left-e.left,dy:r.top-e.top,dw:r.width/e.width,dh:r.height/e.height,first:r,last:e}),oe=({dx:r,dy:e})=>[{transform:`translate(${r}px, ${e}px)`},{transform:"none"}],te={easing:"ease",duration:300};var I=!1,Ue=typeof window!="undefined";if(Ue){let r=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:o})=>I=o;r.addEventListener&&r.addEventListener("change",e),e(r)}var T=class{constructor(e,{animation:o={},keyframes:t,respectReduceMotion:a=!0}={}){O(this,"first");O(this,"last");O(this,"el");this.el=e,this.first={},this.last={},this.userAnimationOptions=o,this.keyframeGenerator=t||oe,this.shouldReduceMotion=a}async when(e){this.prep();let o=await e();return await this.play(),o}prep(){this.first=this.el.getBoundingClientRect()}async play(){if(this.last=this.el.getBoundingClientRect(),!this.el.animate)return;await this.el.animate(this.keyframes,this.animationOptions).finished}get keyframes(){return this.keyframeGenerator(re(this.first,this.last))}get defaults(){return te}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion?I?{...this.mergedOptions,duration:0}:this.mergedOptions:this.mergedOptions}};var de=Ae(se(),1);var m=r=>typeof r=="string",Qe=r=>typeof r=="function",le=new Map,pe="en";function R(r){return[...Array.isArray(r)?r:[r],pe]}function F(r,e,o){let t=R(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return B(()=>P("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(m(e)?new Date(e):e)}function er(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return F(r,e,t)}function Y(r,e,o){let t=R(r);return B(()=>P("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ce(r,e,o,{offset:t=0,...a}){var s,l;let i=R(r),n=e?B(()=>P("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):B(()=>P("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(l=(s=a[o])!=null?s:a[n.select(o-t)])!=null?l:a.other}function B(r,e){let o=r(),t=le.get(o);return t||(t=e(),le.set(o,t)),t}function P(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var ue=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,be="%__lingui_octothorpe__%",rr=(r,e,o={})=>{let t=e||r,a=n=>typeof n=="object"?n:o[n],i=(n,s)=>{let l=Object.keys(o).length?a("number"):void 0,u=Y(t,n,l);return s.replace(new RegExp(be,"g"),u)};return{plural:(n,s)=>{let{offset:l=0}=s,u=ce(t,!1,n,s);return i(n-l,u)},selectordinal:(n,s)=>{let{offset:l=0}=s,u=ce(t,!0,n,s);return i(n-l,u)},select:or,number:(n,s)=>Y(t,n,a(s)||{style:s}),date:(n,s)=>F(t,n,a(s)||s),time:(n,s)=>er(t,n,a(s)||s)}},or=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function tr(r,e,o){return(t={},a)=>{let i=rr(e,o,a),n=(l,u=!1)=>Array.isArray(l)?l.reduce((v,L)=>{if(L==="#"&&u)return v+be;if(m(L))return v+L;let[G,f,V]=L,j={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(V).forEach(([D,Be])=>{j[D]=n(Be,f==="plural"||f==="selectordinal")}):j=V;let M;if(f){let D=i[f];M=D(t[G],j)}else M=t[G];return M==null?v:v+M},""):l,s=n(r);return m(s)&&ue.test(s)?(0,de.unraw)(s):m(s)?s:s?String(s):""}}var ar=Object.defineProperty,ir=(r,e,o)=>e in r?ar(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,nr=(r,e,o)=>(ir(r,typeof e!="symbol"?e+"":e,o),o),$=class{constructor(){nr(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},sr=Object.defineProperty,lr=(r,e,o)=>e in r?sr(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,x=(r,e,o)=>(lr(r,typeof e!="symbol"?e+"":e,o),o),A=class extends ${constructor(e){var o;super(),x(this,"_locale",""),x(this,"_locales"),x(this,"_localeData",{}),x(this,"_messages",{}),x(this,"_missing"),x(this,"_messageCompiler"),x(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((o=e.locale)!=null?o:pe,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,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,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=""),m(e)||(o=e.values||o,a=e.message,e=e.id);let i=this.messages[e],n=i===void 0,s=this._missing;if(s&&n)return Qe(s)?s(this._locale,e):s;n&&this.emit("missing",{id:e,locale:this._locale});let l=i||a||e;return m(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
2461
2461
|
|
|
2462
2462
|
> ${l}
|
|
2463
2463
|
|
|
@@ -2465,7 +2465,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
2465
2465
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
2466
2466
|
|
|
2467
2467
|
Please compile your catalog first.
|
|
2468
|
-
`)),m(l)&&ue.test(l)?JSON.parse(`"${l}"`):m(l)?l:tr(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return F(this._locales||this._locale,e,o)}number(e,o){return Y(this._locales||this._locale,e,o)}};function cr(r={}){return new A(r)}var c=cr();import{property as X,query as Rr,state as Fr}from"lit/decorators.js";import{LitElement as dr}from"lit";import{unsafeStatic as pr,html as ur}from"lit/static-html.js";var br=JSON.parse('{"icon.title.arrow-left":["Pil som peker mot venstre"]}'),gr=JSON.parse('{"icon.title.arrow-left":["Leftward-pointing arrow"]}'),hr=JSON.parse('{"icon.title.arrow-left":["Vasemmalle osoittava nuoli"]}'),mr=JSON.parse('{"icon.title.arrow-left":["Pil til venstre"]}'),vr=JSON.parse('{"icon.title.arrow-left":["Pil som pekar v\xE4nster"]}'),ge=["en","nb","fi","da","sv"],he="en",fr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},me=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":he},H=r=>ge.find(e=>r===e||r.toLowerCase().includes(e))||me();function wr(){var r;if(typeof window=="undefined"){let e=fr();return H(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=me();return ge.includes(e)?H(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),H(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),he}}var xr=(r,e,o,t,a,i)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?i:e,kr=(r,e,o,t,a)=>{let i=wr(),n=xr(i,r,e,o,t,a);c.load(i,n),c.activate(i)};kr(gr,br,hr,mr,vr);var yr=class extends dr{render(){let r=c.t({message:"Leftward-pointing arrow",id:"icon.title.arrow-left",comment:"Title for table arrow left icon"});return ur`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-arrow-left-16-part">${pr(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M5.222 8h6.667"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.444 11.75 4.111 8l3.333-3.75"></path></svg>`}};customElements.get("w-icon-arrow-left-16")||customElements.define("w-icon-arrow-left-16",yr);import{LitElement as
|
|
2468
|
+
`)),m(l)&&ue.test(l)?JSON.parse(`"${l}"`):m(l)?l:tr(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return F(this._locales||this._locale,e,o)}number(e,o){return Y(this._locales||this._locale,e,o)}};function cr(r={}){return new A(r)}var c=cr();import{css as $r,html as J,LitElement as Ar,nothing as Me}from"lit";import{property as X,query as Rr,state as Fr}from"lit/decorators.js";import{LitElement as dr}from"lit";import{unsafeStatic as pr,html as ur}from"lit/static-html.js";var br=JSON.parse('{"icon.title.arrow-left":["Pil som peker mot venstre"]}'),gr=JSON.parse('{"icon.title.arrow-left":["Leftward-pointing arrow"]}'),hr=JSON.parse('{"icon.title.arrow-left":["Vasemmalle osoittava nuoli"]}'),mr=JSON.parse('{"icon.title.arrow-left":["Pil til venstre"]}'),vr=JSON.parse('{"icon.title.arrow-left":["Pil som pekar v\xE4nster"]}'),ge=["en","nb","fi","da","sv"],he="en",fr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},me=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":he},H=r=>ge.find(e=>r===e||r.toLowerCase().includes(e))||me();function wr(){var r;if(typeof window=="undefined"){let e=fr();return H(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=me();return ge.includes(e)?H(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),H(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),he}}var xr=(r,e,o,t,a,i)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?i:e,kr=(r,e,o,t,a)=>{let i=wr(),n=xr(i,r,e,o,t,a);c.load(i,n),c.activate(i)};kr(gr,br,hr,mr,vr);var yr=class extends dr{render(){let r=c.t({message:"Leftward-pointing arrow",id:"icon.title.arrow-left",comment:"Title for table arrow left icon"});return ur`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-arrow-left-16-part">${pr(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M5.222 8h6.667"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.444 11.75 4.111 8l3.333-3.75"></path></svg>`}};customElements.get("w-icon-arrow-left-16")||customElements.define("w-icon-arrow-left-16",yr);import{LitElement as Er}from"lit";import{unsafeStatic as _r,html as Cr}from"lit/static-html.js";var zr=JSON.parse('{"icon.title.close":["Kryss"]}'),Lr=JSON.parse('{"icon.title.close":["Cross"]}'),Mr=JSON.parse('{"icon.title.close":["Rasti"]}'),Sr=JSON.parse('{"icon.title.close":["Kryds"]}'),Or=JSON.parse('{"icon.title.close":["Kryss"]}'),ve=["en","nb","fi","da","sv"],fe="en",Tr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},we=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":fe},U=r=>ve.find(e=>r===e||r.toLowerCase().includes(e))||we();function Nr(){var r;if(typeof window=="undefined"){let e=Tr();return U(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=we();return ve.includes(e)?U(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),U(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),fe}}var Br=(r,e,o,t,a,i)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?i:e,Pr=(r,e,o,t,a)=>{let i=Nr(),n=Br(i,r,e,o,t,a);c.load(i,n),c.activate(i)};Pr(Lr,zr,Mr,Sr,Or);var jr=class extends Er{render(){let r=c.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return Cr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${_r(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",jr);var Dr=["en","nb","fi","da","sv"],ke="en",xe=r=>Dr.find(e=>r===e||r.toLowerCase().includes(e))||ke;function Ir(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return xe(r)}try{let r=document.documentElement.lang;return xe(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),ke}}var Yr=(r,e,o,t,a,i)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?i:e,ye=(r,e,o,t,a)=>{let i=Ir(),n=Yr(i,r,e,o,t,a);c.load(i,n),c.activate(i)};var Ee=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}');var _e=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}');var Ce=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}');var ze=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}');var Le=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["St\xE4ng"]}');var g=class extends E(Ar){constructor(){super();this._hasTopContent=!1;ye(_e,ze,Ce,Ee,Le)}render(){return J`
|
|
2469
2469
|
<div class="header">
|
|
2470
2470
|
<slot name="top" @slotchange=${this.handleTopSlotChange}></slot>
|
|
2471
2471
|
<div class="${this._hasTopContent?"":"header-title-bar"}">
|
|
@@ -2474,7 +2474,7 @@ Please compile your catalog first.
|
|
|
2474
2474
|
${this.closeButton}
|
|
2475
2475
|
</div>
|
|
2476
2476
|
</div>
|
|
2477
|
-
`}async willUpdate(o){o.has("back")
|
|
2477
|
+
`}async willUpdate(o){if(o.has("back")){if(!this.titleEl)return;new T(this.titleEl).when(async()=>{await this.updateComplete})}}get titleClasses(){return["header-title",this.back?"header-title-with-back-button":"header-title-without-back-button",this._hasTopContent?"header-title-with-top-area":""].join(" ")}get backButton(){return this.back&&!this._hasTopContent?J`<button
|
|
2478
2478
|
type="button"
|
|
2479
2479
|
aria-label="${c._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}"
|
|
2480
2480
|
class="header-button header-button-left"
|
|
@@ -2599,7 +2599,7 @@ Please compile your catalog first.
|
|
|
2599
2599
|
min-width: 32px;
|
|
2600
2600
|
}
|
|
2601
2601
|
}
|
|
2602
|
-
`],p([X({type:String})],g.prototype,"title",2),p([X({type:Boolean})],g.prototype,"back",2),p([X({type:Boolean,attribute:"no-close"})],g.prototype,"noClose",2),p([Fr()],g.prototype,"_hasTopContent",2),p([Rr(".title-el")],g.prototype,"titleEl",2);customElements.get("w-modal-header")||customElements.define("w-modal-header",g);import{css as Qr,html as eo,LitElement as ro}from"lit";import{property as q,query as K}from"lit/decorators.js";var z=[],Z={documentElement:{},body:{}},Hr=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),Se=r=>{var e;r.touches.length>1||((e=r.preventDefault)==null||e.call(r))},Ur=r=>([e,o])=>{Z[r][e]=document[r].style[e],document[r].style[e]=o},Jr=()=>Object.entries(Hr).forEach(([r,e])=>{Object.entries(e).forEach(Ur(r))}),Xr=r=>([e,o])=>{document[r].style[e]=Z[r][e]},Zr=()=>Object.entries(Z).forEach(([r,e])=>{Object.entries(e).forEach(Xr(r))}),qr=r=>r.scrollHeight-Math.abs(r.scrollTop)===r.clientHeight;function Kr(r){let e=-1,o=t=>{if(t.targetTouches.length!==1)return;let a=t.targetTouches[0].clientY-e;return r.scrollTop===0&&a>0||qr(r)&&a<0?Se(t):(t.stopPropagation(),!0)};r.ontouchstart=t=>{t.targetTouches.length===1&&(e=t.targetTouches[0].clientY)},r.ontouchmove=o}function Gr(r){r.ontouchstart=null,r.ontouchmove=null}var Oe=r=>()=>document[r?"addEventListener":"removeEventListener"]("touchmove",Se,{passive:!1}),Vr=Oe(!0),Wr=Oe();function Te(r){if(!r)throw Error("Could not run setup, an element must be provided");z.some(e=>e===r)||(z.length||(Jr(),Vr()),Kr(r),z.push(r))}function Ne(){z.forEach(Gr),Wr(),Zr(),z=[]}var b=class extends
|
|
2602
|
+
`],p([X({type:String})],g.prototype,"title",2),p([X({type:Boolean})],g.prototype,"back",2),p([X({type:Boolean,attribute:"no-close"})],g.prototype,"noClose",2),p([Fr()],g.prototype,"_hasTopContent",2),p([Rr(".title-el")],g.prototype,"titleEl",2);customElements.get("w-modal-header")||customElements.define("w-modal-header",g);import{css as Qr,html as eo,LitElement as ro}from"lit";import{property as q,query as K}from"lit/decorators.js";var z=[],Z={documentElement:{},body:{}},Hr=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),Se=r=>{var e;r.touches.length>1||((e=r.preventDefault)==null||e.call(r))},Ur=r=>([e,o])=>{Z[r][e]=document[r].style[e],document[r].style[e]=o},Jr=()=>Object.entries(Hr).forEach(([r,e])=>{Object.entries(e).forEach(Ur(r))}),Xr=r=>([e,o])=>{document[r].style[e]=Z[r][e]},Zr=()=>Object.entries(Z).forEach(([r,e])=>{Object.entries(e).forEach(Xr(r))}),qr=r=>r.scrollHeight-Math.abs(r.scrollTop)===r.clientHeight;function Kr(r){let e=-1,o=t=>{if(t.targetTouches.length!==1)return;let a=t.targetTouches[0].clientY-e;return r.scrollTop===0&&a>0||qr(r)&&a<0?Se(t):(t.stopPropagation(),!0)};r.ontouchstart=t=>{t.targetTouches.length===1&&(e=t.targetTouches[0].clientY)},r.ontouchmove=o}function Gr(r){r.ontouchstart=null,r.ontouchmove=null}var Oe=r=>()=>document[r?"addEventListener":"removeEventListener"]("touchmove",Se,{passive:!1}),Vr=Oe(!0),Wr=Oe();function Te(r){if(!r)throw Error("Could not run setup, an element must be provided");z.some(e=>e===r)||(z.length||(Jr(),Vr()),Kr(r),z.push(r))}function Ne(){z.forEach(Gr),Wr(),Zr(),z=[]}var b=class extends _(ro){constructor(){super(),this.interceptEscape=this.interceptEscape.bind(this),this.closeOnBackdropClick=this.closeOnBackdropClick.bind(this),this.eventPreventer=this.eventPreventer.bind(this),this.modifyBorderRadius=this.modifyBorderRadius.bind(this)}async open(){this.dialogEl.showModal(),this.handleListeners(),Te(this.contentEl),await this.updateComplete,this.dispatchEvent(new CustomEvent("shown",{bubbles:!0,composed:!0}))}close(){this.handleListeners("removeEventListener"),this.dialogEl.classList.add("close"),this.dialogEl.addEventListener("animationend",async()=>{this.dialogEl.classList.remove("close"),this.dialogEl.close(),Ne(),await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0}))},{once:!0})}render(){return eo`
|
|
2603
2603
|
<dialog class="dialog-el">
|
|
2604
2604
|
<div class="dialog-inner-el">
|
|
2605
2605
|
<slot name="header" @slotchange="${this.handleSlotChange}"></slot>
|
|
@@ -2730,5 +2730,5 @@ Please compile your catalog first.
|
|
|
2730
2730
|
background: transparent;
|
|
2731
2731
|
}
|
|
2732
2732
|
}
|
|
2733
|
-
`],p([q({type:Boolean})],b.prototype,"show",2),p([q({type:String,attribute:"content-id"})],b.prototype,"contentId",2),p([q({type:Boolean,attribute:"ignore-backdrop-clicks"})],b.prototype,"ignoreBackdropClicks",2),p([K(".dialog-el")],b.prototype,"dialogEl",2),p([K(".dialog-inner-el")],b.prototype,"dialogInnerEl",2),p([K(".content-el")],b.prototype,"contentEl",2);customElements.get("w-modal")||customElements.define("w-modal",b);export{
|
|
2733
|
+
`],p([q({type:Boolean})],b.prototype,"show",2),p([q({type:String,attribute:"content-id"})],b.prototype,"contentId",2),p([q({type:Boolean,attribute:"ignore-backdrop-clicks"})],b.prototype,"ignoreBackdropClicks",2),p([K(".dialog-el")],b.prototype,"dialogEl",2),p([K(".dialog-inner-el")],b.prototype,"dialogInnerEl",2),p([K(".content-el")],b.prototype,"contentEl",2);customElements.get("w-modal")||customElements.define("w-modal",b);export{E as ModalCanCloseMixin,_ as ModalProvidesCanCloseToSlotsMixin,b as WarpModal,C as WarpModalFooter,g as WarpModalHeader};
|
|
2734
2734
|
//# sourceMappingURL=index.js.map
|