@warp-ds/elements 2.2.0-next.25 → 2.2.0-next.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +105 -105
- package/dist/index.d.ts +31 -31
- package/dist/packages/modal/index.js +4 -4
- package/dist/packages/modal/index.js.map +1 -1
- package/dist/packages/modal/modal-header.js +8 -8
- package/dist/packages/modal/modal-header.js.map +1 -1
- package/dist/packages/modal/modal.stories.d.ts +3 -3
- package/dist/packages/modal/modal.stories.js +164 -71
- package/dist/packages/steps/index.js +7 -7
- package/dist/packages/steps/index.js.map +2 -2
- package/dist/vscode.html-custom-data.json +20 -20
- package/dist/web-types.json +39 -39
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from
|
|
2
|
-
import type { WarpModal, WarpModalFooter, WarpModalHeader } from
|
|
3
|
-
import
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/web-components-vite";
|
|
2
|
+
import type { WarpModal, WarpModalFooter, WarpModalHeader } from "./index.ts";
|
|
3
|
+
import "./index.ts";
|
|
4
4
|
declare const modalArgs: Partial<WarpModal> & {
|
|
5
5
|
[key: string]: any;
|
|
6
6
|
};
|
|
@@ -1,123 +1,210 @@
|
|
|
1
|
-
import { spread } from
|
|
2
|
-
import { getStorybookHelpers } from
|
|
3
|
-
import { html } from
|
|
4
|
-
import { prespread } from
|
|
5
|
-
import
|
|
6
|
-
const { events: modalEvents, args: modalArgs, argTypes: modalArgTypes } = getStorybookHelpers(
|
|
7
|
-
const { events: modalHeaderEvents, args: modalHeaderArgs, argTypes: modalHeaderArgTypes, } = getStorybookHelpers(
|
|
8
|
-
const { events: modalFooterEvents, args: modalFooterArgs, argTypes: modalFooterArgTypes, } = getStorybookHelpers(
|
|
1
|
+
import { spread } from "@open-wc/lit-helpers";
|
|
2
|
+
import { getStorybookHelpers } from "@wc-toolkit/storybook-helpers";
|
|
3
|
+
import { html } from "lit";
|
|
4
|
+
import { prespread } from "../../.storybook/utilities.js";
|
|
5
|
+
import "./index.ts";
|
|
6
|
+
const { events: modalEvents, args: modalArgs, argTypes: modalArgTypes, } = getStorybookHelpers("w-modal");
|
|
7
|
+
const { events: modalHeaderEvents, args: modalHeaderArgs, argTypes: modalHeaderArgTypes, } = getStorybookHelpers("w-modal-header");
|
|
8
|
+
const { events: modalFooterEvents, args: modalFooterArgs, argTypes: modalFooterArgTypes, } = getStorybookHelpers("w-modal-footer");
|
|
9
9
|
const meta = {
|
|
10
|
-
title:
|
|
10
|
+
title: "Overlays/Modal",
|
|
11
11
|
};
|
|
12
12
|
export default meta;
|
|
13
13
|
export const Default = {
|
|
14
14
|
args: {},
|
|
15
15
|
render() {
|
|
16
16
|
return html `
|
|
17
|
-
<w-button id="modal-open-button-one" aria-haspopup="dialog"
|
|
17
|
+
<w-button id="modal-open-button-one" aria-haspopup="dialog"
|
|
18
|
+
>Open a modal</w-button
|
|
19
|
+
>
|
|
18
20
|
<w-modal id="example-modal-one">
|
|
19
|
-
<w-modal-header
|
|
21
|
+
<w-modal-header
|
|
22
|
+
id="modal-header-one"
|
|
23
|
+
slot="header"
|
|
24
|
+
title="An example modal"
|
|
25
|
+
></w-modal-header>
|
|
20
26
|
<div slot="content">
|
|
27
|
+
<h2 class="h4 mb-16">Triumph by Wu Tang Clan</h2>
|
|
21
28
|
<div style="margin-bottom: 12px">
|
|
22
|
-
<w-button id="modal-toggle-back-one" variant="utility" small
|
|
29
|
+
<w-button id="modal-toggle-back-one" variant="utility" small
|
|
30
|
+
>Toggle back button</w-button
|
|
31
|
+
>
|
|
23
32
|
</div>
|
|
24
|
-
<h2 class="h4 mb-16">Triumph by Wu Tang Clan</h2>
|
|
25
33
|
<p>
|
|
26
|
-
I bomb atomically, Socrates' philosophies and hypotheses Can't
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
34
|
+
I bomb atomically, Socrates' philosophies and hypotheses Can't
|
|
35
|
+
define how I be droppin' these mockeries Lyrically perform armed
|
|
36
|
+
robbery Flee with the lottery, possibly they spotted me
|
|
37
|
+
Battle-scarred Shogun, explosion when my pen hits tremendous
|
|
38
|
+
Ultra-violet shine blind forensics I inspect view through the future
|
|
39
|
+
see millennium Killa Beez sold fifty gold, sixty platinum Shackling
|
|
40
|
+
the masses with drastic rap tactics Graphic displays melt the steel
|
|
41
|
+
like blacksmiths Black Wu jackets, Queen Beez ease the guns in
|
|
42
|
+
Rumble with patrolmen, tear gas laced the function Heads by the
|
|
43
|
+
score take flight, incite a war Chicks hit the floor, diehard fans
|
|
44
|
+
demand more Behold the bold soldier, control the globe slowly
|
|
45
|
+
Proceeds to blow, swingin' swords like Shinobi Stomp grounds and
|
|
46
|
+
pound footprints in solid rock Wu got it locked, performin' live on
|
|
47
|
+
your hottest block
|
|
33
48
|
</p>
|
|
34
49
|
<p>
|
|
35
|
-
First I'm gonna getcha, once I gotcha, I gat-cha, You could never
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
50
|
+
First I'm gonna getcha, once I gotcha, I gat-cha, You could never
|
|
51
|
+
capture the Method Man's stature. So uhh, tic toc and keep ticking,
|
|
52
|
+
while I get you flipping off what I'm kicking. Yes, the rhythm, the
|
|
53
|
+
rebel, alone in my level heat it up past the boiling point of metal.
|
|
54
|
+
Shackling the masses with drastic rap tactics, graphic displays melt
|
|
55
|
+
the steel like blacksmiths. My beats travel like a vortex through
|
|
56
|
+
your spine, to the top of your cerebral cortex. Yes, the rhythm, the
|
|
57
|
+
rebel, alone in my level heat it up past the boiling point of metal.
|
|
58
|
+
Small change, they putting shame in the game. Murderous material,
|
|
59
|
+
made by a madman, it's the mic wrecker, Inspector, bad man.
|
|
41
60
|
</p>
|
|
42
61
|
<p>
|
|
43
|
-
My beats travel like a vortex through your spine, to the top of your
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
62
|
+
My beats travel like a vortex through your spine, to the top of your
|
|
63
|
+
cerebral cortex. The rebel, I make more noise than heavy metal. Now,
|
|
64
|
+
lo and behold, another deadly episode, bound to catch another charge
|
|
65
|
+
when I explode Perpendicular to the square we stay in gold like
|
|
66
|
+
Flair, escape from your dragon's lair in particular. Handcuffed in
|
|
67
|
+
the back of a bus, forty of us. Slammin a hype verse til ya head
|
|
68
|
+
burst. Handcuffed in the back of a bus, forty of us. I bomb
|
|
69
|
+
atomically Socrates' philosophies and hypothesis can't define how I
|
|
70
|
+
be dropping these mockeries. I be that insane one from the psycho
|
|
71
|
+
ward, I'm on the trigger, plus I got the Wu-Tang sword. Step through
|
|
72
|
+
your section with the Force like Luke Skywalker, rhyme author,
|
|
73
|
+
orchestrate mind torture.
|
|
49
74
|
</p>
|
|
50
75
|
<p>
|
|
51
|
-
It was the night before New Year's all through the projects, not a
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
76
|
+
It was the night before New Year's all through the projects, not a
|
|
77
|
+
handgun was silent, not even a Tec. I smoke on the mic like smoking
|
|
78
|
+
Joe Frazier, the hell raiser, raising hell with the flavor. The Wu
|
|
79
|
+
is comin thru, the outcome is critical, Muckin wit my style, is sort
|
|
80
|
+
of like a Miracle. We got stick-up kids, corrupt cops, and pop
|
|
81
|
+
rocks. Step through your section with the Force like Luke Skywalker,
|
|
82
|
+
rhyme author, orchestrate mind torture. Rae got it going on pal,
|
|
83
|
+
call me the rap assassinator, rhymes rugged and built like
|
|
84
|
+
Schwarzenegger.
|
|
56
85
|
</p>
|
|
57
86
|
</div>
|
|
58
87
|
<w-modal-footer slot="footer">
|
|
59
|
-
<
|
|
88
|
+
<div class="flex gap-16">
|
|
89
|
+
<w-button variant="secondary" id="modal-close-button-cancel"
|
|
90
|
+
>Cancel</w-button
|
|
91
|
+
>
|
|
92
|
+
<w-button variant="primary" id="modal-close-button-one"
|
|
93
|
+
>Confirm</w-button
|
|
94
|
+
>
|
|
95
|
+
</div>
|
|
60
96
|
</w-modal-footer>
|
|
61
97
|
</w-modal>
|
|
62
|
-
|
|
63
|
-
<script>
|
|
64
|
-
const openButtonOne = document.querySelector('#modal-open-button-one');
|
|
65
|
-
const closeButtonOne = document.querySelector('#modal-close-button-one');
|
|
66
|
-
const toggleBackButtonOne = document.querySelector('#modal-toggle-back-one');
|
|
67
|
-
const modalOne = document.querySelector('#example-modal-one');
|
|
68
|
-
const modalHeaderOne = document.querySelector('#modal-header-one');
|
|
69
|
-
openButtonOne.addEventListener('click', () => modalOne.open());
|
|
70
|
-
closeButtonOne.addEventListener('click', () => modalOne.close());
|
|
71
|
-
toggleBackButtonOne.addEventListener('click', () => {
|
|
72
|
-
modalHeaderOne.back = !modalHeaderOne.back;
|
|
73
|
-
});
|
|
74
|
-
</script>
|
|
75
98
|
`;
|
|
76
99
|
},
|
|
100
|
+
play: async ({ canvasElement }) => {
|
|
101
|
+
await Promise.all([
|
|
102
|
+
customElements.whenDefined("w-button"),
|
|
103
|
+
customElements.whenDefined("w-modal"),
|
|
104
|
+
customElements.whenDefined("w-modal-header"),
|
|
105
|
+
customElements.whenDefined("w-modal-footer"),
|
|
106
|
+
]);
|
|
107
|
+
const openButton = canvasElement.querySelector("#modal-open-button-one");
|
|
108
|
+
const closeButton = canvasElement.querySelector("#modal-close-button-one");
|
|
109
|
+
const toggleBackButton = canvasElement.querySelector("#modal-toggle-back-one");
|
|
110
|
+
const cancelButton = canvasElement.querySelector("#modal-close-button-cancel");
|
|
111
|
+
const modal = canvasElement.querySelector("#example-modal-one");
|
|
112
|
+
const modalHeader = canvasElement.querySelector("#modal-header-one");
|
|
113
|
+
if (openButton && modal) {
|
|
114
|
+
openButton.addEventListener("click", () => modal.open());
|
|
115
|
+
}
|
|
116
|
+
if (closeButton && modal) {
|
|
117
|
+
closeButton.addEventListener("click", () => modal.close());
|
|
118
|
+
}
|
|
119
|
+
if (cancelButton && modal) {
|
|
120
|
+
cancelButton.addEventListener("click", () => modal.close());
|
|
121
|
+
}
|
|
122
|
+
if (toggleBackButton && modalHeader) {
|
|
123
|
+
toggleBackButton.addEventListener("click", () => {
|
|
124
|
+
modalHeader.back = !modalHeader.back;
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
parameters: {
|
|
129
|
+
docs: {
|
|
130
|
+
story: {
|
|
131
|
+
autoplay: true,
|
|
132
|
+
},
|
|
133
|
+
},
|
|
134
|
+
},
|
|
77
135
|
};
|
|
78
136
|
export const WithImage = {
|
|
79
137
|
args: {},
|
|
80
138
|
render() {
|
|
81
139
|
return html `
|
|
82
|
-
<w-button id="modal-open-button-two" aria-haspopup="dialog"
|
|
140
|
+
<w-button id="modal-open-button-two" aria-haspopup="dialog"
|
|
141
|
+
>Open a modal</w-button
|
|
142
|
+
>
|
|
83
143
|
<w-modal id="example-modal-two">
|
|
84
144
|
<w-modal-header slot="header" title="Look a doggo!">
|
|
85
145
|
<img
|
|
86
146
|
slot="top"
|
|
87
147
|
style="height: 256px; width: 100%; object-fit: cover;"
|
|
88
148
|
src="https://images.unsplash.com/photo-1534361960057-19889db9621e"
|
|
89
|
-
alt="A really nice dog"
|
|
149
|
+
alt="A really nice dog"
|
|
150
|
+
/>
|
|
90
151
|
</w-modal-header>
|
|
91
152
|
<div slot="content">
|
|
92
153
|
<p>
|
|
93
|
-
I bomb atomically, Socrates' philosophies and hypotheses Can't
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
154
|
+
I bomb atomically, Socrates' philosophies and hypotheses Can't
|
|
155
|
+
define how I be droppin' these mockeries Lyrically perform armed
|
|
156
|
+
robbery Flee with the lottery, possibly they spotted me
|
|
157
|
+
Battle-scarred Shogun, explosion when my pen hits tremendous
|
|
158
|
+
Ultra-violet shine blind forensics I inspect view through the future
|
|
159
|
+
see millennium Killa Beez sold fifty gold, sixty platinum Shackling
|
|
160
|
+
the masses with drastic rap tactics Graphic displays melt the steel
|
|
161
|
+
like blacksmiths Black Wu jackets, Queen Beez ease the guns in
|
|
162
|
+
Rumble with patrolmen, tear gas laced the function Heads by the
|
|
163
|
+
score take flight, incite a war Chicks hit the floor, diehard fans
|
|
164
|
+
demand more Behold the bold soldier, control the globe slowly
|
|
165
|
+
Proceeds to blow, swingin' swords like Shinobi Stomp grounds and
|
|
166
|
+
pound footprints in solid rock Wu got it locked, performin' live on
|
|
167
|
+
your hottest block
|
|
100
168
|
</p>
|
|
101
169
|
</div>
|
|
102
170
|
<w-modal-footer slot="footer">
|
|
103
171
|
<w-button variant="primary" id="modal-close-button-two">OK</w-button>
|
|
104
172
|
</w-modal-footer>
|
|
105
173
|
</w-modal>
|
|
106
|
-
|
|
107
|
-
<script>
|
|
108
|
-
const openButtonTwo = document.querySelector('#modal-open-button-two');
|
|
109
|
-
const closeButtonTwo = document.querySelector('#modal-close-button-two');
|
|
110
|
-
const modalTwo = document.querySelector('#example-modal-two');
|
|
111
|
-
openButtonTwo.addEventListener('click', () => modalTwo.open());
|
|
112
|
-
closeButtonTwo.addEventListener('click', () => modalTwo.close());
|
|
113
|
-
</script>
|
|
114
174
|
`;
|
|
115
175
|
},
|
|
176
|
+
play: async ({ canvasElement }) => {
|
|
177
|
+
await Promise.all([
|
|
178
|
+
customElements.whenDefined("w-button"),
|
|
179
|
+
customElements.whenDefined("w-modal"),
|
|
180
|
+
customElements.whenDefined("w-modal-header"),
|
|
181
|
+
customElements.whenDefined("w-modal-footer"),
|
|
182
|
+
]);
|
|
183
|
+
const openButton = canvasElement.querySelector("#modal-open-button-two");
|
|
184
|
+
const closeButton = canvasElement.querySelector("#modal-close-button-two");
|
|
185
|
+
const modal = canvasElement.querySelector("#example-modal-two");
|
|
186
|
+
if (openButton && modal) {
|
|
187
|
+
openButton.addEventListener("click", () => modal.open());
|
|
188
|
+
}
|
|
189
|
+
if (closeButton && modal) {
|
|
190
|
+
closeButton.addEventListener("click", () => modal.close());
|
|
191
|
+
}
|
|
192
|
+
},
|
|
193
|
+
parameters: {
|
|
194
|
+
docs: {
|
|
195
|
+
story: {
|
|
196
|
+
autoplay: true,
|
|
197
|
+
},
|
|
198
|
+
},
|
|
199
|
+
},
|
|
116
200
|
};
|
|
117
201
|
export const Modal = {
|
|
118
202
|
render(args) {
|
|
119
203
|
return html `
|
|
120
|
-
<p>
|
|
204
|
+
<p>
|
|
205
|
+
This is here to document attributes. See the Default example for a
|
|
206
|
+
complete usage example.
|
|
207
|
+
</p>
|
|
121
208
|
<w-modal ${spread(prespread(args))}></w-modal>
|
|
122
209
|
`;
|
|
123
210
|
},
|
|
@@ -132,7 +219,10 @@ export const Modal = {
|
|
|
132
219
|
export const ModalHeader = {
|
|
133
220
|
render(args) {
|
|
134
221
|
return html `
|
|
135
|
-
<p>
|
|
222
|
+
<p>
|
|
223
|
+
This is here to document attributes. See the Default example for a
|
|
224
|
+
complete usage example.
|
|
225
|
+
</p>
|
|
136
226
|
<w-modal-header ${spread(prespread(args))}></w-modal-header>
|
|
137
227
|
`;
|
|
138
228
|
},
|
|
@@ -147,7 +237,10 @@ export const ModalHeader = {
|
|
|
147
237
|
export const ModalFooter = {
|
|
148
238
|
render(args) {
|
|
149
239
|
return html `
|
|
150
|
-
<p>
|
|
240
|
+
<p>
|
|
241
|
+
This is here to document attributes. See the Default example for a
|
|
242
|
+
complete usage example.
|
|
243
|
+
</p>
|
|
151
244
|
<w-modal-footer ${spread(prespread(args))}></w-modal-footer>
|
|
152
245
|
`;
|
|
153
246
|
},
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var fe=Object.create;var A=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var we=Object.getOwnPropertyNames;var xe=Object.getPrototypeOf,ke=Object.prototype.hasOwnProperty;var Q=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var ye=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of we(e))!ke.call(r,a)&&a!==o&&A(r,a,{get:()=>e[a],enumerable:!(t=K(e,a))||t.enumerable});return r};var _e=(r,e,o)=>(o=r!=null?fe(xe(r)):{},ye(e||!r||!r.__esModule?A(o,"default",{value:r,enumerable:!0}):o,r));var k=(r,e,o,t)=>{for(var a=t>1?void 0:t?K(e,o):e,s=r.length-1,i;s>=0;s--)(i=r[s])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&A(e,o,a),a};var W=Q(f=>{"use strict";Object.defineProperty(f,"__esModule",{value:!0});f.errorMessages=f.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=f.ErrorType||(f.ErrorType={}));f.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 oe=Q(u=>{"use strict";Object.defineProperty(u,"__esModule",{value:!0});u.unraw=u.errorMessages=u.ErrorType=void 0;var d=W();Object.defineProperty(u,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(u,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function ze(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function M(r,e,o){let t=ze(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(d.errorMessages.get(e));return t}function Ce(r){let e=M(r,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function ee(r,e){let o=M(r,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=M(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function Me(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function Le(r){if(!Me(r))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=M(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 Ee(r,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Se=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Oe(r){return Se.get(r)||r}var Ne=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function re(r,e=!1){return r.replace(Ne,function(o,t,a,s,i,n,l,p,g){if(t!==void 0)return"\\";if(a!==void 0)return Ce(a);if(s!==void 0)return Le(s);if(i!==void 0)return ee(i,n);if(l!==void 0)return ee(l);if(p==="0")return"\0";if(p!==void 0)return Ee(p,!e);if(g!==void 0)return Oe(g);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}u.unraw=re;u.default=re});var m=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?m.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var ie=_e(oe(),1);var h=r=>typeof r=="string",je=r=>typeof r=="function",te=new Map,ne="en";function F(r){return[...Array.isArray(r)?r:[r],ne]}function Y(r,e,o){let t=F(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 L(()=>E("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function Ae(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 Y(r,e,t)}function T(r,e,o){let t=F(r);return L(()=>E("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ae(r,e,o,{offset:t=0,...a}){var n,l;let s=F(r),i=e?L(()=>E("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):L(()=>E("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(n=a[o])!=null?n:a[i.select(o-t)])!=null?l:a.other}function L(r,e){let o=r(),t=te.get(o);return t||(t=e(),te.set(o,t)),t}function E(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var se=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,le="%__lingui_octothorpe__%",Te=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],s=(i,n)=>{let l=Object.keys(o).length?a("number"):void 0,p=T(t,i,l);return n.replace(new RegExp(le,"g"),p)};return{plural:(i,n)=>{let{offset:l=0}=n,p=ae(t,!1,i,n);return s(i-l,p)},selectordinal:(i,n)=>{let{offset:l=0}=n,p=ae(t,!0,i,n);return s(i-l,p)},select:Ie,number:(i,n)=>T(t,i,a(n)||{style:n}),date:(i,n)=>Y(t,i,a(n)||n),time:(i,n)=>Ae(t,i,a(n)||n)}},Ie=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function De(r,e,o){return(t={},a)=>{let s=Te(e,o,a),i=(l,p=!1)=>Array.isArray(l)?l.reduce((g,z)=>{if(z==="#"&&p)return g+le;if(h(z))return g+z;let[V,v,G]=z,N={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(G).forEach(([j,ve])=>{N[j]=i(ve,v==="plural"||v==="selectordinal")}):N=G;let C;if(v){let j=s[v];C=j(t[V],N)}else C=t[V];return C==null?g:g+C},""):l,n=i(r);return h(n)&&se.test(n)?(0,ie.unraw)(n):h(n)?n:n?String(n):""}}var Fe=Object.defineProperty,Ye=(r,e,o)=>e in r?Fe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Oe(r){return Se.get(r)||r}var Ne=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function re(r,e=!1){return r.replace(Ne,function(o,t,a,s,i,n,l,p,g){if(t!==void 0)return"\\";if(a!==void 0)return Ce(a);if(s!==void 0)return Le(s);if(i!==void 0)return ee(i,n);if(l!==void 0)return ee(l);if(p==="0")return"\0";if(p!==void 0)return Ee(p,!e);if(g!==void 0)return Oe(g);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}u.unraw=re;u.default=re});var m=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?m.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var ie=_e(oe(),1);var h=r=>typeof r=="string",je=r=>typeof r=="function",te=new Map,ne="en";function F(r){return[...Array.isArray(r)?r:[r],ne]}function Y(r,e,o){let t=F(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 L(()=>E("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(h(e)?new Date(e):e)}function Ae(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 Y(r,e,t)}function T(r,e,o){let t=F(r);return L(()=>E("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ae(r,e,o,{offset:t=0,...a}){var n,l;let s=F(r),i=e?L(()=>E("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):L(()=>E("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(n=a[o])!=null?n:a[i.select(o-t)])!=null?l:a.other}function L(r,e){let o=r(),t=te.get(o);return t||(t=e(),te.set(o,t)),t}function E(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var se=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,le="%__lingui_octothorpe__%",Te=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],s=(i,n)=>{let l=Object.keys(o).length?a("number"):void 0,p=T(t,i,l);return n.replace(new RegExp(le,"g"),p)};return{plural:(i,n)=>{let{offset:l=0}=n,p=ae(t,!1,i,n);return s(i-l,p)},selectordinal:(i,n)=>{let{offset:l=0}=n,p=ae(t,!0,i,n);return s(i-l,p)},select:Ie,number:(i,n)=>T(t,i,a(n)||{style:n}),date:(i,n)=>Y(t,i,a(n)||n),time:(i,n)=>Ae(t,i,a(n)||n)}},Ie=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function De(r,e,o){return(t={},a)=>{let s=Te(e,o,a),i=(l,p=!1)=>Array.isArray(l)?l.reduce((g,z)=>{if(z==="#"&&p)return g+le;if(h(z))return g+z;let[V,v,G]=z,N={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(G).forEach(([j,ve])=>{N[j]=i(ve,v==="plural"||v==="selectordinal")}):N=G;let C;if(v){let j=s[v];C=j(t[V],N)}else C=t[V];return C==null?g:g+C},""):l,n=i(r);return h(n)&&se.test(n)?(0,ie.unraw)(n):h(n)?n:n?String(n):""}}var Fe=Object.defineProperty,Ye=(r,e,o)=>e in r?Fe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,$e=(r,e,o)=>(Ye(r,typeof e!="symbol"?e+"":e,o),o),I=class{constructor(){$e(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}},Pe=Object.defineProperty,He=(r,e,o)=>e in r?Pe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,w=(r,e,o)=>(He(r,typeof e!="symbol"?e+"":e,o),o),D=class extends I{constructor(e){var o;super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(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:ne,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,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=""),h(e)||(o=e.values||o,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return je(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return h(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
3
3
|
|
|
4
4
|
> ${l}
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
7
7
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
8
|
|
|
9
9
|
Please compile your catalog first.
|
|
10
|
-
`)),h(l)&&se.test(l)?JSON.parse(`"${l}"`):h(l)?l:De(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return Y(this._locales||this._locale,e,o)}number(e,o){return T(this._locales||this._locale,e,o)}};function Re(r={}){return new D(r)}var b=Re();import{html as S,LitElement as he}from"lit";import{property as O,state as nr}from"lit/decorators.js";import{LitElement as Ue}from"lit";import{unsafeStatic as Xe,html as Be}from"lit/static-html.js";var Ze=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),Je=JSON.parse('{"icon.title.check":["Checkmark"]}'),qe=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),Ve=JSON.parse('{"icon.title.check":["Flueben"]}'),Ge=JSON.parse('{"icon.title.check":["Bock"]}'),ce=["en","nb","fi","da","sv"],de="en",Ke=()=>{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},pe=()=>{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":de}
|
|
10
|
+
`)),h(l)&&se.test(l)?JSON.parse(`"${l}"`):h(l)?l:De(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return Y(this._locales||this._locale,e,o)}number(e,o){return T(this._locales||this._locale,e,o)}};function Re(r={}){return new D(r)}var b=Re();import{html as S,LitElement as he}from"lit";import{property as O,state as nr}from"lit/decorators.js";import{LitElement as Ue}from"lit";import{unsafeStatic as Xe,html as Be}from"lit/static-html.js";var Ze=JSON.parse('{"icon.title.check":["Sjekkmerke"]}'),Je=JSON.parse('{"icon.title.check":["Checkmark"]}'),qe=JSON.parse('{"icon.title.check":["Valintamerkki"]}'),Ve=JSON.parse('{"icon.title.check":["Flueben"]}'),Ge=JSON.parse('{"icon.title.check":["Bock"]}'),ce=["en","nb","fi","da","sv"],de="en",Ke=()=>{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},pe=()=>{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":de},$=r=>ce.find(e=>r===e||r.toLowerCase().includes(e))||pe();function Qe(){var r;if(typeof window=="undefined"){let e=Ke();return $(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=pe();return ce.includes(e)?$(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),$(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),de}}var We=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,er=(r,e,o,t,a)=>{let s=Qe(),i=We(s,r,e,o,t,a);b.load(s,i),b.activate(s)};er(Je,Ze,qe,Ve,Ge);var rr=class extends Ue{render(){let r=b.t({message:"Checkmark",id:"icon.title.check",comment:"Title for check icon"});return Be`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-check-16-part">${Xe(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.83 7.667 7.163 11l5.334-6"></path></svg>`}};customElements.get("w-icon-check-16")||customElements.define("w-icon-check-16",rr);var or=["en","nb","fi","da","sv"],ge="en",be=r=>or.find(e=>r===e||r.toLowerCase().includes(e))||ge;function tr(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return be(r)}try{let r=document.documentElement.lang;return be(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),ge}}var ar=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,P=(r,e,o,t,a)=>{let s=tr(),i=ar(s,r,e,o,t,a);b.load(s,i),b.activate(s)};import{css as ue}from"lit";var H=ue`
|
|
11
11
|
*,
|
|
12
12
|
:before,
|
|
13
13
|
:after {
|
|
@@ -2446,18 +2446,18 @@ Please compile your catalog first.
|
|
|
2446
2446
|
display: none
|
|
2447
2447
|
}
|
|
2448
2448
|
}
|
|
2449
|
-
`;var R=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var U=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var X=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var B=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var Z=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');import{css as ir}from"lit";var J=ir`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.text-center{text-align:center}.text-right{text-align:right}.border-2{border-width:2px}.rounded-full{border-radius:9999px}.flex{display:flex}.grid{display:grid}.flex-1{flex:1}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.grid-flow-col{grid-auto-flow:column}.grid-rows-\\[20px_auto\\]{grid-template-rows:20px auto}.grid-rows-\\[auto_20px\\]{grid-template-rows:auto 20px}.grid-cols-\\[1fr_20px_1fr\\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\\[1fr_20px\\]{grid-template-columns:1fr 20px}.grid-cols-\\[20px_1fr\\]{grid-template-columns:20px 1fr}.items-center{align-items:center}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-primary{border-color:var(--w-s-color-border-primary)}.h-2{height:.2rem}.h-20{height:2rem}.h-full{height:100%}.w-2{width:.2rem}.w-20{width:2rem}.w-full{width:100%}.last\\:mb-0:last-child{margin-bottom:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.pb-0{padding-bottom:0}.pb-32{padding-bottom:3.2rem}.invisible{visibility:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}`;var me={wrapper:"w-full",horizontal:"flex"},c={base:"group/step",vertical:"group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16",horizontal:"group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid
|
|
2450
|
-
<ul class=${o}>
|
|
2449
|
+
`;var R=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Trinindikator aktiv cirkel"],"steps.aria.completed":["Trinindikator fuldf\xF8rt cirkel"]}');var U=JSON.parse('{"steps.aria.emptyCircle":["Empty circle"],"steps.aria.active":["Step indicator active circle"],"steps.aria.completed":["Step indicator completed circle"]}');var X=JSON.parse('{"steps.aria.emptyCircle":["Tyhj\xE4 ympyr\xE4"],"steps.aria.active":["Vaiheilmaisin aktiivinen ympyr\xE4"],"steps.aria.completed":["Vaiheilmaisin valmis ympyr\xE4"]}');var B=JSON.parse('{"steps.aria.emptyCircle":["Tom sirkel"],"steps.aria.active":["Stegindikator aktiv sirkel"],"steps.aria.completed":["Stegindikator hel sirkel"]}');var Z=JSON.parse('{"steps.aria.emptyCircle":["Tom cirkel"],"steps.aria.active":["Stegindikator aktiv cirkel"],"steps.aria.completed":["Stegindikator full\xE4ndad cirkel"]}');import{css as ir}from"lit";var J=ir`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.text-center{text-align:center}.text-right{text-align:right}.border-2{border-width:2px}.rounded-full{border-radius:9999px}.flex{display:flex}.grid{display:grid}.flex-1{flex:1}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.grid-flow-col{grid-auto-flow:column}.grid-rows-\\[20px_auto\\]{grid-template-rows:20px auto}.grid-rows-\\[auto_20px\\]{grid-template-rows:auto 20px}.grid-cols-\\[1fr_20px_1fr\\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\\[1fr_20px\\]{grid-template-columns:1fr 20px}.grid-cols-\\[20px_1fr\\]{grid-template-columns:20px 1fr}.items-center{align-items:center}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-primary{border-color:var(--w-s-color-border-primary)}.h-2{height:.2rem}.h-20{height:2rem}.h-full{height:100%}.w-2{width:.2rem}.w-20{width:2rem}.w-full{width:100%}.last\\:mb-0:last-child{margin-bottom:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.pb-0{padding-bottom:0}.pb-32{padding-bottom:3.2rem}.invisible{visibility:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}`;var me={wrapper:"w-full",horizontal:"flex"},c={base:"group/step",vertical:"group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16",horizontal:"group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid items-center",alignLeft:"grid-cols-[20px_1fr]",alignRight:"grid-cols-[1fr_20px] text-right",dot:"rounded-full border-2 h-20 w-20 transition-colors duration-300 s-icon-inverted",dotAlignRight:"col-start-2",dotHorizontal:"row-start-2 justify-self-end",dotActive:"s-border-primary s-bg-primary",dotIncomplete:"s-border s-bg",line:"transition-colors duration-300",lineVertical:"w-2 h-full justify-self-center",lineAlignRight:"col-start-2",lineHorizontal:"h-2 w-full row-start-2",lineIncomplete:"s-bg-disabled",lineComplete:"s-bg-primary",content:"last:mb-0",contentVertical:"row-span-2 pb-32",contentHorizontal:"col-span-3 px-16 row-start-1 text-center"},_=class extends he{constructor(){super();this.horizontal=!1;this.right=!1;P(U,B,X,R,Z)}updated(){this.updateStepsContext()}updateStepsContext(){let o=this.querySelectorAll("w-step");o.forEach((t,a)=>{t.setContext({horizontal:this.horizontal,right:this.right,isLast:a===o.length-1,isFirst:a===0})})}render(){let o=m([me.wrapper,this.horizontal&&me.horizontal]);return S`
|
|
2450
|
+
<ul class=${o} ${this.horizontal&&"style='display: grid; grid-auto-rows: 1fr;grid-template-columns: 1fr;'"}>
|
|
2451
2451
|
<slot></slot>
|
|
2452
2452
|
</ul>
|
|
2453
|
-
`}};_.styles=[H,J],k([O({type:Boolean,reflect:!0})],_.prototype,"horizontal",2),k([O({type:Boolean,reflect:!0})],_.prototype,"right",2);var q={completed:b._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}),active:b._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}),default:b._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})},x=class extends he{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1}
|
|
2454
|
-
<li class
|
|
2453
|
+
`}};_.styles=[H,J],k([O({type:Boolean,reflect:!0})],_.prototype,"horizontal",2),k([O({type:Boolean,reflect:!0})],_.prototype,"right",2);var q={completed:b._({id:"steps.aria.completed",message:"Step indicator completed circle",comment:"Completed circle"}),active:b._({id:"steps.aria.active",message:"Step indicator active circle",comment:"Active circle"}),default:b._({id:"steps.aria.emptyCircle",message:"Empty circle",comment:"Empty circle"})},x=class extends he{constructor(){super();this.active=!1;this.completed=!1;this._context={horizontal:!1,right:!1,isLast:!1,isFirst:!1};P(U,B,X,R,Z)}setContext(o){this._context=o,this.requestUpdate()}getAriaLabel(){return this.completed?q.completed:this.active?q.active:q.default}render(){let o=!this._context.horizontal,t=!this._context.right,a=this._context.isFirst,s=this._context.isLast,i=m([c.base,o?c.vertical:c.horizontal,o?t?c.alignLeft:c.alignRight:""]),n=m([c.line,c.lineHorizontal,this.active||this.completed?c.lineComplete:c.lineIncomplete,a?"invisible":""]),l=m([c.dot,o?t?"":c.dotAlignRight:c.dotHorizontal,this.active||this.completed?c.dotActive:c.dotIncomplete]),p=m([c.line,o?c.lineVertical:c.lineHorizontal,o&&!t?c.lineAlignRight:"",this.completed?c.lineComplete:c.lineIncomplete,s?"invisible":""]),g=m([c.content,o?c.contentVertical:c.contentHorizontal,s?"pb-0":""]);return S`
|
|
2454
|
+
<li class="${i}" style=${this._context.horizontal&&"height: 100%;"}>
|
|
2455
2455
|
${o?"":S`<div class=${n}></div>`}
|
|
2456
2456
|
<div class=${l} role="img" aria-label=${this.getAriaLabel()} ${this.active?'aria-current="step"':""}>
|
|
2457
2457
|
${this.completed?S`<w-icon-check-16 data-testid="completed-icon"></w-icon-check-16>`:""}
|
|
2458
2458
|
</div>
|
|
2459
2459
|
<div class=${p}></div>
|
|
2460
|
-
<div class=${g}>
|
|
2460
|
+
<div class=${g} ${this._context.horizontal&&"style='height:100%;'"}>
|
|
2461
2461
|
<slot></slot>
|
|
2462
2462
|
</div>
|
|
2463
2463
|
</li>
|