@nysds/nys-stepper 1.11.2 → 1.11.4

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.
@@ -1,688 +1,30 @@
1
- import { css as O, LitElement as A, html as k } from "lit";
2
- /*!
3
- * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█
4
- * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄
5
- * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
6
- *
7
- * Stepper Component
8
- * Part of the New York State Design System
9
- * Repository: https://github.com/its-hcd/nysds
10
- * License: MIT
11
- */
12
- /**
13
- * @license
14
- * Copyright 2019 Google LLC
15
- * SPDX-License-Identifier: BSD-3-Clause
16
- */
17
- const f = globalThis, b = f.ShadowRoot && (f.ShadyCSS === void 0 || f.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, P = Symbol(), E = /* @__PURE__ */ new WeakMap();
18
- let U = class {
19
- constructor(e, t, s) {
20
- if (this._$cssResult$ = !0, s !== P) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
21
- this.cssText = e, this.t = t;
22
- }
23
- get styleSheet() {
24
- let e = this.o;
25
- const t = this.t;
26
- if (b && e === void 0) {
27
- const s = t !== void 0 && t.length === 1;
28
- s && (e = E.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && E.set(t, e));
29
- }
30
- return e;
31
- }
32
- toString() {
33
- return this.cssText;
34
- }
35
- };
36
- const T = (i) => new U(typeof i == "string" ? i : i + "", void 0, P), M = (i, e) => {
37
- if (b) i.adoptedStyleSheets = e.map(((t) => t instanceof CSSStyleSheet ? t : t.styleSheet));
38
- else for (const t of e) {
39
- const s = document.createElement("style"), r = f.litNonce;
40
- r !== void 0 && s.setAttribute("nonce", r), s.textContent = t.cssText, i.appendChild(s);
41
- }
42
- }, $ = b ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
43
- let t = "";
44
- for (const s of e.cssRules) t += s.cssText;
45
- return T(t);
46
- })(i) : i;
47
- /**
48
- * @license
49
- * Copyright 2017 Google LLC
50
- * SPDX-License-Identifier: BSD-3-Clause
51
- */
52
- const { is: j, defineProperty: L, getOwnPropertyDescriptor: N, getOwnPropertyNames: R, getOwnPropertySymbols: B, getPrototypeOf: q } = Object, m = globalThis, S = m.trustedTypes, D = S ? S.emptyScript : "", H = m.reactiveElementPolyfillSupport, u = (i, e) => i, v = { toAttribute(i, e) {
53
- switch (e) {
54
- case Boolean:
55
- i = i ? D : null;
56
- break;
57
- case Object:
58
- case Array:
59
- i = i == null ? i : JSON.stringify(i);
60
- }
61
- return i;
62
- }, fromAttribute(i, e) {
63
- let t = i;
64
- switch (e) {
65
- case Boolean:
66
- t = i !== null;
67
- break;
68
- case Number:
69
- t = i === null ? null : Number(i);
70
- break;
71
- case Object:
72
- case Array:
73
- try {
74
- t = JSON.parse(i);
75
- } catch {
76
- t = null;
77
- }
78
- }
79
- return t;
80
- } }, x = (i, e) => !j(i, e), C = { attribute: !0, type: String, converter: v, reflect: !1, useDefault: !1, hasChanged: x };
81
- Symbol.metadata ??= Symbol("metadata"), m.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
82
- class h extends HTMLElement {
83
- static addInitializer(e) {
84
- this._$Ei(), (this.l ??= []).push(e);
85
- }
86
- static get observedAttributes() {
87
- return this.finalize(), this._$Eh && [...this._$Eh.keys()];
88
- }
89
- static createProperty(e, t = C) {
90
- if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
91
- const s = Symbol(), r = this.getPropertyDescriptor(e, s, t);
92
- r !== void 0 && L(this.prototype, e, r);
93
- }
94
- }
95
- static getPropertyDescriptor(e, t, s) {
96
- const { get: r, set: n } = N(this.prototype, e) ?? { get() {
97
- return this[t];
98
- }, set(o) {
99
- this[t] = o;
100
- } };
101
- return { get: r, set(o) {
102
- const a = r?.call(this);
103
- n?.call(this, o), this.requestUpdate(e, a, s);
104
- }, configurable: !0, enumerable: !0 };
105
- }
106
- static getPropertyOptions(e) {
107
- return this.elementProperties.get(e) ?? C;
108
- }
109
- static _$Ei() {
110
- if (this.hasOwnProperty(u("elementProperties"))) return;
111
- const e = q(this);
112
- e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
113
- }
114
- static finalize() {
115
- if (this.hasOwnProperty(u("finalized"))) return;
116
- if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(u("properties"))) {
117
- const t = this.properties, s = [...R(t), ...B(t)];
118
- for (const r of s) this.createProperty(r, t[r]);
119
- }
120
- const e = this[Symbol.metadata];
121
- if (e !== null) {
122
- const t = litPropertyMetadata.get(e);
123
- if (t !== void 0) for (const [s, r] of t) this.elementProperties.set(s, r);
124
- }
125
- this._$Eh = /* @__PURE__ */ new Map();
126
- for (const [t, s] of this.elementProperties) {
127
- const r = this._$Eu(t, s);
128
- r !== void 0 && this._$Eh.set(r, t);
129
- }
130
- this.elementStyles = this.finalizeStyles(this.styles);
131
- }
132
- static finalizeStyles(e) {
133
- const t = [];
134
- if (Array.isArray(e)) {
135
- const s = new Set(e.flat(1 / 0).reverse());
136
- for (const r of s) t.unshift($(r));
137
- } else e !== void 0 && t.push($(e));
138
- return t;
139
- }
140
- static _$Eu(e, t) {
141
- const s = t.attribute;
142
- return s === !1 ? void 0 : typeof s == "string" ? s : typeof e == "string" ? e.toLowerCase() : void 0;
143
- }
144
- constructor() {
145
- super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
146
- }
147
- _$Ev() {
148
- this._$ES = new Promise(((e) => this.enableUpdating = e)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((e) => e(this)));
149
- }
150
- addController(e) {
151
- (this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
152
- }
153
- removeController(e) {
154
- this._$EO?.delete(e);
155
- }
156
- _$E_() {
157
- const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
158
- for (const s of t.keys()) this.hasOwnProperty(s) && (e.set(s, this[s]), delete this[s]);
159
- e.size > 0 && (this._$Ep = e);
160
- }
161
- createRenderRoot() {
162
- const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
163
- return M(e, this.constructor.elementStyles), e;
164
- }
165
- connectedCallback() {
166
- this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((e) => e.hostConnected?.()));
167
- }
168
- enableUpdating(e) {
169
- }
170
- disconnectedCallback() {
171
- this._$EO?.forEach(((e) => e.hostDisconnected?.()));
172
- }
173
- attributeChangedCallback(e, t, s) {
174
- this._$AK(e, s);
175
- }
176
- _$ET(e, t) {
177
- const s = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, s);
178
- if (r !== void 0 && s.reflect === !0) {
179
- const n = (s.converter?.toAttribute !== void 0 ? s.converter : v).toAttribute(t, s.type);
180
- this._$Em = e, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
181
- }
182
- }
183
- _$AK(e, t) {
184
- const s = this.constructor, r = s._$Eh.get(e);
185
- if (r !== void 0 && this._$Em !== r) {
186
- const n = s.getPropertyOptions(r), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : v;
187
- this._$Em = r;
188
- const a = o.fromAttribute(t, n.type);
189
- this[r] = a ?? this._$Ej?.get(r) ?? a, this._$Em = null;
190
- }
191
- }
192
- requestUpdate(e, t, s) {
193
- if (e !== void 0) {
194
- const r = this.constructor, n = this[e];
195
- if (s ??= r.getPropertyOptions(e), !((s.hasChanged ?? x)(n, t) || s.useDefault && s.reflect && n === this._$Ej?.get(e) && !this.hasAttribute(r._$Eu(e, s)))) return;
196
- this.C(e, t, s);
197
- }
198
- this.isUpdatePending === !1 && (this._$ES = this._$EP());
199
- }
200
- C(e, t, { useDefault: s, reflect: r, wrapped: n }, o) {
201
- s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, o ?? t ?? this[e]), n !== !0 || o !== void 0) || (this._$AL.has(e) || (this.hasUpdated || s || (t = void 0), this._$AL.set(e, t)), r === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
202
- }
203
- async _$EP() {
204
- this.isUpdatePending = !0;
205
- try {
206
- await this._$ES;
207
- } catch (t) {
208
- Promise.reject(t);
209
- }
210
- const e = this.scheduleUpdate();
211
- return e != null && await e, !this.isUpdatePending;
212
- }
213
- scheduleUpdate() {
214
- return this.performUpdate();
215
- }
216
- performUpdate() {
217
- if (!this.isUpdatePending) return;
218
- if (!this.hasUpdated) {
219
- if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
220
- for (const [r, n] of this._$Ep) this[r] = n;
221
- this._$Ep = void 0;
222
- }
223
- const s = this.constructor.elementProperties;
224
- if (s.size > 0) for (const [r, n] of s) {
225
- const { wrapped: o } = n, a = this[r];
226
- o !== !0 || this._$AL.has(r) || a === void 0 || this.C(r, void 0, n, a);
227
- }
228
- }
229
- let e = !1;
230
- const t = this._$AL;
231
- try {
232
- e = this.shouldUpdate(t), e ? (this.willUpdate(t), this._$EO?.forEach(((s) => s.hostUpdate?.())), this.update(t)) : this._$EM();
233
- } catch (s) {
234
- throw e = !1, this._$EM(), s;
235
- }
236
- e && this._$AE(t);
237
- }
238
- willUpdate(e) {
239
- }
240
- _$AE(e) {
241
- this._$EO?.forEach(((t) => t.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
242
- }
243
- _$EM() {
244
- this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
245
- }
246
- get updateComplete() {
247
- return this.getUpdateComplete();
248
- }
249
- getUpdateComplete() {
250
- return this._$ES;
251
- }
252
- shouldUpdate(e) {
253
- return !0;
254
- }
255
- update(e) {
256
- this._$Eq &&= this._$Eq.forEach(((t) => this._$ET(t, this[t]))), this._$EM();
257
- }
258
- updated(e) {
259
- }
260
- firstUpdated(e) {
261
- }
262
- }
263
- h.elementStyles = [], h.shadowRootOptions = { mode: "open" }, h[u("elementProperties")] = /* @__PURE__ */ new Map(), h[u("finalized")] = /* @__PURE__ */ new Map(), H?.({ ReactiveElement: h }), (m.reactiveElementVersions ??= []).push("2.1.1");
264
- /**
265
- * @license
266
- * Copyright 2017 Google LLC
267
- * SPDX-License-Identifier: BSD-3-Clause
268
- */
269
- const I = { attribute: !0, type: String, converter: v, reflect: !1, hasChanged: x }, K = (i = I, e, t) => {
270
- const { kind: s, metadata: r } = t;
271
- let n = globalThis.litPropertyMetadata.get(r);
272
- if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), n.set(t.name, i), s === "accessor") {
273
- const { name: o } = t;
274
- return { set(a) {
275
- const _ = e.get.call(this);
276
- e.set.call(this, a), this.requestUpdate(o, _, i);
277
- }, init(a) {
278
- return a !== void 0 && this.C(o, void 0, i, a), a;
279
- } };
280
- }
281
- if (s === "setter") {
282
- const { name: o } = t;
283
- return function(a) {
284
- const _ = this[o];
285
- e.call(this, a), this.requestUpdate(o, _, i);
286
- };
287
- }
288
- throw Error("Unsupported decorator location: " + s);
289
- };
290
- function l(i) {
291
- return (e, t) => typeof t == "object" ? K(i, e, t) : ((s, r, n) => {
292
- const o = r.hasOwnProperty(n);
293
- return r.constructor.createProperty(n, s), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
294
- })(i, e, t);
295
- }
296
- const z = O`
297
- :host {
298
- /* Anything that can be overridden should be defined here */
299
-
300
- /* Global Stepper Styles */
301
-
302
- /* Typography */
303
- --_nys-stepper-font-size: var(--nys-font-size-ui-md, 16px);
304
- --_nys-stepper-font-weight: var(--nys-font-weight-semibold, 600);
305
- --_nys-stepper-line-height: var(--nys-font-lineheight-ui-md, 24px);
306
- --_nys-stepper-font-family: var(
307
- --nys-font-family-ui,
308
- var(
309
- --nys-font-family-sans,
310
- "Proxima Nova",
311
- "Helvetica Neue",
312
- "Helvetica",
313
- "Arial",
314
- sans-serif
315
- )
316
- );
317
- --_nys-step-color: var(--nys-color-text, #1b1b1b);
318
- --_nys-stepper-background-color: var(--nys-color-surface-raised, #f6f6f6);
319
- }
320
-
321
- .nys-stepper {
322
- font-family: var(--_nys-stepper-font-family);
323
- font-size: var(--_nys-stepper-font-size);
324
- font-weight: var(--_nys-stepper-font-weight);
325
- line-height: var(--_nys-stepper-line-height);
326
- display: flex;
327
- flex-direction: column;
328
- counter-reset: step;
329
- background-color: var(--_nys-stepper-background-color);
330
- max-width: 100%;
331
- height: 100%;
332
- }
333
-
334
- .nys-stepper__header {
335
- display: flex;
336
- flex-direction: column;
337
- padding: var(--nys-space-400, 32px) var(--nys-space-400, 32px)
338
- var(--nys-space-150, 12px);
339
- }
340
-
341
- ::slotted(div[slot="actions"]) {
342
- display: flex;
343
- flex-wrap: wrap;
344
- justify-content: flex-start;
345
- gap: var(--nys-space-100, 8px);
346
- margin-bottom: var(--nys-space-300, 24px);
347
- }
348
-
349
- .nys-stepper__counter {
350
- display: none;
351
- text-decoration: underline;
352
- text-decoration-style: solid;
353
- text-decoration-skip-ink: auto;
354
- text-decoration-thickness: 7%; /* 1.12px */
355
- text-underline-offset: auto;
356
- text-underline-position: from-font;
357
- color: var(--nys-color-text, #1b1b1b);
358
- text-overflow: ellipsis;
359
- font-family: var(--nys-font-family-ui, "Proxima Nova");
360
- font-size: var(--nys-font-size-ui-md, 16px);
361
- font-style: normal;
362
- font-weight: 400;
363
- line-height: var(--nys-font-size-ui-md, 16px);
364
- cursor: pointer;
365
- width: fit-content;
366
- }
367
-
368
- .nys-stepper__steps {
369
- display: flex;
370
- flex-direction: column;
371
- padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)
372
- var(--nys-space-400, 32px);
373
- overflow-y: scroll;
374
- height: -webkit-fit-content;
375
- height: -moz-available;
376
- scrollbar-width: none;
377
- background:
378
- /* Shadow Cover TOP */
379
- linear-gradient(
380
- var(--nys-color-surface-raised, #f6f6f6) 30%,
381
- rgba(255, 255, 255, 0)
382
- )
383
- center top,
384
- /* Shadow Cover BOTTOM */
385
- linear-gradient(
386
- rgba(255, 255, 255, 0),
387
- var(--nys-color-surface-raised, #f6f6f6) 70%
388
- )
389
- center bottom,
390
- /* Shadow TOP */
391
- linear-gradient(to bottom, rgba(99, 99, 99, 0.2), rgba(0, 0, 0, 0)) top,
392
- /* Shadow BOTTOM */
393
- linear-gradient(to top, rgba(99, 99, 99, 0.2), rgba(0, 0, 0, 0)) bottom;
394
-
395
- background-repeat: no-repeat;
396
- background-size:
397
- 100% 40px,
398
- 100% 40px,
399
- 100% 14px,
400
- 100% 14px;
401
- background-attachment: local, local, scroll, scroll;
402
- background-color: var(--nys-color-surface-raised, #f6f6f6);
403
- }
404
-
405
- .nys-step {
406
- position: relative;
407
- counter-increment: step;
408
- display: flex;
409
- flex-direction: column;
410
- }
411
-
412
- .nys-step__contentwrapper {
413
- display: flex;
414
- flex-direction: row;
415
- align-items: center;
416
- gap: var(--nys-space-150, 12px);
417
- cursor: default;
418
- width: fit-content;
419
- }
420
-
421
- .nys-step__contentwrapper:focus-visible {
422
- outline: solid var(--nys-color-focus, #004dd1)
423
- var(--nys-border-width-md, 2px);
424
- outline-offset: var(--nys-space-2px, 2px);
425
- border-radius: var(--nys-radius-md, 4px);
426
- }
427
-
428
- .nys-step__linewrapper {
429
- width: 24px;
430
- display: flex;
431
- justify-content: center;
432
- }
433
-
434
- .nys-step__line {
435
- width: var(--nys-size-1px, 1px);
436
- height: var(--nys-size-300, 24px);
437
- border-radius: var(--nys-radius-round, 1776px);
438
- background: var(--nys-color-black-transparent-200, rgba(27, 27, 27, 0.2));
439
- margin: var(--nys-space-100, 8px) 0;
440
- }
441
-
442
- .nys-step__number {
443
- border-radius: var(--nys-radius-round, 1776px);
444
- border: var(--nys-size-1px, 1px) solid var(--nys-color-neutral-400, #909395);
445
- background: var(
446
- --nys-color-white-transparent-900,
447
- rgba(255, 255, 255, 0.9)
448
- );
449
- width: var(--nys-size-300, 24px);
450
- min-width: var(--nys-size-300, 24px);
451
- max-width: var(--nys-size-300, 24px);
452
- height: var(--nys-size-300, 24px);
453
- min-height: var(--nys-size-300, 24px);
454
- max-height: var(--nys-size-300, 24px);
455
- display: flex;
456
- align-items: center;
457
- justify-content: center;
458
- text-align: center;
459
- color: var(--nys-color-text, #1b1b1b);
460
- }
461
-
462
- :host([previous]) .nys-step__number,
463
- :host([previous]) .nys-step__line,
464
- :host([current]) .nys-step__number,
465
- :host([current]) .nys-step__line {
466
- background-color: var(--nys-color-theme-stronger, #081b2b);
467
- color: var(--nys-color-text-reverse, #fff);
468
- border-color: var(--nys-color-theme-stronger, #081b2b);
469
- }
470
-
471
- :host([selected]) .nys-step__number {
472
- background-color: var(--nys-color-theme, #154973);
473
- color: var(--nys-color-text-reverse, #fff);
474
- border-color: var(--nys-color-theme, #154973);
475
- outline: var(--nys-size-50, 4px) solid var(--nys-color-theme-weak, #cddde9);
476
- }
477
-
478
- /* Hide the line wrapper in the last step */
479
- :host([first]) .nys-step__linewrapper {
480
- display: none !important;
481
- }
482
-
483
- .nys-step__content {
484
- display: flex;
485
- flex-direction: column;
486
- gap: var(--nys-space-100, 8px);
487
- }
488
-
489
- .nys-step__label {
490
- color: var(--_nys-step-color);
491
- font-family: var(--_nys-stepper-font-family);
492
- font-size: var(--_nys-stepper-font-size);
493
- font-weight: var(--_nys-stepper-font-weight);
494
- line-height: var(--_nys-stepper-line-height);
495
- line-height: var(--nys-font-size-ui-md, 16px);
496
- letter-spacing: var(--nys-font-letterspacing-ui-md, 0.044px);
497
- text-decoration-style: solid;
498
- text-decoration-skip-ink: auto;
499
- text-decoration-thickness: var(7%, 1.12px);
500
- text-underline-offset: auto;
501
- }
502
-
503
- :host([current]) .nys-step__label,
504
- :host([previous]) .nys-step__label {
505
- text-decoration-line: underline;
506
- }
507
-
508
- :host([current]) .nys-step__contentwrapper,
509
- :host([previous]) .nys-step__contentwrapper {
510
- cursor: pointer;
511
- }
512
-
513
- :host([selected]) .nys-step__label {
514
- /* UI/Medium/Bold */
515
- font-weight: 700;
516
- text-decoration-line: none;
517
- }
518
-
519
- :host([selected]) .nys-step__contentwrapper {
520
- cursor: default;
521
- }
522
-
523
- :host([selected]) .nys-step__contentwrapper:focus-visible {
524
- outline-offset: 6px;
525
- }
526
-
527
- @media (max-width: 1023px) {
528
- .nys-stepper {
529
- max-width: 1023px;
530
- width: 100%;
531
- }
532
-
533
- .nys-stepper__header {
534
- flex-direction: row-reverse;
535
- justify-content: space-between;
536
- padding: var(--nys-space-150, 12px);
537
- gap: var(--nys-space-200, 16px);
538
- }
539
-
540
- .nys-stepper__headertext {
541
- flex: 1 1 0;
542
- min-width: 0;
543
- }
544
-
545
- ::slotted(div[slot="actions"]) {
546
- margin-bottom: 0;
547
- min-width: 0;
548
- justify-content: end;
549
- }
550
-
551
- .nys-stepper__counter {
552
- display: block;
553
- }
554
-
555
- .nys-stepper__steps {
556
- flex-direction: row;
557
- gap: var(--nys-space-2px, 2px);
558
- padding: 0;
559
- }
560
-
561
- .nys-stepper__steps::slotted(*) {
562
- flex: 1;
563
- }
564
-
565
- .nys-step__number {
566
- border-radius: 0;
567
- border: none;
568
- background-color: var(--nys-color-neutral-200, #bec0c1);
569
- height: var(--nys-size-100, 8px);
570
- min-height: var(--nys-size-100, 8px);
571
- max-height: var(--nys-size-100, 8px);
572
- width: 100%;
573
- min-width: 100%;
574
- max-width: 100%;
575
- color: transparent;
576
- }
577
-
578
- :host([previous]) .nys-step__number,
579
- :host([current]) .nys-step__number {
580
- background-color: var(--nys-color-neutral-900, #1b1b1b);
581
- color: transparent;
582
- }
583
-
584
- :host([selected]) .nys-step__number {
585
- background-color: var(--nys-color-theme-mid, #457aa5);
586
- outline: none;
587
- }
588
-
589
- .nys-step__content,
590
- .nys-step__linewrapper {
591
- display: none;
592
- }
593
-
594
- .nys-step__contentwrapper {
595
- cursor: default;
596
- pointer-events: none;
597
- width: auto;
598
- }
599
-
600
- /* ---------------- Expanded Mode ---------------- */
601
- :host([isCompactExpanded]) .nys-step__content,
602
- :host([isCompactExpanded]) .nys-step__linewrapper {
603
- display: flex;
604
- }
605
-
606
- :host([isCompactExpanded]) .nys-stepper__header {
607
- padding-bottom: var(--nys-space-250, 20px);
608
- }
609
-
610
- :host([isCompactExpanded]) .nys-stepper__steps {
611
- width: -webkit-fill-available;
612
- width: -moz-available;
613
- z-index: 9999;
614
- overflow-y: auto;
615
- flex-direction: column;
616
- gap: 0;
617
- padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)
618
- var(--nys-space-400, 32px);
619
- }
620
-
621
- :host([isCompactExpanded]) .nys-stepper__steps::slotted(*) {
622
- flex: none;
623
- }
624
-
625
- :host([isCompactExpanded]) .nys-step__number {
626
- border-radius: var(--nys-radius-round, 1776px);
627
- border: 1px solid var(--nys-color-neutral-400, #909395);
628
- background: var(
629
- --nys-color-white-transparent-900,
630
- rgba(255, 255, 255, 0.9)
631
- );
632
- width: var(--nys-space-300, 24px);
633
- min-width: var(--nys-space-300, 24px);
634
- max-width: var(--nys-space-300, 24px);
635
- height: var(--nys-space-300, 24px);
636
- min-height: var(--nys-space-300, 24px);
637
- max-height: var(--nys-space-300, 24px);
638
- color: var(--nys-color-text, #1b1b1b);
639
- }
640
-
641
- :host([isCompactExpanded][previous]) .nys-step__number,
642
- :host([isCompactExpanded][previous]) .nys-step__line,
643
- :host([isCompactExpanded][current]) .nys-step__number,
644
- :host([isCompactExpanded][current]) .nys-step__line {
645
- background: var(--nys-color-theme-stronger, #081b2b);
646
- color: var(--nys-color-text-reverse, #fff);
647
- border-color: var(--nys-color-theme-stronger, #081b2b);
648
- }
649
-
650
- :host([isCompactExpanded][selected]) .nys-step__number {
651
- background: var(--nys-color-theme, #154973);
652
- color: var(--nys-color-text-reverse, #fff);
653
- border-color: var(--nys-color-theme, #154973);
654
- outline: 4px solid var(--nys-color-theme-weak, #cddde9);
655
- }
656
-
657
- :host([isCompactExpanded]) .nys-step__contentwrapper {
658
- pointer-events: all;
659
- }
660
- }
661
- `;
662
- var W = Object.defineProperty, d = (i, e, t, s) => {
663
- for (var r = void 0, n = i.length - 1, o; n >= 0; n--)
664
- (o = i[n]) && (r = o(e, t, r) || r);
665
- return r && W(e, t, r), r;
1
+ import { LitElement as u, unsafeCSS as f, html as v } from "lit";
2
+ import { property as i } from "lit/decorators.js";
3
+ const m = ':host{--_nys-stepper-font-size: var(--nys-font-size-ui-md, 16px);--_nys-stepper-font-weight: var(--nys-font-weight-semibold, 600);--_nys-stepper-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-stepper-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-step-color: var(--nys-color-text, #1b1b1b);--_nys-stepper-background-color: var(--nys-color-surface-raised, #f6f6f6)}.nys-stepper{font-family:var(--_nys-stepper-font-family);font-size:var(--_nys-stepper-font-size);font-weight:var(--_nys-stepper-font-weight);line-height:var(--_nys-stepper-line-height);display:flex;flex-direction:column;counter-reset:step;background-color:var(--_nys-stepper-background-color);max-width:100%;height:100%}.nys-stepper__header{display:flex;flex-direction:column;padding:var(--nys-space-400, 32px) var(--nys-space-400, 32px) var(--nys-space-150, 12px)}::slotted(div[slot=actions]){display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--nys-space-100, 8px);margin-bottom:var(--nys-space-300, 24px)}.nys-stepper__counter{display:none;text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font;color:var(--nys-color-text, #1b1b1b);text-overflow:ellipsis;font-family:var(--nys-font-family-ui, "Proxima Nova");font-size:var(--nys-font-size-ui-md, 16px);font-style:normal;font-weight:400;line-height:var(--nys-font-size-ui-md, 16px);cursor:pointer;width:fit-content}.nys-stepper__steps{display:flex;flex-direction:column;padding:var(--nys-space-150, 12px) var(--nys-space-400, 32px) var(--nys-space-400, 32px);overflow-y:scroll;height:-webkit-fit-content;height:-moz-available;scrollbar-width:none;background:linear-gradient(var(--nys-color-surface-raised, #f6f6f6) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--nys-color-surface-raised, #f6f6f6) 70%) center bottom,linear-gradient(to bottom,#63636333,#0000) top,linear-gradient(to top,#63636333,#0000) bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;background-color:var(--nys-color-surface-raised, #f6f6f6)}.nys-step{position:relative;counter-increment:step;display:flex;flex-direction:column}.nys-step__contentwrapper{display:flex;flex-direction:row;align-items:center;gap:var(--nys-space-150, 12px);cursor:default;width:fit-content}.nys-step__contentwrapper:focus-visible{outline:solid var(--nys-color-focus, #004dd1) var(--nys-border-width-md, 2px);outline-offset:var(--nys-space-2px, 2px);border-radius:var(--nys-radius-md, 4px)}.nys-step__linewrapper{width:24px;display:flex;justify-content:center}.nys-step__line{width:var(--nys-size-1px, 1px);height:var(--nys-size-300, 24px);border-radius:var(--nys-radius-round, 1776px);background:var(--nys-color-black-transparent-200, rgba(27, 27, 27, .2));margin:var(--nys-space-100, 8px) 0}.nys-step__number{border-radius:var(--nys-radius-round, 1776px);border:var(--nys-size-1px, 1px) solid var(--nys-color-neutral-400, #909395);background:var(--nys-color-white-transparent-900, rgba(255, 255, 255, .9));width:var(--nys-size-300, 24px);min-width:var(--nys-size-300, 24px);max-width:var(--nys-size-300, 24px);height:var(--nys-size-300, 24px);min-height:var(--nys-size-300, 24px);max-height:var(--nys-size-300, 24px);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--nys-color-text, #1b1b1b)}:host([previous]) .nys-step__number,:host([previous]) .nys-step__line,:host([current]) .nys-step__number,:host([current]) .nys-step__line{background-color:var(--nys-color-theme-stronger, #081b2b);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme-stronger, #081b2b)}:host([selected]) .nys-step__number{background-color:var(--nys-color-theme, #154973);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme, #154973);outline:var(--nys-size-50, 4px) solid var(--nys-color-theme-weak, #cddde9)}:host([first]) .nys-step__linewrapper{display:none!important}.nys-step__content{display:flex;flex-direction:column;gap:var(--nys-space-100, 8px)}.nys-step__label{color:var(--_nys-step-color);font-family:var(--_nys-stepper-font-family);font-size:var(--_nys-stepper-font-size);font-weight:var(--_nys-stepper-font-weight);line-height:var(--_nys-stepper-line-height);line-height:var(--nys-font-size-ui-md, 16px);letter-spacing:var(--nys-font-letterspacing-ui-md, .044px);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:var(7%, 1.12px);text-underline-offset:auto}:host([current]) .nys-step__label,:host([previous]) .nys-step__label{text-decoration-line:underline}:host([current]) .nys-step__contentwrapper,:host([previous]) .nys-step__contentwrapper{cursor:pointer}:host([selected]) .nys-step__label{font-weight:700;text-decoration-line:none}:host([selected]) .nys-step__contentwrapper{cursor:default}:host([selected]) .nys-step__contentwrapper:focus-visible{outline-offset:6px}@media(max-width:1023px){.nys-stepper{max-width:1023px;width:100%}.nys-stepper__header{flex-direction:row-reverse;justify-content:space-between;padding:var(--nys-space-150, 12px);gap:var(--nys-space-200, 16px)}.nys-stepper__headertext{flex:1 1 0;min-width:0}::slotted(div[slot=actions]){margin-bottom:0;min-width:0;justify-content:end}.nys-stepper__counter{display:block}.nys-stepper__steps{flex-direction:row;gap:var(--nys-space-2px, 2px);padding:0}.nys-stepper__steps::slotted(*){flex:1}.nys-step__number{border-radius:0;border:none;background-color:var(--nys-color-neutral-200, #bec0c1);height:var(--nys-size-100, 8px);min-height:var(--nys-size-100, 8px);max-height:var(--nys-size-100, 8px);width:100%;min-width:100%;max-width:100%;color:transparent}:host([previous]) .nys-step__number,:host([current]) .nys-step__number{background-color:var(--nys-color-neutral-900, #1b1b1b);color:transparent}:host([selected]) .nys-step__number{background-color:var(--nys-color-theme-mid, #457aa5);outline:none}.nys-step__content,.nys-step__linewrapper{display:none}.nys-step__contentwrapper{cursor:default;pointer-events:none;width:auto}:host([isCompactExpanded]) .nys-step__content,:host([isCompactExpanded]) .nys-step__linewrapper{display:flex}:host([isCompactExpanded]) .nys-stepper__header{padding-bottom:var(--nys-space-250, 20px)}:host([isCompactExpanded]) .nys-stepper__steps{width:-webkit-fill-available;width:-moz-available;z-index:9999;overflow-y:auto;flex-direction:column;gap:0;padding:var(--nys-space-150, 12px) var(--nys-space-400, 32px) var(--nys-space-400, 32px)}:host([isCompactExpanded]) .nys-stepper__steps::slotted(*){flex:none}:host([isCompactExpanded]) .nys-step__number{border-radius:var(--nys-radius-round, 1776px);border:1px solid var(--nys-color-neutral-400, #909395);background:var(--nys-color-white-transparent-900, rgba(255, 255, 255, .9));width:var(--nys-space-300, 24px);min-width:var(--nys-space-300, 24px);max-width:var(--nys-space-300, 24px);height:var(--nys-space-300, 24px);min-height:var(--nys-space-300, 24px);max-height:var(--nys-space-300, 24px);color:var(--nys-color-text, #1b1b1b)}:host([isCompactExpanded][previous]) .nys-step__number,:host([isCompactExpanded][previous]) .nys-step__line,:host([isCompactExpanded][current]) .nys-step__number,:host([isCompactExpanded][current]) .nys-step__line{background:var(--nys-color-theme-stronger, #081b2b);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme-stronger, #081b2b)}:host([isCompactExpanded][selected]) .nys-step__number{background:var(--nys-color-theme, #154973);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme, #154973);outline:4px solid var(--nys-color-theme-weak, #cddde9)}:host([isCompactExpanded]) .nys-step__contentwrapper{pointer-events:all}}';
4
+ var x = Object.defineProperty, l = (c, e, n, r) => {
5
+ for (var s = void 0, t = c.length - 1, o; t >= 0; t--)
6
+ (o = c[t]) && (s = o(e, n, s) || s);
7
+ return s && x(e, n, s), s;
666
8
  };
667
- const g = class g extends A {
9
+ const y = class y extends u {
668
10
  constructor() {
669
11
  super(...arguments), this.selected = !1, this.current = !1, this.label = "", this.href = "", this.isCompactExpanded = !1, this.stepNumber = 0;
670
12
  }
671
13
  _handleActivate(e) {
672
14
  typeof this.onClick == "function" && this.onClick(e);
673
- const t = new CustomEvent("nys-step-click", {
15
+ const n = new CustomEvent("nys-step-click", {
674
16
  bubbles: !0,
675
17
  composed: !0,
676
18
  cancelable: !0,
677
19
  detail: { href: this.href, label: this.label }
678
20
  });
679
- (this.hasAttribute("previous") || this.current) && !this.selected && (this.dispatchEvent(t), !t.defaultPrevented && this.href && (window.location.href = this.href));
21
+ (this.hasAttribute("previous") || this.current) && !this.selected && (this.dispatchEvent(n), !n.defaultPrevented && this.href && (window.location.href = this.href));
680
22
  }
681
23
  _handleKeydown(e) {
682
24
  (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this._handleActivate(e));
683
25
  }
684
26
  render() {
685
- return k`
27
+ return v`
686
28
  <div class="nys-step">
687
29
  <div class="nys-step__linewrapper">
688
30
  <div class="nys-step__line"></div>
@@ -712,46 +54,46 @@ const g = class g extends A {
712
54
  `;
713
55
  }
714
56
  };
715
- g.styles = z;
716
- let p = g;
717
- d([
718
- l({ type: Boolean, reflect: !0 })
719
- ], p.prototype, "selected");
720
- d([
721
- l({ type: Boolean, reflect: !0 })
722
- ], p.prototype, "current");
723
- d([
724
- l({ type: String })
725
- ], p.prototype, "label");
726
- d([
727
- l({ type: String })
728
- ], p.prototype, "href");
729
- d([
730
- l({ type: Boolean })
731
- ], p.prototype, "isCompactExpanded");
732
- d([
733
- l({ attribute: !1 })
734
- ], p.prototype, "onClick");
735
- d([
736
- l({ type: Number })
737
- ], p.prototype, "stepNumber");
738
- customElements.get("nys-step") || customElements.define("nys-step", p);
739
- var F = Object.defineProperty, y = (i, e, t, s) => {
740
- for (var r = void 0, n = i.length - 1, o; n >= 0; n--)
741
- (o = i[n]) && (r = o(e, t, r) || r);
742
- return r && F(e, t, r), r;
57
+ y.styles = f(m);
58
+ let a = y;
59
+ l([
60
+ i({ type: Boolean, reflect: !0 })
61
+ ], a.prototype, "selected");
62
+ l([
63
+ i({ type: Boolean, reflect: !0 })
64
+ ], a.prototype, "current");
65
+ l([
66
+ i({ type: String })
67
+ ], a.prototype, "label");
68
+ l([
69
+ i({ type: String })
70
+ ], a.prototype, "href");
71
+ l([
72
+ i({ type: Boolean })
73
+ ], a.prototype, "isCompactExpanded");
74
+ l([
75
+ i({ attribute: !1 })
76
+ ], a.prototype, "onClick");
77
+ l([
78
+ i({ type: Number })
79
+ ], a.prototype, "stepNumber");
80
+ customElements.get("nys-step") || customElements.define("nys-step", a);
81
+ var _ = Object.defineProperty, d = (c, e, n, r) => {
82
+ for (var s = void 0, t = c.length - 1, o; t >= 0; t--)
83
+ (o = c[t]) && (s = o(e, n, s) || s);
84
+ return s && _(e, n, s), s;
743
85
  };
744
- const w = class w extends A {
86
+ const h = class h extends u {
745
87
  constructor() {
746
88
  super(), this.id = "", this.name = "", this.label = "", this.counterText = "initial", this.isCompactExpanded = !1, this._stepsNumbered = !1, this._onStepClick = async (e) => {
747
- const t = e.composedPath().find(
89
+ const n = e.composedPath().find(
748
90
  (o) => o instanceof HTMLElement && o.tagName.toLowerCase() === "nys-step"
749
91
  );
750
- if (!t) return;
751
- const s = Array.from(this.querySelectorAll("nys-step")), r = s.findIndex(
92
+ if (!n) return;
93
+ const r = Array.from(this.querySelectorAll("nys-step")), s = r.findIndex(
752
94
  (o) => o.hasAttribute("current")
753
- ), n = s.indexOf(t);
754
- r !== -1 && n > r || t.hasAttribute("selected") || (s.forEach((o) => o.removeAttribute("selected")), t.setAttribute("selected", ""), this._updateCounter(), this.isCompactExpanded = !1);
95
+ ), t = r.indexOf(n);
96
+ s !== -1 && t > s || n.hasAttribute("selected") || (r.forEach((o) => o.removeAttribute("selected")), n.setAttribute("selected", ""), this._updateCounter(), this.isCompactExpanded = !1);
755
97
  };
756
98
  }
757
99
  connectedCallback() {
@@ -762,27 +104,27 @@ const w = class w extends A {
762
104
  }
763
105
  _validateSteps() {
764
106
  Array.from(this.children).forEach((e) => {
765
- const t = e instanceof HTMLElement && e.tagName.toLowerCase() === "nys-step", s = e instanceof HTMLElement && e.hasAttribute("slot") && e.getAttribute("slot") === "actions";
766
- !t && !s && (console.warn(
107
+ const n = e instanceof HTMLElement && e.tagName.toLowerCase() === "nys-step", r = e instanceof HTMLElement && e.hasAttribute("slot") && e.getAttribute("slot") === "actions";
108
+ !n && !r && (console.warn(
767
109
  "Only <nys-step> elements or the <div slot='actions'> container are allowed as direct children of <nys-stepper>. Removing:",
768
110
  e
769
111
  ), e.remove());
770
112
  });
771
113
  }
772
114
  _validateButtonSlot(e) {
773
- const s = e.target.assignedElements();
774
- if (s.length !== 1 || s[0].tagName.toLowerCase() !== "div") {
115
+ const r = e.target.assignedElements();
116
+ if (r.length !== 1 || r[0].tagName.toLowerCase() !== "div") {
775
117
  console.warn(
776
118
  "The 'actions' slot must have exactly one <div> as a direct child."
777
119
  );
778
120
  return;
779
121
  }
780
- const r = s[0];
781
- Array.from(r.children).forEach((n) => {
782
- n instanceof HTMLElement && n.tagName.toLowerCase() === "nys-button" ? (n.setAttribute("size", "sm"), n.hasAttribute("fullWidth") && (n.style.flex = "1 1 0")) : (console.warn(
122
+ const s = r[0];
123
+ Array.from(s.children).forEach((t) => {
124
+ t instanceof HTMLElement && t.tagName.toLowerCase() === "nys-button" ? (t.setAttribute("size", "sm"), t.hasAttribute("fullWidth") && (t.style.flex = "1 1 0")) : (console.warn(
783
125
  "The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:",
784
- n
785
- ), n.remove());
126
+ t
127
+ ), t.remove());
786
128
  });
787
129
  }
788
130
  _updateCounter() {
@@ -791,23 +133,23 @@ const w = class w extends A {
791
133
  e = "Back to Form", this.style.height = "-webkit-fit-content", this.style.height = "-moz-fit-content", this.style.height = "fit-content";
792
134
  else {
793
135
  this.style.height = "auto";
794
- const t = this.querySelectorAll("nys-step"), s = Array.from(t).findIndex(
795
- (n) => n.hasAttribute("selected")
796
- ), r = t.length;
797
- e = s >= 0 ? `Step ${s + 1} of ${r}` : `Step 1 of ${r}`;
136
+ const n = this.querySelectorAll("nys-step"), r = Array.from(n).findIndex(
137
+ (t) => t.hasAttribute("selected")
138
+ ), s = n.length;
139
+ e = r >= 0 ? `Step ${r + 1} of ${s}` : `Step 1 of ${s}`;
798
140
  }
799
141
  e !== this.counterText && (this.counterText = e);
800
142
  }
801
143
  willUpdate() {
802
144
  const e = this.querySelectorAll("nys-step");
803
- this._stepsNumbered || (e.forEach((n, o) => {
804
- n.stepNumber = o + 1;
145
+ this._stepsNumbered || (e.forEach((t, o) => {
146
+ t.stepNumber = o + 1;
805
147
  }), this._stepsNumbered = !0);
806
- let t = !1, s = !1, r = !1;
807
- e.forEach((n, o) => {
808
- n.hasAttribute("current") && (r ? n.removeAttribute("current") : r = !0), o === 0 ? n.setAttribute("first", "") : n.removeAttribute("first"), n.hasAttribute("current") ? (t = !0, n.removeAttribute("previous")) : t ? n.removeAttribute("previous") : n.setAttribute("previous", ""), n.hasAttribute("selected") && (t || s ? n.removeAttribute("selected") : s = !0), this.isCompactExpanded ? n.setAttribute("isCompactExpanded", "") : n.removeAttribute("isCompactExpanded");
809
- }), s || (r ? e.forEach((n) => {
810
- n.hasAttribute("current") && !s && (n.setAttribute("selected", ""), s = !0);
148
+ let n = !1, r = !1, s = !1;
149
+ e.forEach((t, o) => {
150
+ t.hasAttribute("current") && (s ? t.removeAttribute("current") : s = !0), o === 0 ? t.setAttribute("first", "") : t.removeAttribute("first"), t.hasAttribute("current") ? (n = !0, t.removeAttribute("previous")) : n ? t.removeAttribute("previous") : t.setAttribute("previous", ""), t.hasAttribute("selected") && (n || r ? t.removeAttribute("selected") : r = !0), this.isCompactExpanded ? t.setAttribute("isCompactExpanded", "") : t.removeAttribute("isCompactExpanded");
151
+ }), r || (s ? e.forEach((t) => {
152
+ t.hasAttribute("current") && !r && (t.setAttribute("selected", ""), r = !0);
811
153
  }) : e.length > 0 && (e[0].setAttribute("current", ""), e[0].setAttribute("selected", ""))), this._updateCounter();
812
154
  }
813
155
  _toggleCompact() {
@@ -817,8 +159,8 @@ const w = class w extends A {
817
159
  (e.key === " " || e.key === "Enter") && (e.preventDefault(), this._toggleCompact());
818
160
  }
819
161
  render() {
820
- return k`
821
- <div class="nys-stepper" id=${this.id} name=${this.name}>
162
+ return v`
163
+ <div class="nys-stepper" name=${this.name}>
822
164
  <div class="nys-stepper__header">
823
165
  <slot name="actions" @slotchange=${this._validateButtonSlot}></slot>
824
166
  <div class="nys-stepper__headertext">
@@ -841,26 +183,26 @@ const w = class w extends A {
841
183
  `;
842
184
  }
843
185
  };
844
- w.styles = z;
845
- let c = w;
846
- y([
847
- l({ type: String })
848
- ], c.prototype, "id");
849
- y([
850
- l({ type: String, reflect: !0 })
851
- ], c.prototype, "name");
852
- y([
853
- l({ type: String })
854
- ], c.prototype, "label");
855
- y([
856
- l({ type: String })
857
- ], c.prototype, "counterText");
858
- y([
859
- l({ type: Boolean, reflect: !0 })
860
- ], c.prototype, "isCompactExpanded");
861
- customElements.get("nys-stepper") || customElements.define("nys-stepper", c);
186
+ h.styles = f(m);
187
+ let p = h;
188
+ d([
189
+ i({ type: String, reflect: !0 })
190
+ ], p.prototype, "id");
191
+ d([
192
+ i({ type: String, reflect: !0 })
193
+ ], p.prototype, "name");
194
+ d([
195
+ i({ type: String })
196
+ ], p.prototype, "label");
197
+ d([
198
+ i({ type: String })
199
+ ], p.prototype, "counterText");
200
+ d([
201
+ i({ type: Boolean, reflect: !0 })
202
+ ], p.prototype, "isCompactExpanded");
203
+ customElements.get("nys-stepper") || customElements.define("nys-stepper", p);
862
204
  export {
863
- p as NysStep,
864
- c as NysStepper
205
+ a as NysStep,
206
+ p as NysStepper
865
207
  };
866
208
  //# sourceMappingURL=nys-stepper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nys-stepper.js","sources":["../../../node_modules/@lit/reactive-element/css-tag.js","../../../node_modules/@lit/reactive-element/reactive-element.js","../../../node_modules/@lit/reactive-element/decorators/property.js","../src/nys-stepper.styles.ts","../src/nys-step.ts","../src/nys-stepper.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,s=Symbol(),o=new WeakMap;class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o.set(s,t))}return t}toString(){return this.cssText}}const r=t=>new n(\"string\"==typeof t?t:t+\"\",void 0,s),i=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if(\"number\"==typeof t)return t;throw Error(\"Value passed to 'css' function must be a 'css' function result: \"+t+\". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\")})(s)+t[o+1]),t[0]);return new n(o,t,s)},S=(s,o)=>{if(e)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement(\"style\"),n=t.litNonce;void 0!==n&&o.setAttribute(\"nonce\",n),o.textContent=e.cssText,s.appendChild(o)}},c=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t;export{n as CSSResult,S as adoptStyles,i as css,c as getCompatibleStyle,e as supportsAdoptingStyleSheets,r as unsafeCSS};\n//# sourceMappingURL=css-tag.js.map\n","import{getCompatibleStyle as t,adoptStyles as s}from\"./css-tag.js\";export{CSSResult,css,supportsAdoptingStyleSheets,unsafeCSS}from\"./css-tag.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{is:i,defineProperty:e,getOwnPropertyDescriptor:h,getOwnPropertyNames:r,getOwnPropertySymbols:o,getPrototypeOf:n}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:\"\",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f=(t,s)=>!i(t,s),b={attribute:!0,type:String,converter:u,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol(\"metadata\"),a.litPropertyMetadata??=new WeakMap;class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e(this.prototype,t,h)}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d(\"elementProperties\")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(d(\"finalized\")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d(\"properties\"))){const t=this.properties,s=[...r(t),...o(t)];for(const i of s)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(t(s))}else void 0!==s&&i.push(t(s));return i}static _$Eu(t,s){const i=s.attribute;return!1===i?void 0:\"string\"==typeof i?i:\"string\"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h=\"function\"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),!0!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),!0===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];!0!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:\"open\"},y[d(\"elementProperties\")]=new Map,y[d(\"finalized\")]=new Map,p?.({ReactiveElement:y}),(a.reactiveElementVersions??=[]).push(\"2.1.1\");export{y as ReactiveElement,s as adoptStyles,u as defaultConverter,t as getCompatibleStyle,f as notEqual};\n//# sourceMappingURL=reactive-element.js.map\n","import{defaultConverter as t,notEqual as e}from\"../reactive-element.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o={attribute:!0,type:String,converter:t,reflect:!1,hasChanged:e},r=(t=o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),\"setter\"===n&&((t=Object.create(t)).wrapped=!0),s.set(r.name,t),\"accessor\"===n){const{name:o}=r;return{set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if(\"setter\"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t)}}throw Error(\"Unsupported decorator location: \"+n)};function n(t){return(e,o)=>\"object\"==typeof o?r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}export{n as property,r as standardProperty};\n//# sourceMappingURL=property.js.map\n","import { css } from \"lit\";\n\nexport default css`\n :host {\n /* Anything that can be overridden should be defined here */\n\n /* Global Stepper Styles */\n\n /* Typography */\n --_nys-stepper-font-size: var(--nys-font-size-ui-md, 16px);\n --_nys-stepper-font-weight: var(--nys-font-weight-semibold, 600);\n --_nys-stepper-line-height: var(--nys-font-lineheight-ui-md, 24px);\n --_nys-stepper-font-family: var(\n --nys-font-family-ui,\n var(\n --nys-font-family-sans,\n \"Proxima Nova\",\n \"Helvetica Neue\",\n \"Helvetica\",\n \"Arial\",\n sans-serif\n )\n );\n --_nys-step-color: var(--nys-color-text, #1b1b1b);\n --_nys-stepper-background-color: var(--nys-color-surface-raised, #f6f6f6);\n }\n\n .nys-stepper {\n font-family: var(--_nys-stepper-font-family);\n font-size: var(--_nys-stepper-font-size);\n font-weight: var(--_nys-stepper-font-weight);\n line-height: var(--_nys-stepper-line-height);\n display: flex;\n flex-direction: column;\n counter-reset: step;\n background-color: var(--_nys-stepper-background-color);\n max-width: 100%;\n height: 100%;\n }\n\n .nys-stepper__header {\n display: flex;\n flex-direction: column;\n padding: var(--nys-space-400, 32px) var(--nys-space-400, 32px)\n var(--nys-space-150, 12px);\n }\n\n ::slotted(div[slot=\"actions\"]) {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n gap: var(--nys-space-100, 8px);\n margin-bottom: var(--nys-space-300, 24px);\n }\n\n .nys-stepper__counter {\n display: none;\n text-decoration: underline;\n text-decoration-style: solid;\n text-decoration-skip-ink: auto;\n text-decoration-thickness: 7%; /* 1.12px */\n text-underline-offset: auto;\n text-underline-position: from-font;\n color: var(--nys-color-text, #1b1b1b);\n text-overflow: ellipsis;\n font-family: var(--nys-font-family-ui, \"Proxima Nova\");\n font-size: var(--nys-font-size-ui-md, 16px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--nys-font-size-ui-md, 16px);\n cursor: pointer;\n width: fit-content;\n }\n\n .nys-stepper__steps {\n display: flex;\n flex-direction: column;\n padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)\n var(--nys-space-400, 32px);\n overflow-y: scroll;\n height: -webkit-fit-content;\n height: -moz-available;\n scrollbar-width: none;\n background:\n /* Shadow Cover TOP */\n linear-gradient(\n var(--nys-color-surface-raised, #f6f6f6) 30%,\n rgba(255, 255, 255, 0)\n )\n center top,\n /* Shadow Cover BOTTOM */\n linear-gradient(\n rgba(255, 255, 255, 0),\n var(--nys-color-surface-raised, #f6f6f6) 70%\n )\n center bottom,\n /* Shadow TOP */\n linear-gradient(to bottom, rgba(99, 99, 99, 0.2), rgba(0, 0, 0, 0)) top,\n /* Shadow BOTTOM */\n linear-gradient(to top, rgba(99, 99, 99, 0.2), rgba(0, 0, 0, 0)) bottom;\n\n background-repeat: no-repeat;\n background-size:\n 100% 40px,\n 100% 40px,\n 100% 14px,\n 100% 14px;\n background-attachment: local, local, scroll, scroll;\n background-color: var(--nys-color-surface-raised, #f6f6f6);\n }\n\n .nys-step {\n position: relative;\n counter-increment: step;\n display: flex;\n flex-direction: column;\n }\n\n .nys-step__contentwrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--nys-space-150, 12px);\n cursor: default;\n width: fit-content;\n }\n\n .nys-step__contentwrapper:focus-visible {\n outline: solid var(--nys-color-focus, #004dd1)\n var(--nys-border-width-md, 2px);\n outline-offset: var(--nys-space-2px, 2px);\n border-radius: var(--nys-radius-md, 4px);\n }\n\n .nys-step__linewrapper {\n width: 24px;\n display: flex;\n justify-content: center;\n }\n\n .nys-step__line {\n width: var(--nys-size-1px, 1px);\n height: var(--nys-size-300, 24px);\n border-radius: var(--nys-radius-round, 1776px);\n background: var(--nys-color-black-transparent-200, rgba(27, 27, 27, 0.2));\n margin: var(--nys-space-100, 8px) 0;\n }\n\n .nys-step__number {\n border-radius: var(--nys-radius-round, 1776px);\n border: var(--nys-size-1px, 1px) solid var(--nys-color-neutral-400, #909395);\n background: var(\n --nys-color-white-transparent-900,\n rgba(255, 255, 255, 0.9)\n );\n width: var(--nys-size-300, 24px);\n min-width: var(--nys-size-300, 24px);\n max-width: var(--nys-size-300, 24px);\n height: var(--nys-size-300, 24px);\n min-height: var(--nys-size-300, 24px);\n max-height: var(--nys-size-300, 24px);\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n color: var(--nys-color-text, #1b1b1b);\n }\n\n :host([previous]) .nys-step__number,\n :host([previous]) .nys-step__line,\n :host([current]) .nys-step__number,\n :host([current]) .nys-step__line {\n background-color: var(--nys-color-theme-stronger, #081b2b);\n color: var(--nys-color-text-reverse, #fff);\n border-color: var(--nys-color-theme-stronger, #081b2b);\n }\n\n :host([selected]) .nys-step__number {\n background-color: var(--nys-color-theme, #154973);\n color: var(--nys-color-text-reverse, #fff);\n border-color: var(--nys-color-theme, #154973);\n outline: var(--nys-size-50, 4px) solid var(--nys-color-theme-weak, #cddde9);\n }\n\n /* Hide the line wrapper in the last step */\n :host([first]) .nys-step__linewrapper {\n display: none !important;\n }\n\n .nys-step__content {\n display: flex;\n flex-direction: column;\n gap: var(--nys-space-100, 8px);\n }\n\n .nys-step__label {\n color: var(--_nys-step-color);\n font-family: var(--_nys-stepper-font-family);\n font-size: var(--_nys-stepper-font-size);\n font-weight: var(--_nys-stepper-font-weight);\n line-height: var(--_nys-stepper-line-height);\n line-height: var(--nys-font-size-ui-md, 16px);\n letter-spacing: var(--nys-font-letterspacing-ui-md, 0.044px);\n text-decoration-style: solid;\n text-decoration-skip-ink: auto;\n text-decoration-thickness: var(7%, 1.12px);\n text-underline-offset: auto;\n }\n\n :host([current]) .nys-step__label,\n :host([previous]) .nys-step__label {\n text-decoration-line: underline;\n }\n\n :host([current]) .nys-step__contentwrapper,\n :host([previous]) .nys-step__contentwrapper {\n cursor: pointer;\n }\n\n :host([selected]) .nys-step__label {\n /* UI/Medium/Bold */\n font-weight: 700;\n text-decoration-line: none;\n }\n\n :host([selected]) .nys-step__contentwrapper {\n cursor: default;\n }\n\n :host([selected]) .nys-step__contentwrapper:focus-visible {\n outline-offset: 6px;\n }\n\n @media (max-width: 1023px) {\n .nys-stepper {\n max-width: 1023px;\n width: 100%;\n }\n\n .nys-stepper__header {\n flex-direction: row-reverse;\n justify-content: space-between;\n padding: var(--nys-space-150, 12px);\n gap: var(--nys-space-200, 16px);\n }\n\n .nys-stepper__headertext {\n flex: 1 1 0;\n min-width: 0;\n }\n\n ::slotted(div[slot=\"actions\"]) {\n margin-bottom: 0;\n min-width: 0;\n justify-content: end;\n }\n\n .nys-stepper__counter {\n display: block;\n }\n\n .nys-stepper__steps {\n flex-direction: row;\n gap: var(--nys-space-2px, 2px);\n padding: 0;\n }\n\n .nys-stepper__steps::slotted(*) {\n flex: 1;\n }\n\n .nys-step__number {\n border-radius: 0;\n border: none;\n background-color: var(--nys-color-neutral-200, #bec0c1);\n height: var(--nys-size-100, 8px);\n min-height: var(--nys-size-100, 8px);\n max-height: var(--nys-size-100, 8px);\n width: 100%;\n min-width: 100%;\n max-width: 100%;\n color: transparent;\n }\n\n :host([previous]) .nys-step__number,\n :host([current]) .nys-step__number {\n background-color: var(--nys-color-neutral-900, #1b1b1b);\n color: transparent;\n }\n\n :host([selected]) .nys-step__number {\n background-color: var(--nys-color-theme-mid, #457aa5);\n outline: none;\n }\n\n .nys-step__content,\n .nys-step__linewrapper {\n display: none;\n }\n\n .nys-step__contentwrapper {\n cursor: default;\n pointer-events: none;\n width: auto;\n }\n\n /* ---------------- Expanded Mode ---------------- */\n :host([isCompactExpanded]) .nys-step__content,\n :host([isCompactExpanded]) .nys-step__linewrapper {\n display: flex;\n }\n\n :host([isCompactExpanded]) .nys-stepper__header {\n padding-bottom: var(--nys-space-250, 20px);\n }\n\n :host([isCompactExpanded]) .nys-stepper__steps {\n width: -webkit-fill-available;\n width: -moz-available;\n z-index: 9999;\n overflow-y: auto;\n flex-direction: column;\n gap: 0;\n padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)\n var(--nys-space-400, 32px);\n }\n\n :host([isCompactExpanded]) .nys-stepper__steps::slotted(*) {\n flex: none;\n }\n\n :host([isCompactExpanded]) .nys-step__number {\n border-radius: var(--nys-radius-round, 1776px);\n border: 1px solid var(--nys-color-neutral-400, #909395);\n background: var(\n --nys-color-white-transparent-900,\n rgba(255, 255, 255, 0.9)\n );\n width: var(--nys-space-300, 24px);\n min-width: var(--nys-space-300, 24px);\n max-width: var(--nys-space-300, 24px);\n height: var(--nys-space-300, 24px);\n min-height: var(--nys-space-300, 24px);\n max-height: var(--nys-space-300, 24px);\n color: var(--nys-color-text, #1b1b1b);\n }\n\n :host([isCompactExpanded][previous]) .nys-step__number,\n :host([isCompactExpanded][previous]) .nys-step__line,\n :host([isCompactExpanded][current]) .nys-step__number,\n :host([isCompactExpanded][current]) .nys-step__line {\n background: var(--nys-color-theme-stronger, #081b2b);\n color: var(--nys-color-text-reverse, #fff);\n border-color: var(--nys-color-theme-stronger, #081b2b);\n }\n\n :host([isCompactExpanded][selected]) .nys-step__number {\n background: var(--nys-color-theme, #154973);\n color: var(--nys-color-text-reverse, #fff);\n border-color: var(--nys-color-theme, #154973);\n outline: 4px solid var(--nys-color-theme-weak, #cddde9);\n }\n\n :host([isCompactExpanded]) .nys-step__contentwrapper {\n pointer-events: all;\n }\n }\n`;\n","import { LitElement, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport styles from \"./nys-stepper.styles\";\n\nexport class NysStep extends LitElement {\n @property({ type: Boolean, reflect: true }) selected = false;\n @property({ type: Boolean, reflect: true }) current = false;\n @property({ type: String }) label = \"\";\n @property({ type: String }) href = \"\";\n @property({ type: Boolean }) isCompactExpanded = false;\n @property({ attribute: false }) onClick?: (e: Event) => void;\n @property({ type: Number }) stepNumber = 0;\n\n static styles = styles;\n\n private _handleActivate(e: Event) {\n // Run user-supplied onClick first (if present)\n if (typeof this.onClick === \"function\") {\n this.onClick(e);\n }\n\n // Dispatch event as cancelable so user can prevent navigation\n const event = new CustomEvent(\"nys-step-click\", {\n bubbles: true,\n composed: true,\n cancelable: true,\n detail: { href: this.href, label: this.label },\n });\n\n if ((this.hasAttribute(\"previous\") || this.current) && !this.selected) {\n this.dispatchEvent(event);\n\n // Only navigate if event was not canceled\n if (!event.defaultPrevented && this.href) {\n window.location.href = this.href;\n }\n }\n }\n\n private _handleKeydown(e: KeyboardEvent) {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n this._handleActivate(e);\n }\n }\n\n render() {\n return html`\n <div class=\"nys-step\">\n <div class=\"nys-step__linewrapper\">\n <div class=\"nys-step__line\"></div>\n </div>\n <div\n class=\"nys-step__contentwrapper\"\n @click=${this._handleActivate}\n @keydown=${this._handleKeydown}\n role=\"button\"\n aria-label=\"${this.label} Step\"\n ?disabled=${!(\n this.selected ||\n this.current ||\n this.hasAttribute(\"previous\")\n )}\n >\n <div class=\"nys-step__number\" tabindex=\"-1\" aria-hidden=\"true\">\n ${this.stepNumber}\n </div>\n <div class=\"nys-step__content\" tabindex=\"-1\" aria-hidden=\"true\">\n <div\n class=\"nys-step__label\"\n tabindex=${!(\n this.selected ||\n this.current ||\n this.hasAttribute(\"previous\")\n )\n ? \"-1\"\n : \"0\"}\n aria-hidden=\"true\"\n >\n ${this.label}\n </div>\n </div>\n </div>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"nys-step\")) {\n customElements.define(\"nys-step\", NysStep);\n}\n","import { LitElement, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport styles from \"./nys-stepper.styles\";\nimport \"./nys-step\";\n\nexport class NysStepper extends LitElement {\n @property({ type: String }) id = \"\";\n @property({ type: String, reflect: true }) name = \"\";\n @property({ type: String }) label = \"\";\n @property({ type: String }) counterText = \"initial\";\n @property({ type: Boolean, reflect: true })\n isCompactExpanded = false;\n\n static styles = styles;\n private _stepsNumbered = false;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.addEventListener(\"nys-step-click\", this._onStepClick);\n // Defer step validation to next tick to ensure children are upgraded\n requestAnimationFrame(() => this._validateSteps());\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"nys-step-click\", this._onStepClick);\n super.disconnectedCallback();\n }\n\n private _validateSteps() {\n Array.from(this.children).forEach((child) => {\n const isStep =\n child instanceof HTMLElement &&\n child.tagName.toLowerCase() === \"nys-step\";\n const isSlotActionsContainer =\n child instanceof HTMLElement &&\n child.hasAttribute(\"slot\") &&\n child.getAttribute(\"slot\") === \"actions\";\n\n if (!isStep && !isSlotActionsContainer) {\n console.warn(\n \"Only <nys-step> elements or the <div slot='actions'> container are allowed as direct children of <nys-stepper>. Removing:\",\n child,\n );\n child.remove();\n }\n });\n }\n\n private _validateButtonSlot(event: Event) {\n const slot = event.target as HTMLSlotElement;\n const assignedElements = slot.assignedElements();\n\n // Ensure exactly one direct node in the slot, and it must be a div\n if (\n assignedElements.length !== 1 ||\n assignedElements[0].tagName.toLowerCase() !== \"div\"\n ) {\n console.warn(\n \"The 'actions' slot must have exactly one <div> as a direct child.\",\n );\n return;\n }\n\n const div = assignedElements[0] as HTMLElement;\n\n // Iterate through all buttons and validate\n Array.from(div.children).forEach((button) => {\n const isNysButton =\n button instanceof HTMLElement &&\n button.tagName.toLowerCase() === \"nys-button\";\n\n if (!isNysButton) {\n console.warn(\n \"The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:\",\n button,\n );\n button.remove();\n } else {\n // Ensure nys-button has correct styles\n button.setAttribute(\"size\", \"sm\");\n if (button.hasAttribute(\"fullWidth\")) {\n button.style.flex = \"1 1 0\";\n }\n }\n });\n }\n\n private _onStepClick = async (event: Event) => {\n const clickedStep = event\n .composedPath()\n .find(\n (el) =>\n el instanceof HTMLElement && el.tagName.toLowerCase() === \"nys-step\",\n ) as HTMLElement | undefined;\n\n if (!clickedStep) return;\n\n const steps = Array.from(this.querySelectorAll(\"nys-step\"));\n const currentIndex = steps.findIndex((step) =>\n step.hasAttribute(\"current\"),\n );\n const clickedIndex = steps.indexOf(clickedStep);\n\n // Can't select past current\n if (currentIndex !== -1 && clickedIndex > currentIndex) return;\n\n // Can't select already selected\n if (clickedStep.hasAttribute(\"selected\")) return;\n\n // Remove selected from previous and move to new selected\n steps.forEach((step) => step.removeAttribute(\"selected\"));\n clickedStep.setAttribute(\"selected\", \"\");\n\n // Update counter immediately\n this._updateCounter();\n\n // Close expanded if it was open\n this.isCompactExpanded = false;\n };\n\n private _updateCounter() {\n let newCounterText: string;\n\n if (this.isCompactExpanded) {\n newCounterText = \"Back to Form\";\n this.style.height = \"-webkit-fit-content\";\n this.style.height = \"-moz-fit-content\";\n this.style.height = \"fit-content\";\n } else {\n this.style.height = \"auto\";\n\n const steps = this.querySelectorAll<HTMLElement>(\"nys-step\");\n const selectedIndex = Array.from(steps).findIndex((step) =>\n step.hasAttribute(\"selected\"),\n );\n const totalSteps = steps.length;\n\n newCounterText =\n selectedIndex >= 0\n ? `Step ${selectedIndex + 1} of ${totalSteps}`\n : `Step 1 of ${totalSteps}`;\n }\n\n if (newCounterText !== this.counterText) {\n this.counterText = newCounterText;\n }\n }\n\n willUpdate() {\n const steps = this.querySelectorAll<any>(\"nys-step\");\n\n if (!this._stepsNumbered) {\n steps.forEach((step, index) => {\n step.stepNumber = index + 1;\n });\n this._stepsNumbered = true;\n }\n\n let foundCurrent = false;\n let selectedAssigned = false;\n let currentAssigned = false;\n\n steps.forEach((step, i) => {\n // Check if multiple \"current\" exist, respect the first instance\n if (step.hasAttribute(\"current\")) {\n if (!currentAssigned) {\n currentAssigned = true;\n } else {\n step.removeAttribute(\"current\");\n }\n }\n\n // Set first\n if (i === 0) {\n step.setAttribute(\"first\", \"\");\n } else {\n step.removeAttribute(\"first\");\n }\n\n // Set previous\n if (step.hasAttribute(\"current\")) {\n foundCurrent = true;\n step.removeAttribute(\"previous\");\n } else if (!foundCurrent) {\n step.setAttribute(\"previous\", \"\");\n } else {\n step.removeAttribute(\"previous\");\n }\n\n // Handle selected, respect first instance\n if (step.hasAttribute(\"selected\")) {\n if (foundCurrent || selectedAssigned) {\n step.removeAttribute(\"selected\");\n } else {\n selectedAssigned = true;\n }\n }\n\n // Handle compact expanded\n if (this.isCompactExpanded) {\n step.setAttribute(\"isCompactExpanded\", \"\");\n } else {\n step.removeAttribute(\"isCompactExpanded\");\n }\n });\n\n // Selected fallback\n if (!selectedAssigned) {\n if (currentAssigned) {\n steps.forEach((step) => {\n if (step.hasAttribute(\"current\") && !selectedAssigned) {\n step.setAttribute(\"selected\", \"\");\n selectedAssigned = true;\n }\n });\n } else if (steps.length > 0) {\n // If no current or selected, mark first as both current and selected\n steps[0].setAttribute(\"current\", \"\");\n steps[0].setAttribute(\"selected\", \"\");\n }\n }\n\n // Always update counter\n this._updateCounter();\n }\n\n private _toggleCompact() {\n this.isCompactExpanded = !this.isCompactExpanded;\n }\n\n private _handleCounterKeydown(event: KeyboardEvent) {\n if (event.key === \" \" || event.key === \"Enter\") {\n event.preventDefault();\n this._toggleCompact();\n }\n }\n\n render() {\n return html`\n <div class=\"nys-stepper\" id=${this.id} name=${this.name}>\n <div class=\"nys-stepper__header\">\n <slot name=\"actions\" @slotchange=${this._validateButtonSlot}></slot>\n <div class=\"nys-stepper__headertext\">\n <div class=\"nys-stepper__label\">${this.label}</div>\n <div\n class=\"nys-stepper__counter\"\n @click=${this._toggleCompact}\n @keydown=${this._handleCounterKeydown}\n role=\"button\"\n tabindex=\"0\"\n aria-label=${this.isCompactExpanded\n ? \"Collapse step navigation to view the form\"\n : `Expand step navigation. You are on ${this.counterText}`}\n aria-expanded=${this.isCompactExpanded ? \"true\" : \"false\"}\n >\n ${this.counterText}\n </div>\n </div>\n </div>\n <slot class=\"nys-stepper__steps\"></slot>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"nys-stepper\")) {\n customElements.define(\"nys-stepper\", NysStepper);\n}\n"],"names":["t","e","s","o","n$2","r","n","S","c","i","h","a","l","p","d","u","f","b","y","styles","css","_NysStep","LitElement","event","html","NysStep","__decorateClass","property","_NysStepper","clickedStep","el","steps","currentIndex","step","clickedIndex","child","isStep","isSlotActionsContainer","assignedElements","div","button","newCounterText","selectedIndex","totalSteps","index","foundCurrent","selectedAssigned","currentAssigned","NysStepper"],"mappings":"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","x_google_ignoreList":[0,1,2]}
1
+ {"version":3,"file":"nys-stepper.js","sources":["../src/nys-step.ts","../src/nys-stepper.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-stepper.scss?inline\";\n\nexport class NysStep extends LitElement {\n static styles = unsafeCSS(styles);\n\n @property({ type: Boolean, reflect: true }) selected = false;\n @property({ type: Boolean, reflect: true }) current = false;\n @property({ type: String }) label = \"\";\n @property({ type: String }) href = \"\";\n @property({ type: Boolean }) isCompactExpanded = false;\n @property({ attribute: false }) onClick?: (e: Event) => void;\n @property({ type: Number }) stepNumber = 0;\n\n private _handleActivate(e: Event) {\n // Run user-supplied onClick first (if present)\n if (typeof this.onClick === \"function\") {\n this.onClick(e);\n }\n\n // Dispatch event as cancelable so user can prevent navigation\n const event = new CustomEvent(\"nys-step-click\", {\n bubbles: true,\n composed: true,\n cancelable: true,\n detail: { href: this.href, label: this.label },\n });\n\n if ((this.hasAttribute(\"previous\") || this.current) && !this.selected) {\n this.dispatchEvent(event);\n\n // Only navigate if event was not canceled\n if (!event.defaultPrevented && this.href) {\n window.location.href = this.href;\n }\n }\n }\n\n private _handleKeydown(e: KeyboardEvent) {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n this._handleActivate(e);\n }\n }\n\n render() {\n return html`\n <div class=\"nys-step\">\n <div class=\"nys-step__linewrapper\">\n <div class=\"nys-step__line\"></div>\n </div>\n <div\n class=\"nys-step__contentwrapper\"\n @click=${this._handleActivate}\n @keydown=${this._handleKeydown}\n role=\"button\"\n aria-label=\"${this.label} Step\"\n ?disabled=${!(\n this.selected ||\n this.current ||\n this.hasAttribute(\"previous\")\n )}\n >\n <div class=\"nys-step__number\" tabindex=\"-1\" aria-hidden=\"true\">\n ${this.stepNumber}\n </div>\n <div class=\"nys-step__content\" tabindex=\"-1\" aria-hidden=\"true\">\n <div\n class=\"nys-step__label\"\n tabindex=${!(\n this.selected ||\n this.current ||\n this.hasAttribute(\"previous\")\n )\n ? \"-1\"\n : \"0\"}\n aria-hidden=\"true\"\n >\n ${this.label}\n </div>\n </div>\n </div>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"nys-step\")) {\n customElements.define(\"nys-step\", NysStep);\n}\n","import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport \"./nys-step\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-stepper.scss?inline\";\n\nexport class NysStepper extends LitElement {\n static styles = unsafeCSS(styles);\n\n @property({ type: String, reflect: true }) id = \"\";\n @property({ type: String, reflect: true }) name = \"\";\n @property({ type: String }) label = \"\";\n @property({ type: String }) counterText = \"initial\";\n @property({ type: Boolean, reflect: true })\n isCompactExpanded = false;\n\n private _stepsNumbered = false;\n\n constructor() {\n super();\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.addEventListener(\"nys-step-click\", this._onStepClick);\n // Defer step validation to next tick to ensure children are upgraded\n requestAnimationFrame(() => this._validateSteps());\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"nys-step-click\", this._onStepClick);\n super.disconnectedCallback();\n }\n\n private _validateSteps() {\n Array.from(this.children).forEach((child) => {\n const isStep =\n child instanceof HTMLElement &&\n child.tagName.toLowerCase() === \"nys-step\";\n const isSlotActionsContainer =\n child instanceof HTMLElement &&\n child.hasAttribute(\"slot\") &&\n child.getAttribute(\"slot\") === \"actions\";\n\n if (!isStep && !isSlotActionsContainer) {\n console.warn(\n \"Only <nys-step> elements or the <div slot='actions'> container are allowed as direct children of <nys-stepper>. Removing:\",\n child,\n );\n child.remove();\n }\n });\n }\n\n private _validateButtonSlot(event: Event) {\n const slot = event.target as HTMLSlotElement;\n const assignedElements = slot.assignedElements();\n\n // Ensure exactly one direct node in the slot, and it must be a div\n if (\n assignedElements.length !== 1 ||\n assignedElements[0].tagName.toLowerCase() !== \"div\"\n ) {\n console.warn(\n \"The 'actions' slot must have exactly one <div> as a direct child.\",\n );\n return;\n }\n\n const div = assignedElements[0] as HTMLElement;\n\n // Iterate through all buttons and validate\n Array.from(div.children).forEach((button) => {\n const isNysButton =\n button instanceof HTMLElement &&\n button.tagName.toLowerCase() === \"nys-button\";\n\n if (!isNysButton) {\n console.warn(\n \"The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:\",\n button,\n );\n button.remove();\n } else {\n // Ensure nys-button has correct styles\n button.setAttribute(\"size\", \"sm\");\n if (button.hasAttribute(\"fullWidth\")) {\n button.style.flex = \"1 1 0\";\n }\n }\n });\n }\n\n private _onStepClick = async (event: Event) => {\n const clickedStep = event\n .composedPath()\n .find(\n (el) =>\n el instanceof HTMLElement && el.tagName.toLowerCase() === \"nys-step\",\n ) as HTMLElement | undefined;\n\n if (!clickedStep) return;\n\n const steps = Array.from(this.querySelectorAll(\"nys-step\"));\n const currentIndex = steps.findIndex((step) =>\n step.hasAttribute(\"current\"),\n );\n const clickedIndex = steps.indexOf(clickedStep);\n\n // Can't select past current\n if (currentIndex !== -1 && clickedIndex > currentIndex) return;\n\n // Can't select already selected\n if (clickedStep.hasAttribute(\"selected\")) return;\n\n // Remove selected from previous and move to new selected\n steps.forEach((step) => step.removeAttribute(\"selected\"));\n clickedStep.setAttribute(\"selected\", \"\");\n\n // Update counter immediately\n this._updateCounter();\n\n // Close expanded if it was open\n this.isCompactExpanded = false;\n };\n\n private _updateCounter() {\n let newCounterText: string;\n\n if (this.isCompactExpanded) {\n newCounterText = \"Back to Form\";\n this.style.height = \"-webkit-fit-content\";\n this.style.height = \"-moz-fit-content\";\n this.style.height = \"fit-content\";\n } else {\n this.style.height = \"auto\";\n\n const steps = this.querySelectorAll<HTMLElement>(\"nys-step\");\n const selectedIndex = Array.from(steps).findIndex((step) =>\n step.hasAttribute(\"selected\"),\n );\n const totalSteps = steps.length;\n\n newCounterText =\n selectedIndex >= 0\n ? `Step ${selectedIndex + 1} of ${totalSteps}`\n : `Step 1 of ${totalSteps}`;\n }\n\n if (newCounterText !== this.counterText) {\n this.counterText = newCounterText;\n }\n }\n\n willUpdate() {\n const steps = this.querySelectorAll<any>(\"nys-step\");\n\n if (!this._stepsNumbered) {\n steps.forEach((step, index) => {\n step.stepNumber = index + 1;\n });\n this._stepsNumbered = true;\n }\n\n let foundCurrent = false;\n let selectedAssigned = false;\n let currentAssigned = false;\n\n steps.forEach((step, i) => {\n // Check if multiple \"current\" exist, respect the first instance\n if (step.hasAttribute(\"current\")) {\n if (!currentAssigned) {\n currentAssigned = true;\n } else {\n step.removeAttribute(\"current\");\n }\n }\n\n // Set first\n if (i === 0) {\n step.setAttribute(\"first\", \"\");\n } else {\n step.removeAttribute(\"first\");\n }\n\n // Set previous\n if (step.hasAttribute(\"current\")) {\n foundCurrent = true;\n step.removeAttribute(\"previous\");\n } else if (!foundCurrent) {\n step.setAttribute(\"previous\", \"\");\n } else {\n step.removeAttribute(\"previous\");\n }\n\n // Handle selected, respect first instance\n if (step.hasAttribute(\"selected\")) {\n if (foundCurrent || selectedAssigned) {\n step.removeAttribute(\"selected\");\n } else {\n selectedAssigned = true;\n }\n }\n\n // Handle compact expanded\n if (this.isCompactExpanded) {\n step.setAttribute(\"isCompactExpanded\", \"\");\n } else {\n step.removeAttribute(\"isCompactExpanded\");\n }\n });\n\n // Selected fallback\n if (!selectedAssigned) {\n if (currentAssigned) {\n steps.forEach((step) => {\n if (step.hasAttribute(\"current\") && !selectedAssigned) {\n step.setAttribute(\"selected\", \"\");\n selectedAssigned = true;\n }\n });\n } else if (steps.length > 0) {\n // If no current or selected, mark first as both current and selected\n steps[0].setAttribute(\"current\", \"\");\n steps[0].setAttribute(\"selected\", \"\");\n }\n }\n\n // Always update counter\n this._updateCounter();\n }\n\n private _toggleCompact() {\n this.isCompactExpanded = !this.isCompactExpanded;\n }\n\n private _handleCounterKeydown(event: KeyboardEvent) {\n if (event.key === \" \" || event.key === \"Enter\") {\n event.preventDefault();\n this._toggleCompact();\n }\n }\n\n render() {\n return html`\n <div class=\"nys-stepper\" name=${this.name}>\n <div class=\"nys-stepper__header\">\n <slot name=\"actions\" @slotchange=${this._validateButtonSlot}></slot>\n <div class=\"nys-stepper__headertext\">\n <div class=\"nys-stepper__label\">${this.label}</div>\n <div\n class=\"nys-stepper__counter\"\n @click=${this._toggleCompact}\n @keydown=${this._handleCounterKeydown}\n role=\"button\"\n tabindex=\"0\"\n aria-label=${this.isCompactExpanded\n ? \"Collapse step navigation to view the form\"\n : `Expand step navigation. You are on ${this.counterText}`}\n aria-expanded=${this.isCompactExpanded ? \"true\" : \"false\"}\n >\n ${this.counterText}\n </div>\n </div>\n </div>\n <slot class=\"nys-stepper__steps\"></slot>\n </div>\n `;\n }\n}\n\nif (!customElements.get(\"nys-stepper\")) {\n customElements.define(\"nys-stepper\", NysStepper);\n}\n"],"names":["_NysStep","LitElement","event","html","unsafeCSS","styles","NysStep","__decorateClass","property","_NysStepper","clickedStep","el","steps","currentIndex","step","clickedIndex","child","isStep","isSlotActionsContainer","assignedElements","div","button","newCounterText","selectedIndex","totalSteps","index","foundCurrent","selectedAssigned","currentAssigned","i","NysStepper"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nysds/nys-stepper",
3
- "version": "1.11.2",
3
+ "version": "1.11.4",
4
4
  "description": "The Stepper component from the NYS Design System.",
5
5
  "module": "dist/nys-stepper.js",
6
6
  "types": "dist/index.d.ts",
@@ -23,10 +23,10 @@
23
23
  "lit-analyze": "lit-analyzer '**/*.ts'"
24
24
  },
25
25
  "devDependencies": {
26
- "lit": "^3.2.1",
27
- "typescript": "^5.7.2",
28
- "vite": "^7.1.2",
29
- "@nysds/nys-button": "^1.11.2"
26
+ "lit": "^3.3.1",
27
+ "typescript": "^5.9.3",
28
+ "vite": "^7.1.12",
29
+ "@nysds/nys-button": "^1.11.4"
30
30
  },
31
31
  "keywords": [
32
32
  "new-york-state",
package/dist/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from "./nys-stepper";
2
- export * from "./nys-step";
@@ -1,14 +0,0 @@
1
- import { LitElement } from "lit";
2
- export declare class NysStep extends LitElement {
3
- selected: boolean;
4
- current: boolean;
5
- label: string;
6
- href: string;
7
- isCompactExpanded: boolean;
8
- onClick?: (e: Event) => void;
9
- stepNumber: number;
10
- static styles: import("lit").CSSResult;
11
- private _handleActivate;
12
- private _handleKeydown;
13
- render(): import("lit-html").TemplateResult<1>;
14
- }
@@ -1,22 +0,0 @@
1
- import { LitElement } from "lit";
2
- import "./nys-step";
3
- export declare class NysStepper extends LitElement {
4
- id: string;
5
- name: string;
6
- label: string;
7
- counterText: string;
8
- isCompactExpanded: boolean;
9
- static styles: import("lit").CSSResult;
10
- private _stepsNumbered;
11
- constructor();
12
- connectedCallback(): void;
13
- disconnectedCallback(): void;
14
- private _validateSteps;
15
- private _validateButtonSlot;
16
- private _onStepClick;
17
- private _updateCounter;
18
- willUpdate(): void;
19
- private _toggleCompact;
20
- private _handleCounterKeydown;
21
- render(): import("lit-html").TemplateResult<1>;
22
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- declare const _default: import("lit").CSSResult;
2
- export default _default;