@nysds/components 1.16.0-alpha-2 → 1.16.0-alpha3
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/custom-elements.json +45 -4
- package/dist/.vscode/vscode.html-custom-data.json +1 -1
- package/dist/custom-elements.json +45 -4
- package/dist/nysds.es.js +772 -721
- package/dist/nysds.es.js.map +1 -1
- package/dist/nysds.js +37 -37
- package/dist/nysds.js.map +1 -1
- package/dist/packages/nys-globalheader/src/nys-globalheader.d.ts +4 -2
- package/dist/packages/nys-table/src/nys-table.d.ts +12 -1
- package/dist/packages/react/nysds-jsx.d.ts +1411 -0
- package/package.json +19 -14
- package/packages/react/NysTable.d.ts +4 -0
- package/packages/react/NysTable.js +1 -0
- package/packages/react/README.md +10 -10
- package/packages/react/index.d.ts +9 -9
- package/packages/react/index.js +9 -9
- package/packages/react/nysds-jsx.d.ts +1428 -0
- package/packages/react/react-utils.js +19 -13
package/dist/nysds.es.js
CHANGED
|
@@ -2,16 +2,16 @@ import { LitElement as f, unsafeCSS as g, html as d } from "lit";
|
|
|
2
2
|
import { property as a, query as Dt, state as _ } from "lit/decorators.js";
|
|
3
3
|
import { ifDefined as y } from "lit/directives/if-defined.js";
|
|
4
4
|
/*!
|
|
5
|
-
* New York State Design System v1.16.0-
|
|
5
|
+
* New York State Design System v1.16.0-alpha3
|
|
6
6
|
* Description: A design system for New York State's digital products.
|
|
7
7
|
* Repository: https://github.com/its-hcd/nysds
|
|
8
8
|
* License: MIT
|
|
9
9
|
*/
|
|
10
10
|
const ws = ':host{--_nys-accordion-border-radius: var(--nys-radius-md, 4px);--_nys-accordion-border-width: var(--nys-border-width-md, 2px);--_nys-accordion-border-color: var(--nys-color-neutral-50, #ededed);--_nys-accordion-padding--x: var(--nys-space-250, 20px);--_nys-accordion-padding--y: var(--nys-space-200, 16px);--_nys-accordion-outline-width: var(--nys-border-width-md, 2px);--_nys-accordion-outline-offset: var(--nys-space-2px, 2px);--_nys-accordion-outline-color: var(--nys-color-focus, #004dd1);--_nys-accordion-gap: var(--nys-space-100, 8px);--_nys-accordion-background-color--header: var( --nys-accordion-background-color--header, var(--nys-color-neutral-50, #ededed) );--_nys-accordion-background-color--header--hover: var( --nys-accordion-background-color--header--hover, var(--nys-color-neutral-100, #d0d0ce) );--_nys-accordionitem-gap: var(--nys-space-200, 16px);--_nys-accordionitem-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-accordionitem-padding: var(--nys-space-200, 16px) var(--local-xx-spacing-205, 20px);--_nys-accordion-content-max-width: var( --nys-accordion-content-max-width, 80ch );--_nys-accordion-font-size: var(--nys-type-size-ui-xl, 20px);--_nys-accordion-font-weight: var(--nys-font-weight-bold, 700);--_nys-accordion-line-height: var(--nys-font-lineheight-ui-xl, 28px);--_nys-accordion-letter-spacing: var(--nys-font-letterspacing-ui-xl, .017px);--_nys-accordion-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}::slotted(p),p{margin:0!important}.nys-accordionitem{font-family:var(--_nys-accordion-font-family);font-size:var(--_nys-accordion-font-size);font-weight:var(--_nys-accordion-font-weight);line-height:var(--_nys-accordion-line-height);letter-spacing:var(--_nys-accordion-letter-spacing);display:flex}.nys-accordionitem__heading{all:unset;flex:1;gap:var(--_nys-accordionitem-gap);display:flex;padding:var(--_nys-accordion-padding--y) var(--_nys-accordion-padding--x);align-items:center;align-self:stretch;border-radius:var(--_nys-accordion-border-radius);background-color:var(--_nys-accordion-background-color--header);cursor:pointer;transition:.05s all ease-in-out}.nys-accordionitem__heading:hover{border-radius:var(--_nys-accordion-border-radius);background-color:var(--_nys-accordion-background-color--header--hover)}.nys-accordionitem__heading:focus-visible{outline-offset:var(--_nys-accordion-outline-offset);outline:solid var(--_nys-accordion-outline-width) var(--_nys-accordion-outline-color)}.nys-accordionitem__heading .nys-accordionitem__heading-title{flex:1}.nys-accordionitem__content{height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;visibility:hidden}.nys-accordionitem__content.expanded{visibility:visible}.nys-accordionitem__content-slot-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--_nys-accordion-gap);align-self:stretch;padding:var(--_nys-accordionitem-padding);background-color:var(--_nys-accordionitem-background-color)}.nys-accordionitem__content-slot-container-text{max-width:var(--_nys-accordion-content-max-width)}.expand-icon{transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}:host([expanded]) .expand-icon{transform:rotate(180deg)}:host([bordered][expanded]) .nys-accordionitem__heading{border-radius:var(--_nys-accordion-border-radius) var(--_nys-accordion-border-radius) 0 0}:host([bordered]) .nys-accordionitem__content-slot-container{border:var(--_nys-accordion-border-width) solid var(--_nys-accordion-border-color);border-radius:0 0 var(--_nys-accordion-border-radius) var(--_nys-accordion-border-radius)}.nys-accordion{display:flex;flex-direction:column;gap:var(--_nys-accordion-gap)}';
|
|
11
|
-
var Gs = Object.defineProperty, tt = (r, e, t,
|
|
12
|
-
for (var
|
|
13
|
-
(i = r[n]) && (
|
|
14
|
-
return
|
|
11
|
+
var Gs = Object.defineProperty, tt = (r, e, t, o) => {
|
|
12
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
13
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
14
|
+
return s && Gs(e, t, s), s;
|
|
15
15
|
};
|
|
16
16
|
let Qs = 0;
|
|
17
17
|
const qt = class qt extends f {
|
|
@@ -108,10 +108,10 @@ tt([
|
|
|
108
108
|
Dt(".nys-accordionitem__content")
|
|
109
109
|
], ve.prototype, "_contentContainer");
|
|
110
110
|
customElements.get("nys-accordionitem") || customElements.define("nys-accordionitem", ve);
|
|
111
|
-
var Xs = Object.defineProperty, Mt = (r, e, t,
|
|
112
|
-
for (var
|
|
113
|
-
(i = r[n]) && (
|
|
114
|
-
return
|
|
111
|
+
var Xs = Object.defineProperty, Mt = (r, e, t, o) => {
|
|
112
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
113
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
114
|
+
return s && Xs(e, t, s), s;
|
|
115
115
|
};
|
|
116
116
|
let Js = 0;
|
|
117
117
|
const Rt = class Rt extends f {
|
|
@@ -137,14 +137,14 @@ const Rt = class Rt extends f {
|
|
|
137
137
|
}
|
|
138
138
|
_getAccordionItems() {
|
|
139
139
|
return (this.shadowRoot?.querySelector("slot")?.assignedElements() || []).filter(
|
|
140
|
-
(
|
|
140
|
+
(o) => o.tagName.toLowerCase() === "nys-accordionitem"
|
|
141
141
|
);
|
|
142
142
|
}
|
|
143
143
|
_onAccordionToggle(e) {
|
|
144
144
|
if (!this.singleSelect) return;
|
|
145
145
|
const t = e.detail.id;
|
|
146
|
-
e.detail.expanded && this._getAccordionItems().forEach((
|
|
147
|
-
|
|
146
|
+
e.detail.expanded && this._getAccordionItems().forEach((s) => {
|
|
147
|
+
s.id !== t && s.expanded && (s.expanded = !1);
|
|
148
148
|
});
|
|
149
149
|
}
|
|
150
150
|
_applyBordered() {
|
|
@@ -174,10 +174,10 @@ Mt([
|
|
|
174
174
|
], Oe.prototype, "bordered");
|
|
175
175
|
customElements.get("nys-accordion") || customElements.define("nys-accordion", Oe);
|
|
176
176
|
const eo = ':host{--_nys-alert-border-width: var(--nys-border-width-lg, 4px);--_nys-alert-border-radius: var(--nys-radius-md, 4px);--_nys-alert-color: var( --nys-alert-color, var(--nys-color-text, var(--nys-color-neutral-900, #1b1b1b)) );--_nys-alert-color--link: var( --nys-alert-color--link, var(--nys-color-link, var(--nys-color-blue-600, #004dd1)) );--_nys-alert-color--link--hover: var( --nys-alert-color--link--hover, var(--nys-color-link-strong, var(--nys-color-blue-700, #003ba1)) );--_nys-alert-color--link--active: var( --nys-alert-color--link--active, var(--nys-color-link-strongest, var(--nys-color-blue-800, #002971)) );--_nys-alert-padding: var(--nys-space-250, 20px);--_nys-alert-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-alert-font-size: var(--nys-font-size-ui-md, 16px);--_nys-alert-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-alert-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-alert-font-weight--regular: var(--nys-font-weight-regular, 400);--_nys-alert-font-weight--semibold: var(--nys-font-weight-semibold, 600);--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-base, var(--nys-color-neutral-600, #62666a)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-base-weak, var(--nys-color-neutral-10, #f6f6f6)) );--_nys-alert-gap--icon: var(--nys-space-150, 12px);--_nys-alert-gap--text: var(--nys-space-50, 4px);--_nys-alert-gap--actions: var(--nys-space-150, 12px)}.nys-alert__container{display:flex;background-color:var(--_nys-alert-background-color);border-inline-start:var(--_nys-alert-border-width) solid var(--_nys-alert-border-color);border-radius:var(--_nys-alert-border-radius);color:var(--_nys-alert-color);padding:var(--_nys-alert-padding);font-style:normal;font-family:var(--_nys-alert-font-family);font-size:var(--_nys-alert-font-size);line-height:var(--_nys-alert-line-height);letter-spacing:var(--_nys-alert-letter-spacing);gap:var(--_nys-alert-gap--icon)}p{margin:0}::slotted(p){margin-bottom:0!important}.nys-alert__icon{margin-top:.5px}a,a:visited{font-weight:var(--_nys-alert-font-weight--semibold);font-size:var(--_nys-alert-font-size);color:var(--_nys-alert-color--link)}a:hover{color:var(--_nys-alert-color--link--hover)}a:active{color:var(--_nys-alert-color--link--active)}::slotted(a){color:var(--_nys-alert-color--link)}.nys-alert__texts{position:relative;display:flex;flex-direction:column;flex:1;gap:var(--_nys-alert-gap--text)}.nys-alert__header{margin:0;font-weight:var(--_nys-alert-font-weight--semibold)}.nys-alert__text{font-weight:var(--_nys-alert-font-weight--regular);margin:0}::slotted(*){font-weight:var(--_nys-alert-font-weight--regular);margin:0}.nys-alert--centered{display:flex;align-items:center}.nys-alert--centered .nys-alert__header{margin-bottom:-3px}.nys-alert--centered div[part=nys-alert__icon]{margin-top:0;display:flex;align-items:center;justify-content:center}.nys-alert__actions{display:flex;gap:var(--_nys-alert-gap--actions);flex-wrap:wrap}#dismiss-btn{margin-top:-8px}:host([type=info]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-info, var(--nys-color-blue-600, #004dd1)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-info-weak, var(--nys-color-blue-50, #e5effa)) )}:host([type=success]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-success, var(--nys-color-green-600, #1e752e)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-success-weak, var(--nys-color-green-50, #e8f1ea)) )}:host([type=warning]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-warning, var(--nys-color-yellow-400, #face00)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-warning-weak, var(--nys-color-yellow-50, #fefae5)) )}:host([type=danger]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-danger, var(--nys-color-red-600, #b52c2c)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-danger-weak, var(--nys-color-red-50, #f7eaea)) )}:host([type=emergency]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-emergency, var(--nys-color-red-800, #721c1c)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-emergency, var(--nys-color-red-800, #721c1c)) );--_nys-alert-color: var( --nys-alert-color, var(--nys-color-text-reverse, var(--nys-color-white, #ffffff)) );--_nys-alert-color--link: var( --nys-alert-color--link, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff)) );--_nys-alert-color--link--hover: var( --nys-alert-color--link--hover, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff)) );--_nys-alert-color--link--active: var( --nys-alert-color--link--active, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff)) )}:host([type=emergency]) a:hover{text-decoration-thickness:2px}:host([type=emergency]) a:active{text-decoration-thickness:3px}';
|
|
177
|
-
var to = Object.defineProperty, K = (r, e, t,
|
|
178
|
-
for (var
|
|
179
|
-
(i = r[n]) && (
|
|
180
|
-
return
|
|
177
|
+
var to = Object.defineProperty, K = (r, e, t, o) => {
|
|
178
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
179
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
180
|
+
return s && to(e, t, s), s;
|
|
181
181
|
};
|
|
182
182
|
let so = 0;
|
|
183
183
|
const Pt = class Pt extends f {
|
|
@@ -243,7 +243,7 @@ const Pt = class Pt extends f {
|
|
|
243
243
|
const e = this.shadowRoot?.querySelector("slot");
|
|
244
244
|
if (e) {
|
|
245
245
|
const t = e.assignedNodes({ flatten: !0 }).filter(
|
|
246
|
-
(
|
|
246
|
+
(o) => o.nodeType === Node.ELEMENT_NODE || o.nodeType === Node.TEXT_NODE && o.textContent?.trim()
|
|
247
247
|
);
|
|
248
248
|
await Promise.resolve(), this._slotHasContent = t.length > 0;
|
|
249
249
|
} else
|
|
@@ -347,10 +347,10 @@ K([
|
|
|
347
347
|
], q.prototype, "_slotHasContent");
|
|
348
348
|
customElements.get("nys-alert") || customElements.define("nys-alert", q);
|
|
349
349
|
const oo = ":host{--_nys-avatar-border-radius: var(--nys-radius-round, 1776px);--_nys-avatar-size: var(--nys-avatar-size, var(--nys-font-size-6xl, 36px));--_nys-avatar-shape: var(--nys-radius-round, 1776px);--_nys-avatar-border-color: var(--nys-color-ink-reverse, #ffffff);--_nys-avatar-border-size: var(--nys-border-width-sm, 1px);--_nys-avatar-width: var(--nys-font-size-6xl, 36px);--_nys-avatar-color: var(--nys-color-theme, #154973);--_nys-avatar-background-color: var(--nys-color-theme-weaker, #eff6fb);--_nys-avatar-outline-color: var(--nys-color-focus, #004dd1);--_nys-avatar-outline-width: var(--nys-border-width-md, 2px);--_nys-avatar-outline-offset: var(--nys-space-2px, 2px)}.nys-avatar{display:inline-block}.nys-avatar__component{display:flex;justify-content:center;align-items:center;border-radius:var(--_nys-avatar-border-radius);width:var(--_nys-avatar-size);height:var(--_nys-avatar-size);font-size:var(--_nys-avatar-size);overflow:hidden;box-sizing:border-box;color:var(--_nys-avatar-color);background-color:var(--_nys-avatar-background-color);border:var(--_nys-avatar-border-size) solid var(--_nys-avatar-border-color);outline-offset:var(--_nys-avatar-outline-offset);transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}:host([interactive]) .nys-avatar__component:hover,:host([interactive]) .nys-avatar__component:active{--_nys-avatar-color: var( --nys-color-text-reverse, --nys-color-ink-reverse, #ffffff );cursor:pointer}:host([interactive]) .nys-avatar__component:hover{--_nys-avatar-background-color: var(--nys-color-theme-mid, #457aa5)}:host([interactive]) .nys-avatar__component:active{--_nys-avatar-background-color: var(--nys-color-theme-strong, #0e324f)}:host([disabled]) .nys-avatar__component{--_nys-avatar-color: var(--nys-color-text-disabled, #bec0c1);--_nys-avatar-background-color: var(--nys-color-neutral-10, #f6f6f6);cursor:not-allowed}:host([disabled]) .nys-avatar__component:focus-within{outline:solid var(--_nys-avatar-outline-width) var(--_nys-avatar-outline-color)}div[part=nys-avatar__icon]{display:flex;align-items:center;justify-content:center}.nys-avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(var(--_nys-avatar-width) * .5);font-weight:700;text-transform:uppercase}.nys-avatar__image{width:100%;height:100%;object-fit:cover}.nys-avatar__icon{width:100%;height:100%;fill:currentcolor}";
|
|
350
|
-
var ro = Object.defineProperty, re = (r, e, t,
|
|
351
|
-
for (var
|
|
352
|
-
(i = r[n]) && (
|
|
353
|
-
return
|
|
350
|
+
var ro = Object.defineProperty, re = (r, e, t, o) => {
|
|
351
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
352
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
353
|
+
return s && ro(e, t, s), s;
|
|
354
354
|
};
|
|
355
355
|
let no = 0;
|
|
356
356
|
const Ut = class Ut extends f {
|
|
@@ -372,7 +372,7 @@ const Ut = class Ut extends f {
|
|
|
372
372
|
}
|
|
373
373
|
await Promise.resolve();
|
|
374
374
|
const t = e.assignedNodes({ flatten: !0 }).filter(
|
|
375
|
-
(
|
|
375
|
+
(o) => o.nodeType === Node.ELEMENT_NODE || o.nodeType === Node.TEXT_NODE && o.textContent?.trim()
|
|
376
376
|
);
|
|
377
377
|
this._slotHasContent = t.length > 0;
|
|
378
378
|
}
|
|
@@ -387,7 +387,7 @@ const Ut = class Ut extends f {
|
|
|
387
387
|
* @returns CSS color string for foreground
|
|
388
388
|
*/
|
|
389
389
|
getContrastForeground() {
|
|
390
|
-
const e = "var(--nys-color-ink, #000)", t = "var(--nys-color-ink-reverse, #fff)",
|
|
390
|
+
const e = "var(--nys-color-ink, #000)", t = "var(--nys-color-ink-reverse, #fff)", o = "var(--nys-color-text, #000)", s = "var(--nys-color-text-reverse, #fff)";
|
|
391
391
|
if (!this.color) return;
|
|
392
392
|
const n = document.createElement("div");
|
|
393
393
|
n.style.color = this.color, document.body.appendChild(n);
|
|
@@ -396,7 +396,7 @@ const Ut = class Ut extends f {
|
|
|
396
396
|
const l = i.match(/\d+/g);
|
|
397
397
|
if (!l) return;
|
|
398
398
|
const c = Number(l[0]), h = Number(l[1]), u = Number(l[2]), v = (0.299 * c + 0.587 * h + 0.114 * u) / 255 < 0.5;
|
|
399
|
-
return this.initials?.length > 0 ? v ?
|
|
399
|
+
return this.initials?.length > 0 ? v ? s : o : v ? t : e;
|
|
400
400
|
}
|
|
401
401
|
render() {
|
|
402
402
|
return d`
|
|
@@ -474,10 +474,10 @@ re([
|
|
|
474
474
|
], Y.prototype, "_slotHasContent");
|
|
475
475
|
customElements.get("nys-avatar") || customElements.define("nys-avatar", Y);
|
|
476
476
|
const io = ".nys-backtotop{--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);--_nys-button-padding--y: var(--nys-space-100, 8px);--_nys-button-padding--x: var(--nys-space-200, 16px);position:fixed;bottom:1rem;right:1rem;z-index:9999;display:none}.left{left:1rem;right:auto}.visible{display:inline-flex}";
|
|
477
|
-
var ao = Object.defineProperty, Ct = (r, e, t,
|
|
478
|
-
for (var
|
|
479
|
-
(i = r[n]) && (
|
|
480
|
-
return
|
|
477
|
+
var ao = Object.defineProperty, Ct = (r, e, t, o) => {
|
|
478
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
479
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
480
|
+
return s && ao(e, t, s), s;
|
|
481
481
|
};
|
|
482
482
|
const Tt = class Tt extends f {
|
|
483
483
|
/**
|
|
@@ -542,10 +542,10 @@ Ct([
|
|
|
542
542
|
], $e.prototype, "forceVisible");
|
|
543
543
|
customElements.get("nys-backtotop") || customElements.define("nys-backtotop", $e);
|
|
544
544
|
const lo = ':host{--_nys-button-width: fit-content;--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-border-radius--start: var(--nys-radius-xl, 12px);--_nys-button-border-radius--end: var(--nys-radius-xl, 12px);--_nys-button-padding--y: calc(var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px));--_nys-button-gap: var(--nys-space-100, 8px);--_nys-button-justify-content: center;--_nys-button-border-width: var(--nys-border-width-md, 2px);--_nys-button-outline-width: var(--nys-border-width-md, 2px);--_nys-button-outline-offset: var(--nys-space-2px, 2px);--_nys-button-outline-color: var(--nys-color-focus, #004dd1);--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-theme, #154973));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-theme, #154973));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-font-size: var(--nys-font-size-ui-md, 16px);--_nys-button-font-weight: var(--nys-font-weight-semibold, 600);--_nys-button-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-button-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));display:inline-flex;width:fit-content}:host([size=sm]){--_nys-button-height: var(--nys-size-500, 40px);--_nys-button-padding--y: calc(var(--nys-space-100, 8px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px))}:host([size=md]){--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-padding--y: calc(var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px))}:host([size=lg]){--_nys-button-height: var(--nys-size-700, 56px);--_nys-button-padding--y: calc(var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-300, 24px) - var(--nys-border-width-md, 2px))}:host([fullWidth]){width:100%}:host([fullWidth]) .nys-button{width:100%}:host([variant=filled]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-theme, #154973));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1)}:host([variant=outline]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface, #ffffff));--_nys-button-color: var(--nys-button-color, var(--nys-color-theme, #154973));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-theme, #154973));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-weaker, #eff6fb));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-theme, #154973));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-theme, #154973));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-weak, #cddde9));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-theme, #154973));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-theme, #154973));--_nys-button-background-color--disabled: var(--nys-color-surface, #ffffff);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-100, #d0d0ce)}:host([variant=text]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-link, #004dd1));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-link-strong, #003ba1));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-link-strongest, #002971));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=ghost]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-text, #1b1b1b));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-black-transparent-100, #0000001a));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-black-transparent-200, #00000033));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=filled][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface, #ffffff));--_nys-button-color: var(--nys-button-color, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-neutral-100, #d0d0ce));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text, #1b1b1b));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-neutral-300, #a7a9ab));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text, #1b1b1b));--_nys-button-background-color--disabled: var(--nys-color-text, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a)}:host([variant=outline][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-ink-reverse, #ffffff));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse-weak, #d0d0ce));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-neutral-100, #d0d0ce));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse-weaker, #bec0c1));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-neutral-300, #a7a9ab));--_nys-button-background-color--disabled: var(--nys-color-surface-reverse, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-reverse-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-neutral-600, #62666a)}:host([variant=text][inverted]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-link-reverse, #a7a9ab));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-link-reverse-strong, #ededed));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-reverse-strongest, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-reverse-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=ghost][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-white-transparent-200, #ffffff33));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-white-transparent-300, #ffffff4d));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([circle]){--_nys-button-width: var(--_nys-button-height);--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-button{width:var(--_nys-button-width);min-height:var(--_nys-button-height);border-start-start-radius:var(--_nys-button-border-radius--start);border-end-start-radius:var(--_nys-button-border-radius--start);border-start-end-radius:var(--_nys-button-border-radius--end);border-end-end-radius:var(--_nys-button-border-radius--end);padding:var(--_nys-button-padding--y) var(--_nys-button-padding--x);display:flex;align-items:center;justify-content:var(--_nys-button-justify-content);gap:var(--_nys-button-gap);font-family:var(--_nys-button-font-family);font-size:var(--_nys-button-font-size);font-weight:var(--_nys-button-font-weight);line-height:var(--_nys-button-line-height);text-decoration:var(--_nys-button-text-decoration);box-sizing:border-box;background-color:var(--_nys-button-background-color);color:var(--_nys-button-color);border:solid var(--_nys-button-border-width) var(--_nys-button-border-color);cursor:var(--_nys-button-cursor, pointer)}:host([circle]) .nys-button{max-width:var(--_nys-button-height);max-height:var(--_nys-button-height)}.nys-button:hover{background-color:var(--_nys-button-background-color--hover);color:var(--_nys-button-color--hover);border-color:var(--_nys-button-border-color--hover)}.nys-button:active{background-color:var(--_nys-button-background-color--active);color:var(--_nys-button-color--active);border-color:var(--_nys-button-border-color--active)}.nys-button:disabled,a[disabled]{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled);cursor:not-allowed}.nys-button__linkwrapper:has([disabled]){cursor:not-allowed;width:fit-content}a[disabled]{pointer-events:none}a[disabled]:hover{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled)}.nys-button *{cursor:var(--_nys-button-cursor, pointer)}.nys-button:disabled *{cursor:not-allowed}.nys-button:focus-visible{outline-offset:var(--_nys-button-outline-offset);outline:solid var(--_nys-button-outline-width) var(--_nys-button-outline-color)}.nys-button__text{display:flex;align-items:center;-webkit-user-select:none;user-select:none}';
|
|
545
|
-
var co = Object.defineProperty, D = (r, e, t,
|
|
546
|
-
for (var
|
|
547
|
-
(i = r[n]) && (
|
|
548
|
-
return
|
|
545
|
+
var co = Object.defineProperty, D = (r, e, t, o) => {
|
|
546
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
547
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
548
|
+
return s && co(e, t, s), s;
|
|
549
549
|
};
|
|
550
550
|
let ho = 0;
|
|
551
551
|
const Fe = class Fe extends f {
|
|
@@ -588,17 +588,23 @@ const Fe = class Fe extends f {
|
|
|
588
588
|
* --------------------------------------------------------------------------
|
|
589
589
|
*/
|
|
590
590
|
_handleFocus() {
|
|
591
|
-
this.dispatchEvent(
|
|
591
|
+
this.dispatchEvent(
|
|
592
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
593
|
+
);
|
|
592
594
|
}
|
|
593
595
|
_handleBlur() {
|
|
594
|
-
this.shadowRoot?.querySelector(".nys-button")?.classList.remove("active-focus"), this.dispatchEvent(
|
|
596
|
+
this.shadowRoot?.querySelector(".nys-button")?.classList.remove("active-focus"), this.dispatchEvent(
|
|
597
|
+
new Event("nys-blur", { bubbles: !0, composed: !0 })
|
|
598
|
+
);
|
|
595
599
|
}
|
|
596
600
|
_handleClick(e) {
|
|
597
601
|
if (this.disabled) {
|
|
598
602
|
e.preventDefault();
|
|
599
603
|
return;
|
|
600
604
|
}
|
|
601
|
-
this._manageFormAction(), this.dispatchEvent(
|
|
605
|
+
this._manageFormAction(), this.dispatchEvent(
|
|
606
|
+
new Event("nys-click", { bubbles: !0, composed: !0 })
|
|
607
|
+
);
|
|
602
608
|
}
|
|
603
609
|
_handleKeydown(e) {
|
|
604
610
|
if (e.code === "Space" || e.code === "Enter" || e.key === " " || e.key === "Enter") {
|
|
@@ -774,10 +780,10 @@ D([
|
|
|
774
780
|
], w.prototype, "target");
|
|
775
781
|
customElements.get("nys-button") || customElements.define("nys-button", w);
|
|
776
782
|
const uo = ':host{--_nys-badge-width: fit-content;--_nys-badge-height: var(--nys-size-600, 48px);--_nys-badge-radius: var(--nys-radius-round, 1776px);--_nys-badge-padding: var(--nys-space-2-px, 2px) var(--nys-space-100, 8px);--_nys-badge-gap: var(--nys-space-50, 4px);--_nys-badge-color: var(--nys-color-ink, #000000);--_nys-badge-background-color: var(--nys-color-base-weak, #f6f6f6);--_nys-badge-border-color: var(--nys-color-base, #62666a);--_nys-badge-border-width: var(--nys-border-width-sm, 1px);--_nys-badge-font-size: var(--nys-font-size-ui-sm, 14px);--_nys-badge-font-weight: var(--nys-font-weight-semibold, 600);--_nys-badge-line-height: var(--nys-font-lineheight-ui-sm, 24px);--_nys-badge-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));--_nys-badge-prefix-font-weight: var(--nys-font-weight-regular, 400)}:host([size=sm]){--_nys-badge-font-size: var(--nys-font-size-ui-xs, 12px);--_nys-badge-line-height: var(--nys-font-lineheight-ui-xs, 20px)}:host([intent=neutral]){--_nys-badge-background-color: var(--nys-color-base-weak, #f6f6f6);--_nys-badge-border-color: var(--nys-color-base, #62666a)}:host([intent=error]){--_nys-badge-background-color: var(--nys-color-error-weak, #f7eaea);--_nys-badge-border-color: var(--nys-color-error-strong, #721c1c)}:host([intent=success]){--_nys-badge-background-color: var(--nys-color-success-weak, #e8f1ea);--_nys-badge-border-color: var(--nys-color-success-strong, #0f3d18)}:host([intent=warning]){--_nys-badge-background-color: var(--nys-color-warning-weak, #fefae5);--_nys-badge-border-color: var(--nys-color-warning-strong, #6a5700)}:host([variant=strong]){--_nys-badge-background-color: var(--_nys-badge-border-color);--_nys-badge-color: var(--nys-color-white, #ffffff)}:host([variant=strong]) .nys-badge{--nys-icon-color: var(--nys-color-white, #ffffff)}:host([variant=strong][intent=success]){--_nys-badge-border-color: var(--nys-color-success, #1E752E)}:host([variant=strong][intent=warning]){--_nys-badge-border-color: var(--nys-color-warning, #FACE00);--_nys-badge-color: var(--nys-color-ink, #000000)}:host([variant=strong][intent=warning]) .nys-badge{--nys-icon-color: var(--nys-color-ink, #000000)}.nys-badge{display:flex;width:fit-content;align-items:center;justify-content:center;gap:var(--_nys-badge-gap);padding:var(--_nys-badge-padding);border:var(--_nys-badge-border-width) solid var(--_nys-badge-border-color);background-color:var(--_nys-badge-background-color);color:var(--_nys-badge-color);border-radius:var(--_nys-badge-radius);font-family:var(--_nys-badge-font-family);font-size:var(--_nys-badge-font-size);font-weight:var(--_nys-badge-font-weight);line-height:var(--_nys-badge-line-height);cursor:default;--nys-icon-color: var(--_nys-badge-border-color)}.nys-badge__prefix{font-weight:var(--_nys-badge-prefix-font-weight)}';
|
|
777
|
-
var po = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, he = (r, e, t,
|
|
778
|
-
for (var
|
|
779
|
-
(i = r[n]) && (
|
|
780
|
-
return
|
|
783
|
+
var po = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, he = (r, e, t, o) => {
|
|
784
|
+
for (var s = o > 1 ? void 0 : o ? yo(e, t) : e, n = r.length - 1, i; n >= 0; n--)
|
|
785
|
+
(i = r[n]) && (s = (o ? i(e, t, s) : i(s)) || s);
|
|
786
|
+
return o && s && po(e, t, s), s;
|
|
781
787
|
};
|
|
782
788
|
let fo = 0;
|
|
783
789
|
var ye;
|
|
@@ -863,10 +869,10 @@ he([
|
|
|
863
869
|
let vo = ne;
|
|
864
870
|
customElements.get("nys-badge") || customElements.define("nys-badge", vo);
|
|
865
871
|
const xs = ':host{--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px);--_nys-checkbox-border-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-color: var(--nys-color-focus, #004dd1);--_nys-checkbox-outline-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-offset: var(--nys-space-2px, 2px);--_nys-checkbox-gap: var(--nys-space-150, 12px);--_nys-checkboxgroup-gap: var(--nys-space-200, 16px);--_nys-checkbox-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-checkbox-font-size: var(--nys-font-size-ui-md, 16px);--_nys-checkbox-font-weight: var(--nys-font-weight-regular, 400);--_nys-checkbox-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-checkbox-color: var( --nys-color-ink, var(--nys-color-neutral-900, #1b1b1b) );--_nys-checkbox-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-border-color: var(--nys-color-neutral-600, #62666a);--_nys-checkbox-background-color--hover: var(--nys-color-neutral-50, #ededed);--_nys-checkbox-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-border-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-border-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-border-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--disabled: var(--nys-color-neutral-400, #757575);--_nys-checkbox-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-checkbox-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-checkbox-size: var(--nys-size-300, 24px);--_nys-checkbox-border-radius: var(--nys-radius-sm, 2px);--_nys-checkboxgroup-gap: var(--nys-space-100, 8px);--_nys-checkbox-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px)}:host([tile]){--_nys-checkbox-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-checkbox-border-radius--tile: var(--nys-radius-md, 4px);--_nys-checkbox-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-checkbox-background-color--tile: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-padding--x--tile: var(--nys-space-250, 20px);--_nys-checkbox-padding--y--tile: var(--nys-space-200, 16px);--_nys-checkbox-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-checkbox-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-checkbox-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-checkbox-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-checkbox-background-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-checkbox-padding--x--tile: var(--nys-space-200, 16px);--_nys-checkbox-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-checkbox-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--hover: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--active: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--checked: var(--nys-color-danger, #b52c2c)}#single-error-message{--_nys-errormessage-margin-top: var(--nys-space-50, 4px)}.nys-checkboxgroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height)}.nys-checkboxgroup__content{display:flex;flex-direction:column;gap:var(--_nys-checkboxgroup-gap)}.nys-checkbox{display:flex;flex-direction:column;border-radius:var(--_nys-checkbox-border-radius--tile);border:var(--_nys-checkbox-border-width--tile) solid var(--_nys-checkbox-border-color--tile);background:var(--_nys-checkbox-background-color--tile);padding:var(--_nys-checkbox-padding--y--tile) var(--_nys-checkbox-padding--x--tile)}.nys-checkbox .nys-checkbox__main-container{display:flex;font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height);align-items:center;gap:var(--_nys-checkbox-gap)}.nys-checkbox .nys-checkbox__main-container.has-description{align-items:flex-start}.nys-checkbox__checkbox-wrapper{position:relative;display:flex;justify-content:center;align-items:center;max-height:var(--_nys-checkbox-size)}.nys-checkbox__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:var(--nys-color-ink-reverse, #ffffff)}.nys-checkbox__checkbox{appearance:none;background-repeat:no-repeat;background-position:center;width:var(--_nys-checkbox-size);min-width:var(--_nys-checkbox-size);min-height:var(--_nys-checkbox-size);height:var(--_nys-checkbox-size);max-width:var(--_nys-checkbox-size);max-height:var(--_nys-checkbox-size);border:solid var(--_nys-checkbox-border-width) var(--_nys-checkbox-border-color);background-color:var(--_nys-checkbox-background-color);border-radius:var(--_nys-checkbox-border-radius);outline-offset:var(--_nys-checkbox-outline-offset);outline:none;margin:0}.nys-checkbox:hover,.nys-checkbox:hover *{cursor:pointer}.nys-checkbox__checkbox:not(:disabled):checked{background-color:var(--_nys-checkbox-background-color--checked);border-color:var(--_nys-checkbox-border-color--checked)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:not(:disabled):checked){border-color:var(--_nys-checkbox-border-color--tile--checked);background-color:var(--_nys-checkbox-background-color--tile--checked)}.nys-checkbox__checkbox:disabled:checked{background-color:var(--_nys-checkbox-background-color--checked--disabled);border-color:var(--_nys-checkbox-border-color--checked--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled:checked){border-color:var(--_nys-checkbox-border-color--tile--disabled);background-color:var(--_nys-checkbox-background-color--tile--disabled)}.nys-checkbox__checkbox:disabled{background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox:has(.nys-checkbox__checkbox:disabled) *{color:var(--_nys-checkbox-color--disabled);cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-checkbox-color--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled){background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox:hover .nys-checkbox__checkbox:not(:disabled):not(:checked),.nys-checkbox__checkbox:hover:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--hover);border-color:var(--_nys-checkbox-border-color--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--hover);background-color:var(--_nys-checkbox-background-color--tile--hover);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--hover)}.nys-checkbox:hover .nys-checkbox__checkbox:not(:disabled):checked,.nys-checkbox__checkbox:hover:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--hover);background-color:var(--_nys-checkbox-background-color--checked--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):checked){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--checked)}.nys-checkbox:active .nys-checkbox__checkbox:not(:disabled):not(:checked),.nys-checkbox__checkbox:active:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--active);border-color:var(--_nys-checkbox-border-color--active)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:active:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--active);background-color:var(--_nys-checkbox-background-color--tile--active);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--active)}.nys-checkbox:active .nys-checkbox__checkbox:not(:disabled):checked,.nys-checkbox__checkbox:active:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--active);background-color:var(--_nys-checkbox-background-color--checked--active)}:host(:not([tile])) .nys-checkbox__checkbox:focus-visible{outline:solid var(--_nys-checkbox-outline-width) var(--_nys-checkbox-outline-color)}:host([tile]) .nys-checkbox:has(*:focus-visible){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-outline-color)!important;border-color:var(--_nys-checkbox-outline-color)!important}:host(:not([tile])) .nys-checkbox__main-container>nys-label{--_nys-label-font-weight: var(--_nys-checkbox-font-weight)}:host([tile]) .nys-checkbox__main-container>nys-label{--_nys-description-font-style: normal}.nys-checkbox__required{color:var(--nys-color-danger, #b52c2c)}.nys-checkbox__requiredwrapper{display:flex;gap:3px}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.nys-checkbox__other-container{display:flex;padding-inline-start:calc(var(--_nys-checkbox-size) + var(--_nys-checkbox-gap))}';
|
|
866
|
-
var bo = Object.defineProperty, P = (r, e, t,
|
|
867
|
-
for (var
|
|
868
|
-
(i = r[n]) && (
|
|
869
|
-
return
|
|
872
|
+
var bo = Object.defineProperty, P = (r, e, t, o) => {
|
|
873
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
874
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
875
|
+
return s && bo(e, t, s), s;
|
|
870
876
|
};
|
|
871
877
|
let go = 0;
|
|
872
878
|
const Ne = class Ne extends f {
|
|
@@ -903,11 +909,11 @@ const Ne = class Ne extends f {
|
|
|
903
909
|
}
|
|
904
910
|
// Initial update on checkbox required attribute
|
|
905
911
|
async _setupCheckboxRequired() {
|
|
906
|
-
const e = this.querySelector("nys-checkbox"), t = this.errorMessage || "This field is required",
|
|
912
|
+
const e = this.querySelector("nys-checkbox"), t = this.errorMessage || "This field is required", o = e ? await e.getInputElement() : null;
|
|
907
913
|
this._internals.setValidity(
|
|
908
914
|
{ valueMissing: !0 },
|
|
909
915
|
t,
|
|
910
|
-
|
|
916
|
+
o || this
|
|
911
917
|
);
|
|
912
918
|
}
|
|
913
919
|
// Updates the required attribute of each checkbox in the group
|
|
@@ -915,11 +921,11 @@ const Ne = class Ne extends f {
|
|
|
915
921
|
if (!this.required) return;
|
|
916
922
|
const e = this.errorMessage || "You must make a selection to proceed.", t = Array.from(
|
|
917
923
|
this.querySelectorAll("nys-checkbox")
|
|
918
|
-
),
|
|
919
|
-
this._internals.setValidity({}), this.showError = !1,
|
|
924
|
+
), o = this._hasAtLeastOneChecked(), s = t ? await t[0].getInputElement().catch(() => null) : null;
|
|
925
|
+
this._internals.setValidity({}), this.showError = !1, o ? this._hasOtherError && this._otherErrorCheckbox && (this._setCustomOtherError(), this.showError = !0) : this._hasOtherError ? (this._setCustomOtherError(), this.showError = !0) : (this._internals.setValidity(
|
|
920
926
|
{ valueMissing: !0 },
|
|
921
927
|
e,
|
|
922
|
-
|
|
928
|
+
s ?? this
|
|
923
929
|
), this.showError = !0);
|
|
924
930
|
}
|
|
925
931
|
_setCustomOtherError() {
|
|
@@ -961,7 +967,7 @@ const Ne = class Ne extends f {
|
|
|
961
967
|
const t = this.shadowRoot?.querySelector(
|
|
962
968
|
'slot[name="description"]'
|
|
963
969
|
)?.assignedNodes({ flatten: !0 }) || [];
|
|
964
|
-
this._slottedDescriptionText = t.map((
|
|
970
|
+
this._slottedDescriptionText = t.map((o) => o.textContent?.trim()).filter(Boolean).join(", ");
|
|
965
971
|
}
|
|
966
972
|
// This callback is automatically called when the parent form is reset.
|
|
967
973
|
formResetCallback() {
|
|
@@ -971,25 +977,25 @@ const Ne = class Ne extends f {
|
|
|
971
977
|
}
|
|
972
978
|
async _handleInvalid(e) {
|
|
973
979
|
if (e.preventDefault(), this._internals.validity.customError) {
|
|
974
|
-
const
|
|
980
|
+
const o = Array.from(
|
|
975
981
|
this.querySelectorAll("nys-checkbox")
|
|
976
982
|
).find(
|
|
977
|
-
(
|
|
983
|
+
(s) => s.other && s.checked
|
|
978
984
|
);
|
|
979
|
-
if (
|
|
980
|
-
const
|
|
981
|
-
if (
|
|
982
|
-
await
|
|
985
|
+
if (o) {
|
|
986
|
+
const s = o.shadowRoot?.querySelector("nys-textinput");
|
|
987
|
+
if (s) {
|
|
988
|
+
await s.updateComplete, s.focus();
|
|
983
989
|
return;
|
|
984
990
|
}
|
|
985
991
|
}
|
|
986
992
|
}
|
|
987
993
|
if (this._internals.validity.valueMissing) {
|
|
988
994
|
this.showError = !0, this._manageRequire();
|
|
989
|
-
const t = this.querySelector("nys-checkbox"),
|
|
990
|
-
if (
|
|
991
|
-
const
|
|
992
|
-
|
|
995
|
+
const t = this.querySelector("nys-checkbox"), o = t ? await t.getInputElement() : null;
|
|
996
|
+
if (o) {
|
|
997
|
+
const s = this._internals.form;
|
|
998
|
+
s ? Array.from(s.elements).find((l) => {
|
|
993
999
|
if (l.tagName.toLowerCase() === "nys-checkboxgroup") {
|
|
994
1000
|
if (Array.from(
|
|
995
1001
|
this.querySelectorAll("nys-checkbox")
|
|
@@ -999,7 +1005,7 @@ const Ne = class Ne extends f {
|
|
|
999
1005
|
return l;
|
|
1000
1006
|
} else
|
|
1001
1007
|
return typeof l.checkValidity == "function" && !l.checkValidity();
|
|
1002
|
-
}) === this &&
|
|
1008
|
+
}) === this && o.focus() : o.focus();
|
|
1003
1009
|
}
|
|
1004
1010
|
}
|
|
1005
1011
|
}
|
|
@@ -1009,10 +1015,10 @@ const Ne = class Ne extends f {
|
|
|
1009
1015
|
*/
|
|
1010
1016
|
// Similar to how native forms handle multiple same-name fields, we group the selected values into a list for FormData.
|
|
1011
1017
|
_handleCheckboxChange(e) {
|
|
1012
|
-
const t = e, { name:
|
|
1018
|
+
const t = e, { name: o } = t.detail, s = Array.from(
|
|
1013
1019
|
this.querySelectorAll("nys-checkbox")
|
|
1014
|
-
), n =
|
|
1015
|
-
this.name =
|
|
1020
|
+
), n = s.filter((i) => i.checked).map((i) => i.value);
|
|
1021
|
+
this.name = o, this._internals.setFormValue(n.join(", ")), this._checkOtherInputs(s), this._hasOtherError || this._manageRequire();
|
|
1016
1022
|
}
|
|
1017
1023
|
async _handleChildError(e) {
|
|
1018
1024
|
e.stopPropagation();
|
|
@@ -1020,16 +1026,16 @@ const Ne = class Ne extends f {
|
|
|
1020
1026
|
t && (this._hasOtherError = !0, this._otherErrorCheckbox = t, this.showError = !0, this._setCustomOtherError());
|
|
1021
1027
|
}
|
|
1022
1028
|
_handleChildErrorClear(e) {
|
|
1023
|
-
const
|
|
1024
|
-
this._otherErrorCheckbox &&
|
|
1029
|
+
const o = e.detail?.sourceCheckbox;
|
|
1030
|
+
this._otherErrorCheckbox && o !== this._otherErrorCheckbox || (this._internals.setValidity({}), this.showError = !1, this.required && !this._hasAtLeastOneChecked() && this._manageRequire());
|
|
1025
1031
|
}
|
|
1026
1032
|
async _checkOtherInputs(e) {
|
|
1027
1033
|
for (const t of e)
|
|
1028
1034
|
if (t.checked && t.other) {
|
|
1029
|
-
const
|
|
1035
|
+
const o = t.value.trim();
|
|
1030
1036
|
if (!t._hasUserInteracted)
|
|
1031
1037
|
continue;
|
|
1032
|
-
if (!
|
|
1038
|
+
if (!o || o === "") {
|
|
1033
1039
|
this._hasOtherError = !0, this._otherErrorCheckbox = t, this._setCustomOtherError(), this.showError = !0;
|
|
1034
1040
|
return;
|
|
1035
1041
|
}
|
|
@@ -1119,10 +1125,10 @@ P([
|
|
|
1119
1125
|
_()
|
|
1120
1126
|
], z.prototype, "_otherErrorCheckbox");
|
|
1121
1127
|
customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", z);
|
|
1122
|
-
var _o = Object.defineProperty, A = (r, e, t,
|
|
1123
|
-
for (var
|
|
1124
|
-
(i = r[n]) && (
|
|
1125
|
-
return
|
|
1128
|
+
var _o = Object.defineProperty, A = (r, e, t, o) => {
|
|
1129
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
1130
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
1131
|
+
return s && _o(e, t, s), s;
|
|
1126
1132
|
};
|
|
1127
1133
|
let mo = 0;
|
|
1128
1134
|
const je = class je extends f {
|
|
@@ -1132,8 +1138,8 @@ const je = class je extends f {
|
|
|
1132
1138
|
const e = this.shadowRoot?.querySelector(
|
|
1133
1139
|
".nys-checkbox__main-container"
|
|
1134
1140
|
), t = this.shadowRoot?.querySelector("input");
|
|
1135
|
-
!e || !t || e.addEventListener("click", (
|
|
1136
|
-
|
|
1141
|
+
!e || !t || e.addEventListener("click", (o) => {
|
|
1142
|
+
o.target.tagName.toLowerCase() !== "input" && (this.disabled || (t.click(), t.focus()));
|
|
1137
1143
|
});
|
|
1138
1144
|
}, this._handleResize = () => {
|
|
1139
1145
|
this.isMobile = window.innerWidth < 480;
|
|
@@ -1176,8 +1182,8 @@ const je = class je extends f {
|
|
|
1176
1182
|
const e = this.shadowRoot?.querySelector("input");
|
|
1177
1183
|
if (!e) return;
|
|
1178
1184
|
const t = e.validity;
|
|
1179
|
-
let
|
|
1180
|
-
t.valueMissing && (
|
|
1185
|
+
let o = "";
|
|
1186
|
+
t.valueMissing && (o = "This field is required"), this._setValidityMessage(o);
|
|
1181
1187
|
}
|
|
1182
1188
|
// Called automatically when the parent form is reset
|
|
1183
1189
|
formResetCallback() {
|
|
@@ -1200,8 +1206,8 @@ const je = class je extends f {
|
|
|
1200
1206
|
e.preventDefault(), this.showError = !0, this._validate();
|
|
1201
1207
|
const t = this.shadowRoot?.querySelector("input");
|
|
1202
1208
|
if (t) {
|
|
1203
|
-
const
|
|
1204
|
-
|
|
1209
|
+
const o = this._internals.form;
|
|
1210
|
+
o ? Array.from(o.elements).find(
|
|
1205
1211
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
1206
1212
|
) === this && t.focus() : t.focus();
|
|
1207
1213
|
}
|
|
@@ -1243,8 +1249,8 @@ const je = class je extends f {
|
|
|
1243
1249
|
}
|
|
1244
1250
|
// Handle checkbox change event
|
|
1245
1251
|
async _handleChange(e) {
|
|
1246
|
-
const { checked: t } = e.target,
|
|
1247
|
-
this.checked = t, this.groupExist || this._internals.setFormValue(this.checked ? this.value : null), this.other &&
|
|
1252
|
+
const { checked: t } = e.target, o = this.checked;
|
|
1253
|
+
this.checked = t, this.groupExist || this._internals.setFormValue(this.checked ? this.value : null), this.other && o && !t && (this.showOtherError = !1, this._hasUserInteracted = !1, this._dispatchClearError()), this._validate(), this._emitChangeEvent();
|
|
1248
1254
|
}
|
|
1249
1255
|
_handleFocus() {
|
|
1250
1256
|
this.dispatchEvent(new Event("nys-focus"));
|
|
@@ -1259,8 +1265,8 @@ const je = class je extends f {
|
|
|
1259
1265
|
e.code === "Space" && (e.preventDefault(), this.disabled || (this.checked = !this.checked, this._internals.setFormValue(this.checked ? this.value : null), await this.updateComplete, this._validate(), this._emitChangeEvent()));
|
|
1260
1266
|
}
|
|
1261
1267
|
_handleTextInput(e) {
|
|
1262
|
-
let
|
|
1263
|
-
this.value =
|
|
1268
|
+
let o = e.target.value;
|
|
1269
|
+
this.value = o, this._hasUserInteracted && this._validateOtherAndEmitError(), this._emitOtherInputEvent();
|
|
1264
1270
|
}
|
|
1265
1271
|
_validateOtherAndEmitError() {
|
|
1266
1272
|
if (!this.other) return;
|
|
@@ -1425,10 +1431,10 @@ A([
|
|
|
1425
1431
|
], E.prototype, "isMobile");
|
|
1426
1432
|
customElements.get("nys-checkbox") || customElements.define("nys-checkbox", E);
|
|
1427
1433
|
const Co = ':host{--_nys-combobox-width: 100%;--_nys-combobox-height: var(--nys-size-500, 40px);--_nys-combobox-border-radius: var(--nys-radius-md, 4px);--_nys-combobox-border-width: var(--nys-border-width-sm, 1px);--_nys-combobox-border-color: var(--nys-color-neutral-400, #909395);--_nys-combobox-color: var(--nys-color-text, var(--nys-color-neutral-900, #1b1b1b));--_nys-combobox-padding: var(--nys-space-100, 8px) var(--nys-space-150, 12px);--_nys-combobox-gap: var(--nys-space-50, 4px);--_nys-combobox-background-color: var(--nys-color-ink-reverse, var(--nys-color-white, #ffffff));--_nys-combobox-outline-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-combobox-outline-width: var(--nys-border-width-sm, 1px);--_nys-combobox-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-combobox-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-combobox-border-color--disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-combobox-color--disabled: var(--nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1));--_nys-combobox-background-color--dropdown: var(--nys-color-ink-reverse, var(--nys-color-white, #ffffff));--_nys-combobox-border-color--dropdown: var(--nys-color-neutral-400, #909395);--_nys-combobox-shadow--dropdown: var(--nys-shadow-lg, 0 4px 8px rgba(0, 0, 0, .1));--_nys-combobox-max-height--dropdown: var(--nys-size-3000, 300px);--_nys-combobox-padding--option: var(--nys-space-100, 8px) var(--nys-space-150, 12px);--_nys-combobox-background-color--option--hover: var(--nys-color-neutral-10, #f6f6f6);--_nys-combobox-background-color--option--active: var(--nys-color-neutral-50, #ededed);--_nys-combobox-background-color--option--disabled: var(--nys-color-white, #ffffff);--_nys-combobox-color--option--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-combobox-background-color--option--selected: var(--nys-theme-weaker, #eff6fb);--_nys-combobox-border-color--option--selected: var(--nys-color-theme-mid, #457aa5);--_nys-combobox-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));--_nys-combobox-font-size: var(--nys-font-size-ui-md, 16px);--_nys-combobox-font-weight: var(--nys-font-weight-regular, 400);--_nys-combobox-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-combobox-letter-spacing: var(--nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px))}:host([width=sm]){--_nys-combobox-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-combobox-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-combobox-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-combobox-width: 100%;flex:1}:host([showError]){--_nys-combobox-border-color: var(--nys-color-danger, #b52c2c)}.nys-combobox{font-weight:var(--_nys-combobox-font-weight);font-family:var(--_nys-combobox-font-family);font-size:var(--_nys-combobox-font-size);line-height:var(--_nys-combobox-line-height);letter-spacing:var(--_nys-combobox-letter-spacing);color:var(--_nys-combobox-color);gap:var(--_nys-combobox-gap);display:flex;flex-direction:column;position:relative}.nys-combobox__container{width:var(--_nys-combobox-width);max-width:100%;position:relative}.nys-combobox__input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--_nys-combobox-background-color);border-radius:var(--_nys-combobox-border-radius)}.nys-combobox__input{color:var(--_nys-combobox-color);border-radius:var(--_nys-combobox-border-radius);border:solid var(--_nys-combobox-border-color) var(--_nys-combobox-border-width);outline-color:transparent;outline-width:var(--_nys-combobox-outline-width);outline-style:solid;padding:var(--_nys-combobox-padding);padding-right:calc(var(--nys-size-400, 32px) + var(--nys-space-100, 8px));width:100%;height:var(--_nys-combobox-height);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:transparent;font:inherit;cursor:text}.nys-combobox__input:not(:placeholder-shown){padding-right:calc(var(--nys-size-400, 32px) * 2 + var(--nys-space-100, 8px))}.nys-combobox__input:hover:not(:disabled):not(:focus):not([readonly]){outline-color:var(--_nys-combobox-outline-color--hover);border-color:var(--_nys-combobox-outline-color--hover)}.nys-combobox__input:focus:not([readonly]){outline-color:var(--_nys-combobox-outline-color--focus);border-color:var(--_nys-combobox-outline-color--focus);caret-color:var(--_nys-combobox-outline-color--focus)}.nys-combobox__input:disabled{background-color:var(--_nys-combobox-background-color--disabled);border-color:var(--_nys-combobox-border-color--disabled);color:var(--_nys-combobox-color--disabled);cursor:not-allowed}.nys-combobox__buttons{display:flex;position:absolute;right:var(--nys-space-150, 12px);gap:var(--nys-space-150, 12px)}.nys-combobox__buttons nys-button{--_nys-button-padding--y: var(--nys-space-50, 4px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-height: var(--nys-size-300, 32px);--_nys-button-width: var(--nys-size-400, 32px)}.nys-combobox__buttons .nys-combobox__chevron{border-inline-start:solid var(--nys-color-neutral-200, #bec0c1) var(--nys-border-width-sm, 1px);padding-inline-start:var(--nys-space-150, 12px)}.nys-combobox__listbox{position:absolute;left:0;right:0;top:calc(100% + var(--nys-space-50, 4px));background-color:var(--_nys-combobox-background-color--dropdown);border:solid var(--_nys-combobox-border-color--dropdown) var(--_nys-combobox-border-width);border-radius:var(--_nys-combobox-border-radius);box-shadow:var(--_nys-combobox-shadow--dropdown);max-height:var(--_nys-combobox-max-height--dropdown);overflow-y:auto;z-index:1000;box-sizing:border-box}.nys-combobox__listbox--above{top:auto;bottom:calc(100% + var(--nys-space-50, 4px))}.nys-combobox__option{padding:var(--_nys-combobox-padding--option);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease;border-bottom:var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-50, #ededed);background-color:var(--_nys-combobox-background-color)}.nys-combobox__option:hover:not([disabled]):not(.nys-combobox__option--selected){background-color:var(--_nys-combobox-background-color--option--hover)}.nys-combobox__option:active:not([disabled]):not(.nys-combobox__option--selected){background-color:var(--_nys-combobox-background-color--option--active)}.nys-combobox__option--selected:not([disabled]){background-color:var(--_nys-combobox-background-color--option--selected);border:var(--_nys-combobox-border-color--option--selected) solid 1px}.nys-combobox__option--focused:not([disabled]):not(:hover){outline:var(--_nys-combobox-outline-color--focus) solid 2px;outline-offset:-2px}.nys-combobox__option[disabled]{background-color:var(--_nys-combobox-background-color--option--disabled);color:var(--_nys-combobox-color--option--disabled);cursor:not-allowed}.nys-combobox__optgroup{padding:var(--nys-space-100, 8px) var(--nys-space-150, 12px);border-bottom:var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-50, #ededed);-webkit-user-select:none;user-select:none;color:var(--nys-color-text);font-family:var(--nys-font-family-ui, "Proxima Nova");font-size:var(--nys-font-size-ui-md, 16px);font-style:normal;font-weight:700;line-height:var(--nys-font-lineheight-ui-md, 24px);letter-spacing:var(--nys-font-letterspacing-ui-md, .044px)}.nys-combobox__optgroup~.nys-combobox__option{padding-left:var(--nys-space-300, 24px)}.nys-combobox__no-results{background-color:var(--_nys-combobox-background-color);padding:var(--_nys-combobox-padding--option);color:var(--_nys-combobox-color);cursor:not-allowed}.nys-combobox__listbox::-webkit-scrollbar{width:var(--nys-space-100, 8px)}.nys-combobox__listbox::-webkit-scrollbar-track{background:var(--nys-color-neutral-50, #eeeeee);border-radius:var(--_nys-combobox-border-radius)}.nys-combobox__listbox::-webkit-scrollbar-thumb{background:var(--nys-color-neutral-300, #a7a9ab);border-radius:var(--_nys-combobox-border-radius)}.nys-combobox__listbox::-webkit-scrollbar-thumb:hover{background:var(--nys-color-neutral-400, #909395)}';
|
|
1428
|
-
var wo = Object.defineProperty, $ = (r, e, t,
|
|
1429
|
-
for (var
|
|
1430
|
-
(i = r[n]) && (
|
|
1431
|
-
return
|
|
1434
|
+
var wo = Object.defineProperty, $ = (r, e, t, o) => {
|
|
1435
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
1436
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
1437
|
+
return s && wo(e, t, s), s;
|
|
1432
1438
|
};
|
|
1433
1439
|
let xo = 0;
|
|
1434
1440
|
const bt = class bt extends f {
|
|
@@ -1450,14 +1456,14 @@ const bt = class bt extends f {
|
|
|
1450
1456
|
);
|
|
1451
1457
|
if (!this.value && e) {
|
|
1452
1458
|
const t = e.assignedElements({ flatten: !0 });
|
|
1453
|
-
for (const
|
|
1454
|
-
if (
|
|
1455
|
-
this.value =
|
|
1459
|
+
for (const o of t)
|
|
1460
|
+
if (o.tagName === "OPTION" && o.selected) {
|
|
1461
|
+
this.value = o.value;
|
|
1456
1462
|
break;
|
|
1457
|
-
} else if (
|
|
1458
|
-
for (const
|
|
1459
|
-
if (
|
|
1460
|
-
this.value =
|
|
1463
|
+
} else if (o.tagName === "OPTGROUP") {
|
|
1464
|
+
for (const s of o.children)
|
|
1465
|
+
if (s.tagName === "OPTION" && s.selected) {
|
|
1466
|
+
this.value = s.value;
|
|
1461
1467
|
break;
|
|
1462
1468
|
}
|
|
1463
1469
|
if (this.value) break;
|
|
@@ -1467,7 +1473,7 @@ const bt = class bt extends f {
|
|
|
1467
1473
|
}
|
|
1468
1474
|
updated(e) {
|
|
1469
1475
|
if (e.has("value")) {
|
|
1470
|
-
const t = this._options.find((
|
|
1476
|
+
const t = this._options.find((o) => o.value === this.value);
|
|
1471
1477
|
this._selectedLabel = t ? t.label : "", this._filterText = this._selectedLabel;
|
|
1472
1478
|
}
|
|
1473
1479
|
e.has("_isOpen") && this._isOpen && (this._positionDropdown(), this.updateComplete.then(() => {
|
|
@@ -1483,21 +1489,21 @@ const bt = class bt extends f {
|
|
|
1483
1489
|
'slot:not([name="description"])'
|
|
1484
1490
|
);
|
|
1485
1491
|
if (!e) return;
|
|
1486
|
-
const t = e.assignedElements({ flatten: !0 }),
|
|
1487
|
-
if (t.forEach((
|
|
1488
|
-
if (
|
|
1489
|
-
const n =
|
|
1490
|
-
|
|
1492
|
+
const t = e.assignedElements({ flatten: !0 }), o = [];
|
|
1493
|
+
if (t.forEach((s) => {
|
|
1494
|
+
if (s.tagName === "OPTION") {
|
|
1495
|
+
const n = s;
|
|
1496
|
+
o.push({
|
|
1491
1497
|
value: n.value,
|
|
1492
1498
|
label: n.textContent?.trim() || n.value,
|
|
1493
1499
|
disabled: n.disabled
|
|
1494
1500
|
});
|
|
1495
|
-
} else if (
|
|
1496
|
-
const n =
|
|
1501
|
+
} else if (s.tagName === "OPTGROUP") {
|
|
1502
|
+
const n = s, i = n.label;
|
|
1497
1503
|
Array.from(n.children).forEach((l) => {
|
|
1498
1504
|
if (l.tagName === "OPTION") {
|
|
1499
1505
|
const c = l;
|
|
1500
|
-
|
|
1506
|
+
o.push({
|
|
1501
1507
|
value: c.value,
|
|
1502
1508
|
label: c.textContent?.trim() || c.value,
|
|
1503
1509
|
disabled: c.disabled || n.disabled,
|
|
@@ -1506,9 +1512,9 @@ const bt = class bt extends f {
|
|
|
1506
1512
|
}
|
|
1507
1513
|
});
|
|
1508
1514
|
}
|
|
1509
|
-
}), this._options =
|
|
1510
|
-
const
|
|
1511
|
-
|
|
1515
|
+
}), this._options = o, this._filteredOptions = o, this.value) {
|
|
1516
|
+
const s = this._options.find((n) => n.value === this.value);
|
|
1517
|
+
s && (this._selectedLabel = s.label, this._filterText = s.label);
|
|
1512
1518
|
}
|
|
1513
1519
|
}
|
|
1514
1520
|
/**
|
|
@@ -1553,8 +1559,8 @@ const bt = class bt extends f {
|
|
|
1553
1559
|
*/
|
|
1554
1560
|
_positionDropdown() {
|
|
1555
1561
|
if (!this._listbox || !this._input) return;
|
|
1556
|
-
const e = this._input.getBoundingClientRect(), t = this._listbox.offsetHeight,
|
|
1557
|
-
this._dropdownAbove =
|
|
1562
|
+
const e = this._input.getBoundingClientRect(), t = this._listbox.offsetHeight, s = window.innerHeight - e.bottom, n = e.top;
|
|
1563
|
+
this._dropdownAbove = s < t && n > s;
|
|
1558
1564
|
}
|
|
1559
1565
|
/**
|
|
1560
1566
|
* Filtering
|
|
@@ -1567,7 +1573,7 @@ const bt = class bt extends f {
|
|
|
1567
1573
|
}
|
|
1568
1574
|
const t = e.toLowerCase();
|
|
1569
1575
|
this._filteredOptions = this._options.filter(
|
|
1570
|
-
(
|
|
1576
|
+
(o) => o.label.toLowerCase().includes(t)
|
|
1571
1577
|
);
|
|
1572
1578
|
}
|
|
1573
1579
|
/**
|
|
@@ -1602,14 +1608,14 @@ const bt = class bt extends f {
|
|
|
1602
1608
|
}
|
|
1603
1609
|
_moveHighlight(e) {
|
|
1604
1610
|
if (this._filteredOptions.filter((p) => !p.disabled).length === 0) return;
|
|
1605
|
-
let
|
|
1606
|
-
for (
|
|
1607
|
-
|
|
1608
|
-
this._highlightedIndex =
|
|
1609
|
-
const
|
|
1611
|
+
let o = this._highlightedIndex + e;
|
|
1612
|
+
for (o < 0 ? o = this._filteredOptions.length - 1 : o >= this._filteredOptions.length && (o = 0); this._filteredOptions[o]?.disabled; )
|
|
1613
|
+
o += e, o < 0 && (o = this._filteredOptions.length - 1), o >= this._filteredOptions.length && (o = 0);
|
|
1614
|
+
this._highlightedIndex = o, this._scrollToHighlighted();
|
|
1615
|
+
const s = this._filteredOptions[o], n = this._filteredOptions[o - e], i = this._filteredOptions.filter(
|
|
1610
1616
|
(p) => !p.disabled
|
|
1611
|
-
), l = i.findIndex((p) => p.value ===
|
|
1612
|
-
this._announcement = `${u} ${
|
|
1617
|
+
), l = i.findIndex((p) => p.value === s.value) + 1, c = s.value === this.value ? "selected" : "unselected", u = s.group && s.group !== n?.group ? `${s.group}, ` : "";
|
|
1618
|
+
this._announcement = `${u} ${s.label} ${l} of ${i.length}, ${c}`;
|
|
1613
1619
|
}
|
|
1614
1620
|
/**
|
|
1615
1621
|
* Event Handlers
|
|
@@ -1618,8 +1624,8 @@ const bt = class bt extends f {
|
|
|
1618
1624
|
_handleInput(e) {
|
|
1619
1625
|
const t = e.target;
|
|
1620
1626
|
this._filterText = t.value, this._filterOptions(this._filterText), this._isOpen || this._openDropdown(), this._highlightedIndex = 0;
|
|
1621
|
-
const
|
|
1622
|
-
this._announcement =
|
|
1627
|
+
const o = this._filteredOptions.filter((s) => !s.disabled).length;
|
|
1628
|
+
this._announcement = o > 0 ? `${o} options available` : "No results found", this._hasUserInteracted && this._validate(), this.dispatchEvent(
|
|
1623
1629
|
new CustomEvent("nys-input", {
|
|
1624
1630
|
detail: { id: this.id, value: this._filterText },
|
|
1625
1631
|
bubbles: !0,
|
|
@@ -1628,11 +1634,15 @@ const bt = class bt extends f {
|
|
|
1628
1634
|
);
|
|
1629
1635
|
}
|
|
1630
1636
|
_handleFocus() {
|
|
1631
|
-
this.dispatchEvent(
|
|
1637
|
+
this.dispatchEvent(
|
|
1638
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
1639
|
+
);
|
|
1632
1640
|
}
|
|
1633
1641
|
_handleBlur(e) {
|
|
1634
1642
|
const t = e.relatedTarget;
|
|
1635
|
-
t && this._listbox?.contains(t) || ((!this.value || this._filterText !== this._selectedLabel) && (this._filterText = this._selectedLabel, this._filterOptions("")), this._closeDropdown(), this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
|
|
1643
|
+
t && this._listbox?.contains(t) || ((!this.value || this._filterText !== this._selectedLabel) && (this._filterText = this._selectedLabel, this._filterOptions("")), this._closeDropdown(), this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
|
|
1644
|
+
new Event("nys-blur", { bubbles: !0, composed: !0 })
|
|
1645
|
+
));
|
|
1636
1646
|
}
|
|
1637
1647
|
_handleIconClick() {
|
|
1638
1648
|
this.disabled || (this._isOpen ? this._closeDropdown() : (this._input.focus(), this._openDropdown()));
|
|
@@ -1673,26 +1683,26 @@ const bt = class bt extends f {
|
|
|
1673
1683
|
_renderOptions() {
|
|
1674
1684
|
let e = "";
|
|
1675
1685
|
const t = [];
|
|
1676
|
-
return this._filteredOptions.forEach((
|
|
1677
|
-
|
|
1686
|
+
return this._filteredOptions.forEach((o, s) => {
|
|
1687
|
+
o.group && o.group !== e && (e = o.group, t.push(d`
|
|
1678
1688
|
<div class="nys-combobox__optgroup" role="presentation">
|
|
1679
|
-
${
|
|
1689
|
+
${o.group}
|
|
1680
1690
|
</div>
|
|
1681
1691
|
`));
|
|
1682
|
-
const n =
|
|
1692
|
+
const n = s === this._highlightedIndex, i = o.value === this.value;
|
|
1683
1693
|
t.push(d`
|
|
1684
1694
|
<div
|
|
1685
1695
|
class="nys-combobox__option ${n ? "nys-combobox__option--focused" : ""} ${i ? "nys-combobox__option--selected" : ""}"
|
|
1686
1696
|
role="option"
|
|
1687
|
-
id="${this.id}--option-${
|
|
1688
|
-
data-index="${
|
|
1697
|
+
id="${this.id}--option-${s}"
|
|
1698
|
+
data-index="${s}"
|
|
1689
1699
|
aria-selected="${i}"
|
|
1690
|
-
aria-disabled="${
|
|
1691
|
-
?disabled=${
|
|
1692
|
-
@click=${() => this._handleOptionClick(
|
|
1693
|
-
@mouseenter=${() => this._handleOptionMouseEnter(
|
|
1700
|
+
aria-disabled="${o.disabled || !1}"
|
|
1701
|
+
?disabled=${o.disabled}
|
|
1702
|
+
@click=${() => this._handleOptionClick(o)}
|
|
1703
|
+
@mouseenter=${() => this._handleOptionMouseEnter(s)}
|
|
1694
1704
|
>
|
|
1695
|
-
${
|
|
1705
|
+
${o.label}
|
|
1696
1706
|
</div>
|
|
1697
1707
|
`);
|
|
1698
1708
|
}), t.length === 0 ? d`
|
|
@@ -1967,17 +1977,17 @@ let Be, ks, wt, $s = !1, ht = !1, zt = !1, W = !1, rs = null, Et = !1;
|
|
|
1967
1977
|
const Ee = (r, e = "") => () => {
|
|
1968
1978
|
}, ns = "http://www.w3.org/1999/xlink", is = {}, $o = "http://www.w3.org/2000/svg", Eo = "http://www.w3.org/1999/xhtml", So = (r) => r != null, Bt = (r) => (r = typeof r, r === "object" || r === "function");
|
|
1969
1979
|
function Lo(r) {
|
|
1970
|
-
var e, t,
|
|
1971
|
-
return (
|
|
1980
|
+
var e, t, o;
|
|
1981
|
+
return (o = (t = (e = r.head) === null || e === void 0 ? void 0 : e.querySelector('meta[name="csp-nonce"]')) === null || t === void 0 ? void 0 : t.getAttribute("content")) !== null && o !== void 0 ? o : void 0;
|
|
1972
1982
|
}
|
|
1973
1983
|
const b = (r, e, ...t) => {
|
|
1974
|
-
let
|
|
1984
|
+
let o = null, s = null, n = null, i = !1, l = !1;
|
|
1975
1985
|
const c = [], h = (p) => {
|
|
1976
1986
|
for (let v = 0; v < p.length; v++)
|
|
1977
|
-
|
|
1987
|
+
o = p[v], Array.isArray(o) ? h(o) : o != null && typeof o != "boolean" && ((i = typeof r != "function" && !Bt(o)) && (o = String(o)), i && l ? c[c.length - 1].$text$ += o : c.push(i ? ut(null, o) : o), l = i);
|
|
1978
1988
|
};
|
|
1979
1989
|
if (h(t), e) {
|
|
1980
|
-
e.key && (
|
|
1990
|
+
e.key && (s = e.key), e.name && (n = e.name);
|
|
1981
1991
|
{
|
|
1982
1992
|
const p = e.className || e.class;
|
|
1983
1993
|
p && (e.class = typeof p != "object" ? p : Object.keys(p).filter((v) => p[v]).join(" "));
|
|
@@ -1986,7 +1996,7 @@ const b = (r, e, ...t) => {
|
|
|
1986
1996
|
if (typeof r == "function")
|
|
1987
1997
|
return r(e === null ? {} : e, c, Mo);
|
|
1988
1998
|
const u = ut(r, null);
|
|
1989
|
-
return u.$attrs$ = e, c.length > 0 && (u.$children$ = c), u.$key$ =
|
|
1999
|
+
return u.$attrs$ = e, c.length > 0 && (u.$children$ = c), u.$key$ = s, u.$name$ = n, u;
|
|
1990
2000
|
}, ut = (r, e) => {
|
|
1991
2001
|
const t = {
|
|
1992
2002
|
$flags$: 0,
|
|
@@ -2014,23 +2024,23 @@ const b = (r, e, ...t) => {
|
|
|
2014
2024
|
const e = ut(r.vtag, r.vtext);
|
|
2015
2025
|
return e.$attrs$ = r.vattrs, e.$children$ = r.vchildren, e.$key$ = r.vkey, e.$name$ = r.vname, e;
|
|
2016
2026
|
}, Bo = (r) => ir.map((e) => e(r)).find((e) => !!e), Ao = (r, e) => r != null && !Bt(r) ? e & 4 ? r === "false" ? !1 : r === "" || !!r : e & 2 ? parseFloat(r) : e & 1 ? String(r) : r : r, Vo = (r) => r, ls = (r, e, t) => {
|
|
2017
|
-
const
|
|
2027
|
+
const o = Vo(r);
|
|
2018
2028
|
return {
|
|
2019
|
-
emit: (
|
|
2029
|
+
emit: (s) => Oo(o, e, {
|
|
2020
2030
|
bubbles: !0,
|
|
2021
2031
|
composed: !0,
|
|
2022
2032
|
cancelable: !0,
|
|
2023
|
-
detail:
|
|
2033
|
+
detail: s
|
|
2024
2034
|
})
|
|
2025
2035
|
};
|
|
2026
2036
|
}, Oo = (r, e, t) => {
|
|
2027
|
-
const
|
|
2028
|
-
return r.dispatchEvent(
|
|
2037
|
+
const o = R.ce(e, t);
|
|
2038
|
+
return r.dispatchEvent(o), o;
|
|
2029
2039
|
}, cs = /* @__PURE__ */ new WeakMap(), Io = (r, e, t) => {
|
|
2030
|
-
let
|
|
2031
|
-
dr && t ? (
|
|
2032
|
-
}, Ho = (r, e, t,
|
|
2033
|
-
var
|
|
2040
|
+
let o = yt.get(r);
|
|
2041
|
+
dr && t ? (o = o || new CSSStyleSheet(), typeof o == "string" ? o = e : o.replaceSync(e)) : o = e, yt.set(r, o);
|
|
2042
|
+
}, Ho = (r, e, t, o) => {
|
|
2043
|
+
var s;
|
|
2034
2044
|
let n = Ss(e, t);
|
|
2035
2045
|
const i = yt.get(n);
|
|
2036
2046
|
if (r = r.nodeType === 11 ? r : J, i)
|
|
@@ -2040,7 +2050,7 @@ const b = (r, e, ...t) => {
|
|
|
2040
2050
|
if (l || cs.set(r, l = /* @__PURE__ */ new Set()), !l.has(n)) {
|
|
2041
2051
|
{
|
|
2042
2052
|
c = J.createElement("style"), c.innerHTML = i;
|
|
2043
|
-
const h = (
|
|
2053
|
+
const h = (s = R.$nonce$) !== null && s !== void 0 ? s : Lo(J);
|
|
2044
2054
|
h != null && c.setAttribute("nonce", h), r.insertBefore(c, r.querySelector("link"));
|
|
2045
2055
|
}
|
|
2046
2056
|
l && l.add(n);
|
|
@@ -2048,120 +2058,120 @@ const b = (r, e, ...t) => {
|
|
|
2048
2058
|
} else r.adoptedStyleSheets.includes(i) || (r.adoptedStyleSheets = [...r.adoptedStyleSheets, i]);
|
|
2049
2059
|
return n;
|
|
2050
2060
|
}, qo = (r) => {
|
|
2051
|
-
const e = r.$cmpMeta$, t = r.$hostElement$,
|
|
2052
|
-
|
|
2053
|
-
}, Ss = (r, e) => "sc-" + (e && r.$flags$ & 32 ? r.$tagName$ + "-" + e : r.$tagName$), ds = (r, e, t,
|
|
2054
|
-
if (t !==
|
|
2061
|
+
const e = r.$cmpMeta$, t = r.$hostElement$, o = e.$flags$, s = Ee("attachStyles", e.$tagName$), n = Ho(t.shadowRoot ? t.shadowRoot : t.getRootNode(), e, r.$modeName$);
|
|
2062
|
+
o & 10 && (t["s-sc"] = n, t.classList.add(n + "-h"), o & 2 && t.classList.add(n + "-s")), s();
|
|
2063
|
+
}, Ss = (r, e) => "sc-" + (e && r.$flags$ & 32 ? r.$tagName$ + "-" + e : r.$tagName$), ds = (r, e, t, o, s, n) => {
|
|
2064
|
+
if (t !== o) {
|
|
2055
2065
|
let i = ys(r, e), l = e.toLowerCase();
|
|
2056
2066
|
if (e === "class") {
|
|
2057
|
-
const c = r.classList, h = hs(t), u = hs(
|
|
2067
|
+
const c = r.classList, h = hs(t), u = hs(o);
|
|
2058
2068
|
c.remove(...h.filter((p) => p && !u.includes(p))), c.add(...u.filter((p) => p && !h.includes(p)));
|
|
2059
2069
|
} else if (e === "style") {
|
|
2060
2070
|
for (const c in t)
|
|
2061
|
-
(!
|
|
2062
|
-
for (const c in
|
|
2063
|
-
(!t ||
|
|
2071
|
+
(!o || o[c] == null) && (c.includes("-") ? r.style.removeProperty(c) : r.style[c] = "");
|
|
2072
|
+
for (const c in o)
|
|
2073
|
+
(!t || o[c] !== t[c]) && (c.includes("-") ? r.style.setProperty(c, o[c]) : r.style[c] = o[c]);
|
|
2064
2074
|
} else if (e !== "key")
|
|
2065
2075
|
if (e === "ref")
|
|
2066
|
-
|
|
2076
|
+
o && o(r);
|
|
2067
2077
|
else if (!r.__lookupSetter__(e) && e[0] === "o" && e[1] === "n")
|
|
2068
|
-
e[2] === "-" ? e = e.slice(3) : ys(kt, l) ? e = l.slice(2) : e = l[2] + e.slice(3), t && R.rel(r, e, t, !1),
|
|
2078
|
+
e[2] === "-" ? e = e.slice(3) : ys(kt, l) ? e = l.slice(2) : e = l[2] + e.slice(3), t && R.rel(r, e, t, !1), o && R.ael(r, e, o, !1);
|
|
2069
2079
|
else {
|
|
2070
|
-
const c = Bt(
|
|
2071
|
-
if ((i || c &&
|
|
2080
|
+
const c = Bt(o);
|
|
2081
|
+
if ((i || c && o !== null) && !s)
|
|
2072
2082
|
try {
|
|
2073
2083
|
if (r.tagName.includes("-"))
|
|
2074
|
-
r[e] =
|
|
2084
|
+
r[e] = o;
|
|
2075
2085
|
else {
|
|
2076
|
-
const u =
|
|
2086
|
+
const u = o ?? "";
|
|
2077
2087
|
e === "list" ? i = !1 : (t == null || r[e] != u) && (r[e] = u);
|
|
2078
2088
|
}
|
|
2079
2089
|
} catch {
|
|
2080
2090
|
}
|
|
2081
2091
|
let h = !1;
|
|
2082
|
-
l !== (l = l.replace(/^xlink\:?/, "")) && (e = l, h = !0),
|
|
2092
|
+
l !== (l = l.replace(/^xlink\:?/, "")) && (e = l, h = !0), o == null || o === !1 ? (o !== !1 || r.getAttribute(e) === "") && (h ? r.removeAttributeNS(ns, e) : r.removeAttribute(e)) : (!i || n & 4 || s) && !c && (o = o === !0 ? "" : o, h ? r.setAttributeNS(ns, e, o) : r.setAttribute(e, o));
|
|
2083
2093
|
}
|
|
2084
2094
|
}
|
|
2085
|
-
}, Ro = /\s/, hs = (r) => r ? r.split(Ro) : [], Ls = (r, e, t,
|
|
2086
|
-
const
|
|
2087
|
-
for (
|
|
2088
|
-
|
|
2089
|
-
for (
|
|
2090
|
-
ds(
|
|
2091
|
-
}, pt = (r, e, t,
|
|
2092
|
-
const
|
|
2095
|
+
}, Ro = /\s/, hs = (r) => r ? r.split(Ro) : [], Ls = (r, e, t, o) => {
|
|
2096
|
+
const s = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, n = r && r.$attrs$ || is, i = e.$attrs$ || is;
|
|
2097
|
+
for (o in n)
|
|
2098
|
+
o in i || ds(s, o, n[o], void 0, t, e.$flags$);
|
|
2099
|
+
for (o in i)
|
|
2100
|
+
ds(s, o, n[o], i[o], t, e.$flags$);
|
|
2101
|
+
}, pt = (r, e, t, o) => {
|
|
2102
|
+
const s = e.$children$[t];
|
|
2093
2103
|
let n = 0, i, l, c;
|
|
2094
|
-
if ($s || (zt = !0,
|
|
2104
|
+
if ($s || (zt = !0, s.$tag$ === "slot" && (Be && o.classList.add(Be + "-s"), s.$flags$ |= s.$children$ ? (
|
|
2095
2105
|
// slot element has fallback content
|
|
2096
2106
|
2
|
|
2097
2107
|
) : (
|
|
2098
2108
|
// slot element does not have fallback content
|
|
2099
2109
|
1
|
|
2100
|
-
))),
|
|
2101
|
-
i =
|
|
2102
|
-
else if (
|
|
2103
|
-
i =
|
|
2110
|
+
))), s.$text$ !== null)
|
|
2111
|
+
i = s.$elm$ = J.createTextNode(s.$text$);
|
|
2112
|
+
else if (s.$flags$ & 1)
|
|
2113
|
+
i = s.$elm$ = J.createTextNode("");
|
|
2104
2114
|
else {
|
|
2105
|
-
if (W || (W =
|
|
2106
|
-
for (n = 0; n <
|
|
2107
|
-
l = pt(r,
|
|
2108
|
-
|
|
2115
|
+
if (W || (W = s.$tag$ === "svg"), i = s.$elm$ = J.createElementNS(W ? $o : Eo, s.$flags$ & 2 ? "slot-fb" : s.$tag$), W && s.$tag$ === "foreignObject" && (W = !1), Ls(null, s, W), So(Be) && i["s-si"] !== Be && i.classList.add(i["s-si"] = Be), s.$children$)
|
|
2116
|
+
for (n = 0; n < s.$children$.length; ++n)
|
|
2117
|
+
l = pt(r, s, n, i), l && i.appendChild(l);
|
|
2118
|
+
s.$tag$ === "svg" ? W = !1 : i.tagName === "foreignObject" && (W = !0);
|
|
2109
2119
|
}
|
|
2110
|
-
return i["s-hn"] = wt,
|
|
2120
|
+
return i["s-hn"] = wt, s.$flags$ & 3 && (i["s-sr"] = !0, i["s-cr"] = ks, i["s-sn"] = s.$name$ || "", c = r && r.$children$ && r.$children$[t], c && c.$tag$ === s.$tag$ && r.$elm$ && Je(r.$elm$, !1)), i;
|
|
2111
2121
|
}, Je = (r, e) => {
|
|
2112
2122
|
R.$flags$ |= 1;
|
|
2113
2123
|
const t = r.childNodes;
|
|
2114
|
-
for (let
|
|
2115
|
-
const
|
|
2116
|
-
|
|
2124
|
+
for (let o = t.length - 1; o >= 0; o--) {
|
|
2125
|
+
const s = t[o];
|
|
2126
|
+
s["s-hn"] !== wt && s["s-ol"] && (zs(s).insertBefore(s, At(s)), s["s-ol"].remove(), s["s-ol"] = void 0, zt = !0), e && Je(s, e);
|
|
2117
2127
|
}
|
|
2118
2128
|
R.$flags$ &= -2;
|
|
2119
|
-
}, Ds = (r, e, t,
|
|
2129
|
+
}, Ds = (r, e, t, o, s, n) => {
|
|
2120
2130
|
let i = r["s-cr"] && r["s-cr"].parentNode || r, l;
|
|
2121
|
-
for (i.shadowRoot && i.tagName === wt && (i = i.shadowRoot);
|
|
2122
|
-
s
|
|
2123
|
-
}, Ms = (r, e, t,
|
|
2131
|
+
for (i.shadowRoot && i.tagName === wt && (i = i.shadowRoot); s <= n; ++s)
|
|
2132
|
+
o[s] && (l = pt(null, t, s, r), l && (o[s].$elm$ = l, i.insertBefore(l, At(e))));
|
|
2133
|
+
}, Ms = (r, e, t, o, s) => {
|
|
2124
2134
|
for (; e <= t; ++e)
|
|
2125
|
-
(
|
|
2126
|
-
}, Po = (r, e, t,
|
|
2127
|
-
let
|
|
2128
|
-
for (;
|
|
2135
|
+
(o = r[e]) && (s = o.$elm$, Vs(o), ht = !0, s["s-ol"] ? s["s-ol"].remove() : Je(s, !0), s.remove());
|
|
2136
|
+
}, Po = (r, e, t, o) => {
|
|
2137
|
+
let s = 0, n = 0, i = 0, l = 0, c = e.length - 1, h = e[0], u = e[c], p = o.length - 1, v = o[0], M = o[p], G, pe;
|
|
2138
|
+
for (; s <= c && n <= p; )
|
|
2129
2139
|
if (h == null)
|
|
2130
|
-
h = e[++
|
|
2140
|
+
h = e[++s];
|
|
2131
2141
|
else if (u == null)
|
|
2132
2142
|
u = e[--c];
|
|
2133
2143
|
else if (v == null)
|
|
2134
|
-
v =
|
|
2144
|
+
v = o[++n];
|
|
2135
2145
|
else if (M == null)
|
|
2136
|
-
M =
|
|
2146
|
+
M = o[--p];
|
|
2137
2147
|
else if (at(h, v))
|
|
2138
|
-
Ae(h, v), h = e[++
|
|
2148
|
+
Ae(h, v), h = e[++s], v = o[++n];
|
|
2139
2149
|
else if (at(u, M))
|
|
2140
|
-
Ae(u, M), u = e[--c], M =
|
|
2150
|
+
Ae(u, M), u = e[--c], M = o[--p];
|
|
2141
2151
|
else if (at(h, M))
|
|
2142
|
-
(h.$tag$ === "slot" || M.$tag$ === "slot") && Je(h.$elm$.parentNode, !1), Ae(h, M), r.insertBefore(h.$elm$, u.$elm$.nextSibling), h = e[++
|
|
2152
|
+
(h.$tag$ === "slot" || M.$tag$ === "slot") && Je(h.$elm$.parentNode, !1), Ae(h, M), r.insertBefore(h.$elm$, u.$elm$.nextSibling), h = e[++s], M = o[--p];
|
|
2143
2153
|
else if (at(u, v))
|
|
2144
|
-
(h.$tag$ === "slot" || M.$tag$ === "slot") && Je(u.$elm$.parentNode, !1), Ae(u, v), r.insertBefore(u.$elm$, h.$elm$), u = e[--c], v =
|
|
2154
|
+
(h.$tag$ === "slot" || M.$tag$ === "slot") && Je(u.$elm$.parentNode, !1), Ae(u, v), r.insertBefore(u.$elm$, h.$elm$), u = e[--c], v = o[++n];
|
|
2145
2155
|
else {
|
|
2146
|
-
for (i = -1, l =
|
|
2156
|
+
for (i = -1, l = s; l <= c; ++l)
|
|
2147
2157
|
if (e[l] && e[l].$key$ !== null && e[l].$key$ === v.$key$) {
|
|
2148
2158
|
i = l;
|
|
2149
2159
|
break;
|
|
2150
2160
|
}
|
|
2151
|
-
i >= 0 ? (pe = e[i], pe.$tag$ !== v.$tag$ ? G = pt(e && e[n], t, i, r) : (Ae(pe, v), e[i] = void 0, G = pe.$elm$), v =
|
|
2161
|
+
i >= 0 ? (pe = e[i], pe.$tag$ !== v.$tag$ ? G = pt(e && e[n], t, i, r) : (Ae(pe, v), e[i] = void 0, G = pe.$elm$), v = o[++n]) : (G = pt(e && e[n], t, n, r), v = o[++n]), G && zs(h.$elm$).insertBefore(G, At(h.$elm$));
|
|
2152
2162
|
}
|
|
2153
|
-
|
|
2163
|
+
s > c ? Ds(r, o[p + 1] == null ? null : o[p + 1].$elm$, t, o, n, p) : n > p && Ms(e, s, c);
|
|
2154
2164
|
}, at = (r, e) => r.$tag$ === e.$tag$ ? r.$tag$ === "slot" ? r.$name$ === e.$name$ : r.$key$ === e.$key$ : !1, At = (r) => r && r["s-ol"] || r, zs = (r) => (r["s-ol"] ? r["s-ol"] : r).parentNode, Ae = (r, e) => {
|
|
2155
|
-
const t = e.$elm$ = r.$elm$,
|
|
2165
|
+
const t = e.$elm$ = r.$elm$, o = r.$children$, s = e.$children$, n = e.$tag$, i = e.$text$;
|
|
2156
2166
|
let l;
|
|
2157
|
-
i === null ? (W = n === "svg" ? !0 : n === "foreignObject" ? !1 : W, n === "slot" || Ls(r, e, W),
|
|
2167
|
+
i === null ? (W = n === "svg" ? !0 : n === "foreignObject" ? !1 : W, n === "slot" || Ls(r, e, W), o !== null && s !== null ? Po(t, o, e, s) : s !== null ? (r.$text$ !== null && (t.textContent = ""), Ds(t, null, e, s, 0, s.length - 1)) : o !== null && Ms(o, 0, o.length - 1), W && n === "svg" && (W = !1)) : (l = t["s-cr"]) ? l.parentNode.textContent = i : r.$text$ !== i && (t.data = i);
|
|
2158
2168
|
}, Bs = (r) => {
|
|
2159
2169
|
const e = r.childNodes;
|
|
2160
|
-
let t,
|
|
2161
|
-
for (
|
|
2162
|
-
if (t = e[
|
|
2170
|
+
let t, o, s, n, i, l;
|
|
2171
|
+
for (o = 0, s = e.length; o < s; o++)
|
|
2172
|
+
if (t = e[o], t.nodeType === 1) {
|
|
2163
2173
|
if (t["s-sr"]) {
|
|
2164
|
-
for (i = t["s-sn"], t.hidden = !1, n = 0; n <
|
|
2174
|
+
for (i = t["s-sn"], t.hidden = !1, n = 0; n < s; n++)
|
|
2165
2175
|
if (l = e[n].nodeType, e[n]["s-hn"] !== t["s-hn"] || i !== "") {
|
|
2166
2176
|
if (l === 1 && i === e[n].getAttribute("slot")) {
|
|
2167
2177
|
t.hidden = !0;
|
|
@@ -2175,12 +2185,12 @@ const b = (r, e, ...t) => {
|
|
|
2175
2185
|
Bs(t);
|
|
2176
2186
|
}
|
|
2177
2187
|
}, X = [], As = (r) => {
|
|
2178
|
-
let e, t,
|
|
2188
|
+
let e, t, o, s, n, i, l = 0;
|
|
2179
2189
|
const c = r.childNodes, h = c.length;
|
|
2180
2190
|
for (; l < h; l++) {
|
|
2181
2191
|
if (e = c[l], e["s-sr"] && (t = e["s-cr"]) && t.parentNode)
|
|
2182
|
-
for (
|
|
2183
|
-
t =
|
|
2192
|
+
for (o = t.parentNode.childNodes, s = e["s-sn"], i = o.length - 1; i >= 0; i--)
|
|
2193
|
+
t = o[i], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== e["s-hn"] && (us(t, s) ? (n = X.find((u) => u.$nodeToRelocate$ === t), ht = !0, t["s-sn"] = t["s-sn"] || s, n ? n.$slotRefNode$ = e : X.push({
|
|
2184
2194
|
$slotRefNode$: e,
|
|
2185
2195
|
$nodeToRelocate$: t
|
|
2186
2196
|
}), t["s-sr"] && X.map((u) => {
|
|
@@ -2193,8 +2203,8 @@ const b = (r, e, ...t) => {
|
|
|
2193
2203
|
}, us = (r, e) => r.nodeType === 1 ? r.getAttribute("slot") === null && e === "" || r.getAttribute("slot") === e : r["s-sn"] === e ? !0 : e === "", Vs = (r) => {
|
|
2194
2204
|
r.$attrs$ && r.$attrs$.ref && r.$attrs$.ref(null), r.$children$ && r.$children$.map(Vs);
|
|
2195
2205
|
}, Uo = (r, e) => {
|
|
2196
|
-
const t = r.$hostElement$,
|
|
2197
|
-
wt = t.tagName,
|
|
2206
|
+
const t = r.$hostElement$, o = r.$cmpMeta$, s = r.$vnode$ || ut(null, null), n = Do(e) ? e : b(null, null, e);
|
|
2207
|
+
wt = t.tagName, o.$attrsToReflect$ && (n.$attrs$ = n.$attrs$ || {}, o.$attrsToReflect$.map(([i, l]) => n.$attrs$[l] = t[i])), n.$tag$ = null, n.$flags$ |= 4, r.$vnode$ = n, n.$elm$ = s.$elm$ = t.shadowRoot || t, Be = t["s-sc"], ks = t["s-cr"], $s = (o.$flags$ & 1) !== 0, ht = !1, Ae(s, n);
|
|
2198
2208
|
{
|
|
2199
2209
|
if (R.$flags$ |= 1, zt) {
|
|
2200
2210
|
As(n.$elm$);
|
|
@@ -2216,14 +2226,14 @@ const b = (r, e, ...t) => {
|
|
|
2216
2226
|
}
|
|
2217
2227
|
}, To = (r, e) => {
|
|
2218
2228
|
}, Os = (r, e) => (r.$flags$ |= 16, To(r, r.$ancestorComponent$), pr(() => Zo(r, e))), Zo = (r, e) => {
|
|
2219
|
-
const t = r.$hostElement$,
|
|
2229
|
+
const t = r.$hostElement$, o = Ee("scheduleUpdate", r.$cmpMeta$.$tagName$), s = t;
|
|
2220
2230
|
let n;
|
|
2221
|
-
return e ? n = Ve(
|
|
2231
|
+
return e ? n = Ve(s, "componentWillLoad") : n = Ve(s, "componentWillUpdate"), n = ps(n, () => Ve(s, "componentWillRender")), o(), ps(n, () => Fo(r, s, e));
|
|
2222
2232
|
}, Fo = async (r, e, t) => {
|
|
2223
|
-
const
|
|
2224
|
-
|
|
2233
|
+
const o = r.$hostElement$, s = Ee("update", r.$cmpMeta$.$tagName$);
|
|
2234
|
+
o["s-rc"], t && qo(r);
|
|
2225
2235
|
const n = Ee("render", r.$cmpMeta$.$tagName$);
|
|
2226
|
-
No(r, e,
|
|
2236
|
+
No(r, e, o), n(), s(), jo(r);
|
|
2227
2237
|
}, No = (r, e, t) => {
|
|
2228
2238
|
try {
|
|
2229
2239
|
rs = e, e = e.render && e.render(), r.$flags$ &= -17, r.$flags$ |= 2, (ze.hasRenderFn || ze.reflect) && (ze.vdomRender || ze.reflect) && (ze.hydrateServerSide || Uo(r, e));
|
|
@@ -2232,24 +2242,24 @@ const b = (r, e, ...t) => {
|
|
|
2232
2242
|
}
|
|
2233
2243
|
return rs = null, null;
|
|
2234
2244
|
}, jo = (r) => {
|
|
2235
|
-
const e = r.$cmpMeta$.$tagName$, t = r.$hostElement$,
|
|
2236
|
-
r.$ancestorComponent$, Ve(
|
|
2245
|
+
const e = r.$cmpMeta$.$tagName$, t = r.$hostElement$, o = Ee("postUpdate", e), s = t;
|
|
2246
|
+
r.$ancestorComponent$, Ve(s, "componentDidRender"), r.$flags$ & 64 ? (Ve(s, "componentDidUpdate"), o()) : (r.$flags$ |= 64, Ve(s, "componentDidLoad"), o());
|
|
2237
2247
|
}, Ve = (r, e, t) => {
|
|
2238
2248
|
if (r && r[e])
|
|
2239
2249
|
try {
|
|
2240
2250
|
return r[e](t);
|
|
2241
|
-
} catch (
|
|
2242
|
-
st(
|
|
2251
|
+
} catch (o) {
|
|
2252
|
+
st(o);
|
|
2243
2253
|
}
|
|
2244
|
-
}, ps = (r, e) => r && r.then ? r.then(e) : e(), Wo = (r, e) => xt(r).$instanceValues$.get(e), Yo = (r, e, t,
|
|
2245
|
-
const
|
|
2246
|
-
t = Ao(t,
|
|
2254
|
+
}, ps = (r, e) => r && r.then ? r.then(e) : e(), Wo = (r, e) => xt(r).$instanceValues$.get(e), Yo = (r, e, t, o) => {
|
|
2255
|
+
const s = xt(r), n = r, i = s.$instanceValues$.get(e), l = s.$flags$, c = n;
|
|
2256
|
+
t = Ao(t, o.$members$[e][0]);
|
|
2247
2257
|
const h = Number.isNaN(i) && Number.isNaN(t);
|
|
2248
2258
|
if (t !== i && !h) {
|
|
2249
|
-
|
|
2259
|
+
s.$instanceValues$.set(e, t);
|
|
2250
2260
|
{
|
|
2251
|
-
if (
|
|
2252
|
-
const p =
|
|
2261
|
+
if (o.$watchers$ && l & 128) {
|
|
2262
|
+
const p = o.$watchers$[e];
|
|
2253
2263
|
p && p.map((v) => {
|
|
2254
2264
|
try {
|
|
2255
2265
|
c[v](t, i, e);
|
|
@@ -2261,16 +2271,16 @@ const b = (r, e, ...t) => {
|
|
|
2261
2271
|
if ((l & 18) === 2) {
|
|
2262
2272
|
if (c.componentShouldUpdate && c.componentShouldUpdate(t, i, e) === !1)
|
|
2263
2273
|
return;
|
|
2264
|
-
Os(
|
|
2274
|
+
Os(s, !1);
|
|
2265
2275
|
}
|
|
2266
2276
|
}
|
|
2267
2277
|
}
|
|
2268
2278
|
}, Ko = (r, e, t) => {
|
|
2269
2279
|
if (e.$members$) {
|
|
2270
2280
|
r.watchers && (e.$watchers$ = r.watchers);
|
|
2271
|
-
const
|
|
2272
|
-
|
|
2273
|
-
(i & 31 || i & 32) && Object.defineProperty(
|
|
2281
|
+
const o = Object.entries(e.$members$), s = r.prototype;
|
|
2282
|
+
o.map(([n, [i]]) => {
|
|
2283
|
+
(i & 31 || i & 32) && Object.defineProperty(s, n, {
|
|
2274
2284
|
get() {
|
|
2275
2285
|
return Wo(this, n);
|
|
2276
2286
|
},
|
|
@@ -2283,16 +2293,16 @@ const b = (r, e, ...t) => {
|
|
|
2283
2293
|
});
|
|
2284
2294
|
{
|
|
2285
2295
|
const n = /* @__PURE__ */ new Map();
|
|
2286
|
-
|
|
2296
|
+
s.attributeChangedCallback = function(i, l, c) {
|
|
2287
2297
|
R.jmp(() => {
|
|
2288
2298
|
const h = n.get(i);
|
|
2289
2299
|
if (this.hasOwnProperty(h))
|
|
2290
2300
|
c = this[h], delete this[h];
|
|
2291
|
-
else if (
|
|
2301
|
+
else if (s.hasOwnProperty(h) && typeof this[h] == "number" && this[h] == c)
|
|
2292
2302
|
return;
|
|
2293
2303
|
this[h] = c === null && typeof this[h] == "boolean" ? !1 : c;
|
|
2294
2304
|
});
|
|
2295
|
-
}, r.observedAttributes =
|
|
2305
|
+
}, r.observedAttributes = o.filter(
|
|
2296
2306
|
([i, l]) => l[0] & 15
|
|
2297
2307
|
/* MEMBER_FLAGS.HasAttribute */
|
|
2298
2308
|
).map(([i, l]) => {
|
|
@@ -2302,9 +2312,9 @@ const b = (r, e, ...t) => {
|
|
|
2302
2312
|
}
|
|
2303
2313
|
}
|
|
2304
2314
|
return r;
|
|
2305
|
-
}, Go = async (r, e, t,
|
|
2306
|
-
if ((e.$flags$ & 32) === 0 && (
|
|
2307
|
-
let i =
|
|
2315
|
+
}, Go = async (r, e, t, o, s) => {
|
|
2316
|
+
if ((e.$flags$ & 32) === 0 && (s = r.constructor, e.$flags$ |= 32, customElements.whenDefined(t.$tagName$).then(() => e.$flags$ |= 128), s.style)) {
|
|
2317
|
+
let i = s.style;
|
|
2308
2318
|
typeof i != "string" && (i = i[e.$modeName$ = Bo(r)]);
|
|
2309
2319
|
const l = Ss(t, e.$modeName$);
|
|
2310
2320
|
if (!yt.has(l)) {
|
|
@@ -2316,13 +2326,13 @@ const b = (r, e, ...t) => {
|
|
|
2316
2326
|
}, Qo = (r) => {
|
|
2317
2327
|
}, Xo = (r) => {
|
|
2318
2328
|
if ((R.$flags$ & 1) === 0) {
|
|
2319
|
-
const e = xt(r), t = e.$cmpMeta$,
|
|
2320
|
-
e.$flags$ & 1 ? (Is(r, e, t.$listeners$), Qo(e.$lazyInstance$)) : (e.$flags$ |= 1, t.$flags$ & 12 && Jo(r), t.$members$ && Object.entries(t.$members$).map(([
|
|
2321
|
-
if (n & 31 && r.hasOwnProperty(
|
|
2322
|
-
const i = r[
|
|
2323
|
-
delete r[
|
|
2329
|
+
const e = xt(r), t = e.$cmpMeta$, o = Ee("connectedCallback", t.$tagName$);
|
|
2330
|
+
e.$flags$ & 1 ? (Is(r, e, t.$listeners$), Qo(e.$lazyInstance$)) : (e.$flags$ |= 1, t.$flags$ & 12 && Jo(r), t.$members$ && Object.entries(t.$members$).map(([s, [n]]) => {
|
|
2331
|
+
if (n & 31 && r.hasOwnProperty(s)) {
|
|
2332
|
+
const i = r[s];
|
|
2333
|
+
delete r[s], r[s] = i;
|
|
2324
2334
|
}
|
|
2325
|
-
}), Go(r, e, t)),
|
|
2335
|
+
}), Go(r, e, t)), o();
|
|
2326
2336
|
}
|
|
2327
2337
|
}, Jo = (r) => {
|
|
2328
2338
|
const e = r["s-cr"] = J.createComment("");
|
|
@@ -2338,16 +2348,16 @@ const b = (r, e, ...t) => {
|
|
|
2338
2348
|
$tagName$: e[1]
|
|
2339
2349
|
};
|
|
2340
2350
|
t.$members$ = e[2], t.$listeners$ = e[3], t.$watchers$ = r.$watchers$, t.$attrsToReflect$ = [];
|
|
2341
|
-
const
|
|
2351
|
+
const o = r.prototype.connectedCallback, s = r.prototype.disconnectedCallback;
|
|
2342
2352
|
return Object.assign(r.prototype, {
|
|
2343
2353
|
__registerHost() {
|
|
2344
2354
|
nr(this, t);
|
|
2345
2355
|
},
|
|
2346
2356
|
connectedCallback() {
|
|
2347
|
-
Xo(this),
|
|
2357
|
+
Xo(this), o && o.call(this);
|
|
2348
2358
|
},
|
|
2349
2359
|
disconnectedCallback() {
|
|
2350
|
-
er(this),
|
|
2360
|
+
er(this), s && s.call(this);
|
|
2351
2361
|
},
|
|
2352
2362
|
__attachShadow() {
|
|
2353
2363
|
this.attachShadow({
|
|
@@ -2356,16 +2366,16 @@ const b = (r, e, ...t) => {
|
|
|
2356
2366
|
});
|
|
2357
2367
|
}
|
|
2358
2368
|
}), r.is = t.$tagName$, Ko(r, t);
|
|
2359
|
-
}, Is = (r, e, t,
|
|
2360
|
-
t && t.map(([
|
|
2361
|
-
const l = or(r,
|
|
2369
|
+
}, Is = (r, e, t, o) => {
|
|
2370
|
+
t && t.map(([s, n, i]) => {
|
|
2371
|
+
const l = or(r, s), c = sr(e, i), h = rr(s);
|
|
2362
2372
|
R.ael(l, n, c, h), (e.$rmListeners$ = e.$rmListeners$ || []).push(() => R.rel(l, n, c, h));
|
|
2363
2373
|
});
|
|
2364
2374
|
}, sr = (r, e) => (t) => {
|
|
2365
2375
|
try {
|
|
2366
2376
|
ze.lazyLoad || r.$hostElement$[e](t);
|
|
2367
|
-
} catch (
|
|
2368
|
-
st(
|
|
2377
|
+
} catch (o) {
|
|
2378
|
+
st(o);
|
|
2369
2379
|
}
|
|
2370
2380
|
}, or = (r, e) => e & 4 ? J : e & 8 ? kt : e & 16 ? J.body : r, rr = (r) => lr ? {
|
|
2371
2381
|
passive: (r & 1) !== 0,
|
|
@@ -2384,8 +2394,8 @@ const b = (r, e, ...t) => {
|
|
|
2384
2394
|
$resourcesUrl$: "",
|
|
2385
2395
|
jmp: (r) => r(),
|
|
2386
2396
|
raf: (r) => requestAnimationFrame(r),
|
|
2387
|
-
ael: (r, e, t,
|
|
2388
|
-
rel: (r, e, t,
|
|
2397
|
+
ael: (r, e, t, o) => r.addEventListener(e, t, o),
|
|
2398
|
+
rel: (r, e, t, o) => r.removeEventListener(e, t, o),
|
|
2389
2399
|
ce: (r, e) => new CustomEvent(r, e)
|
|
2390
2400
|
}, lr = /* @__PURE__ */ (() => {
|
|
2391
2401
|
let r = !1;
|
|
@@ -2422,9 +2432,9 @@ function lt(r, e) {
|
|
|
2422
2432
|
return t.setDate(t.getDate() + e), t;
|
|
2423
2433
|
}
|
|
2424
2434
|
function yr(r, e, t) {
|
|
2425
|
-
const
|
|
2435
|
+
const o = [], s = Vt(r), n = s.getDay() === 0 ? 7 : s.getDay(), i = ct(r), l = i.getDay() === 0 ? 7 : i.getDay(), c = t === 1 ? 7 : t - 1, h = [], u = [];
|
|
2426
2436
|
{
|
|
2427
|
-
let M = (7 - t + n) % 7, G = ft(
|
|
2437
|
+
let M = (7 - t + n) % 7, G = ft(s);
|
|
2428
2438
|
for (; M > 0; )
|
|
2429
2439
|
h.push(G), G = ft(G), M -= 1;
|
|
2430
2440
|
h.reverse();
|
|
@@ -2432,10 +2442,10 @@ function yr(r, e, t) {
|
|
|
2432
2442
|
for (; De > 0; )
|
|
2433
2443
|
u.push(Me), Me = Ze(Me), De -= 1;
|
|
2434
2444
|
}
|
|
2435
|
-
let p =
|
|
2445
|
+
let p = s;
|
|
2436
2446
|
for (; p.getMonth() === r.getMonth(); )
|
|
2437
|
-
|
|
2438
|
-
return [...h, ...
|
|
2447
|
+
o.push(p), p = Ze(p);
|
|
2448
|
+
return [...h, ...o, ...u];
|
|
2439
2449
|
}
|
|
2440
2450
|
function Vt(r) {
|
|
2441
2451
|
return ke(/* @__PURE__ */ new Date(`${String(Ps(r)).padStart(4, "0")}-${String(Rs(r)).padStart(2, "0")}-01`));
|
|
@@ -2453,10 +2463,10 @@ function Rs(r) {
|
|
|
2453
2463
|
}
|
|
2454
2464
|
function fr(r) {
|
|
2455
2465
|
return new Array(12).fill(void 0).map((e, t) => {
|
|
2456
|
-
const
|
|
2466
|
+
const o = ke(/* @__PURE__ */ new Date(`2006-${String(t + 1).padStart(2, "0")}-01`));
|
|
2457
2467
|
return Intl.DateTimeFormat(r, {
|
|
2458
2468
|
month: "long"
|
|
2459
|
-
}).format(
|
|
2469
|
+
}).format(o);
|
|
2460
2470
|
});
|
|
2461
2471
|
}
|
|
2462
2472
|
function Ze(r) {
|
|
@@ -2482,15 +2492,15 @@ function ms(r) {
|
|
|
2482
2492
|
return e.setFullYear(e.getFullYear() - 1), e;
|
|
2483
2493
|
}
|
|
2484
2494
|
function vr(r, e) {
|
|
2485
|
-
return new Array(7).fill(void 0).map((t,
|
|
2486
|
-
const
|
|
2495
|
+
return new Array(7).fill(void 0).map((t, o) => (r + o) % 7 + 1).map((t) => {
|
|
2496
|
+
const o = ke(/* @__PURE__ */ new Date(`2006-01-0${t}`));
|
|
2487
2497
|
return [
|
|
2488
2498
|
Intl.DateTimeFormat(e, {
|
|
2489
2499
|
weekday: "short"
|
|
2490
|
-
}).format(
|
|
2500
|
+
}).format(o).slice(0, 3),
|
|
2491
2501
|
Intl.DateTimeFormat(e, {
|
|
2492
2502
|
weekday: "long"
|
|
2493
|
-
}).format(
|
|
2503
|
+
}).format(o)
|
|
2494
2504
|
];
|
|
2495
2505
|
});
|
|
2496
2506
|
}
|
|
@@ -2500,8 +2510,8 @@ function Ps(r) {
|
|
|
2500
2510
|
function Cs(r, e) {
|
|
2501
2511
|
if (!r || !e || !e.from || !e.to)
|
|
2502
2512
|
return !1;
|
|
2503
|
-
const t = e.from < e.to ? e.from : e.to,
|
|
2504
|
-
return r >= t && r <=
|
|
2513
|
+
const t = e.from < e.to ? e.from : e.to, o = e.from < e.to ? e.to : e.from;
|
|
2514
|
+
return r >= t && r <= o;
|
|
2505
2515
|
}
|
|
2506
2516
|
function ie(r, e) {
|
|
2507
2517
|
return !r || !e ? !1 : r.getFullYear() === e.getFullYear() && r.getMonth() === e.getMonth() && r.getDate() === e.getDate();
|
|
@@ -2529,7 +2539,7 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
|
|
|
2529
2539
|
super(), this.__registerHost(), this.selectDate = ls(this, "selectDate"), this.changeMonth = ls(this, "changeMonth"), this.disabled = !1, this.disableDate = () => !1, this.elementClassName = "wc-datepicker", this.firstDayOfWeek = 0, this.labels = gr, this.locale = navigator?.language || "en-US", this.showClearButton = !1, this.showMonthStepper = !0, this.showTodayButton = !1, this.showYearStepper = !1, this.startDate = xe(/* @__PURE__ */ new Date()), this.maxSearchDays = 365, this.goToRangeStartOnSelect = !0, this.init = () => {
|
|
2530
2540
|
this.currentDate = this.startDate ? ke(new Date(this.startDate)) : /* @__PURE__ */ new Date(), this.updateWeekdays();
|
|
2531
2541
|
}, this.getAvailableDate = (r, e) => {
|
|
2532
|
-
let t,
|
|
2542
|
+
let t, o = !1;
|
|
2533
2543
|
switch (e) {
|
|
2534
2544
|
case "previousDay":
|
|
2535
2545
|
t = ft(r);
|
|
@@ -2562,7 +2572,7 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
|
|
|
2562
2572
|
t = gs(r);
|
|
2563
2573
|
break;
|
|
2564
2574
|
}
|
|
2565
|
-
for (; this.disableDate(t) && !
|
|
2575
|
+
for (; this.disableDate(t) && !o; ) {
|
|
2566
2576
|
switch (e) {
|
|
2567
2577
|
case "previousDay":
|
|
2568
2578
|
case "lastOfMonth":
|
|
@@ -2588,23 +2598,23 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
|
|
|
2588
2598
|
case "lastOfMonth":
|
|
2589
2599
|
case "previousYear":
|
|
2590
2600
|
case "nextYear":
|
|
2591
|
-
|
|
2601
|
+
o = t.getMonth() !== r.getMonth();
|
|
2592
2602
|
break;
|
|
2593
2603
|
case "previousMonth":
|
|
2594
|
-
|
|
2604
|
+
o = t.getMonth() !== r.getMonth() - 1;
|
|
2595
2605
|
break;
|
|
2596
2606
|
case "nextMonth":
|
|
2597
|
-
|
|
2607
|
+
o = t.getMonth() !== r.getMonth() + 1;
|
|
2598
2608
|
break;
|
|
2599
2609
|
default:
|
|
2600
|
-
|
|
2610
|
+
o = !Cs(t, {
|
|
2601
2611
|
from: dt(r, this.maxSearchDays),
|
|
2602
2612
|
to: lt(r, this.maxSearchDays)
|
|
2603
2613
|
});
|
|
2604
2614
|
break;
|
|
2605
2615
|
}
|
|
2606
2616
|
}
|
|
2607
|
-
return
|
|
2617
|
+
return o ? r : t;
|
|
2608
2618
|
}, this.nextMonth = () => {
|
|
2609
2619
|
this.updateCurrentDate(bs(this.currentDate));
|
|
2610
2620
|
}, this.nextYear = () => {
|
|
@@ -2626,16 +2636,16 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
|
|
|
2626
2636
|
const t = ke(new Date(e.dataset.date));
|
|
2627
2637
|
this.updateCurrentDate(t), this.onSelectDate(t);
|
|
2628
2638
|
}, this.onMonthSelect = (r) => {
|
|
2629
|
-
const e = +r.target.value - 1, t = this.currentDate.getDate(),
|
|
2639
|
+
const e = +r.target.value - 1, t = this.currentDate.getDate(), o = new Date(this.currentDate.getFullYear(), e, 1), s = ct(o).getDate(), n = Math.min(t, s), i = new Date(this.currentDate.getFullYear(), e, n);
|
|
2630
2640
|
this.updateCurrentDate(i);
|
|
2631
2641
|
}, this.onYearSelect = (r) => {
|
|
2632
2642
|
let e = +r.target.value;
|
|
2633
2643
|
const t = r.target;
|
|
2634
2644
|
isNaN(e) ? (e = (/* @__PURE__ */ new Date()).getFullYear(), t.value = String(e)) : e < 0 ? (e = 0, t.value = String(e)) : e > 9999 && (e = 9999, t.value = String(e));
|
|
2635
|
-
const
|
|
2636
|
-
n.setFullYear(e,
|
|
2637
|
-
const i = ct(n).getDate(), l = Math.min(
|
|
2638
|
-
c.setFullYear(e,
|
|
2645
|
+
const o = this.currentDate.getDate(), s = this.currentDate.getMonth(), n = /* @__PURE__ */ new Date();
|
|
2646
|
+
n.setFullYear(e, s, 1);
|
|
2647
|
+
const i = ct(n).getDate(), l = Math.min(o, i), c = /* @__PURE__ */ new Date();
|
|
2648
|
+
c.setFullYear(e, s, l), this.updateCurrentDate(c);
|
|
2639
2649
|
}, this.onKeyDown = (r) => {
|
|
2640
2650
|
this.disabled || (r.code === "ArrowLeft" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousDay"), !0)) : r.code === "ArrowRight" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextDay"), !0)) : r.code === "ArrowUp" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousSameWeekDay"), !0)) : r.code === "ArrowDown" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextSameWeekDay"), !0)) : r.code === "PageUp" ? (r.preventDefault(), r.shiftKey ? this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousYear"), !0) : this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousMonth"), !0)) : r.code === "PageDown" ? (r.preventDefault(), r.shiftKey ? this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextYear"), !0) : this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextMonth"), !0)) : r.code === "Home" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "firstOfMonth"), !0)) : r.code === "End" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "lastOfMonth"), !0)) : (r.code === "Space" || r.code === "Enter") && (r.preventDefault(), this.onSelectDate(this.currentDate)));
|
|
2641
2651
|
}, this.onMouseEnter = (r) => {
|
|
@@ -2680,8 +2690,8 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
|
|
|
2680
2690
|
getCalendarRows() {
|
|
2681
2691
|
const r = yr(this.currentDate, !0, this.firstDayOfWeek === 0 ? 7 : this.firstDayOfWeek), e = [];
|
|
2682
2692
|
for (let t = 0; t < r.length; t += 7) {
|
|
2683
|
-
const
|
|
2684
|
-
e.push(
|
|
2693
|
+
const o = r.slice(t, t + 7);
|
|
2694
|
+
e.push(o);
|
|
2685
2695
|
}
|
|
2686
2696
|
return e;
|
|
2687
2697
|
}
|
|
@@ -2710,10 +2720,10 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
|
|
|
2710
2720
|
(e = this.el.querySelector(`[data-date="${xe(r)}"]`)) === null || e === void 0 || e.focus();
|
|
2711
2721
|
}
|
|
2712
2722
|
updateCurrentDate(r, e) {
|
|
2713
|
-
const t = r.getMonth(),
|
|
2714
|
-
if (
|
|
2723
|
+
const t = r.getMonth(), o = r.getFullYear();
|
|
2724
|
+
if (o > 9999 || o < 0)
|
|
2715
2725
|
return;
|
|
2716
|
-
(t !== this.currentDate.getMonth() ||
|
|
2726
|
+
(t !== this.currentDate.getMonth() || o !== this.currentDate.getFullYear()) && (this.changeMonth.emit({
|
|
2717
2727
|
month: Rs(r),
|
|
2718
2728
|
year: Ps(r),
|
|
2719
2729
|
day: r.getDate()
|
|
@@ -2723,10 +2733,10 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
|
|
|
2723
2733
|
var e, t;
|
|
2724
2734
|
if (!this.disableDate(r))
|
|
2725
2735
|
if (this.isRangeValue(this.value)) {
|
|
2726
|
-
const
|
|
2727
|
-
|
|
2728
|
-
const
|
|
2729
|
-
this.value =
|
|
2736
|
+
const o = ((e = this.value) === null || e === void 0 ? void 0 : e[0]) === void 0 || this.value.length === 2 ? [r] : [this.value[0], r];
|
|
2737
|
+
o.length === 2 && o[0] > o[1] && o.reverse();
|
|
2738
|
+
const s = o[1] === void 0 ? [xe(o[0])] : [xe(o[0]), xe(o[1])];
|
|
2739
|
+
this.value = o, this.selectDate.emit(s);
|
|
2730
2740
|
} else {
|
|
2731
2741
|
if (((t = this.value) === null || t === void 0 ? void 0 : t.getTime()) === r.getTime())
|
|
2732
2742
|
return;
|
|
@@ -2744,15 +2754,15 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
|
|
|
2744
2754
|
[`${this.getClassName()}--disabled`]: this.disabled
|
|
2745
2755
|
}, role: "group" }, b("div", { class: this.getClassName("header") }, b("span", { "aria-atomic": "true", "aria-live": "polite", class: "visually-hidden" }, this.getTitle()), this.showYearStepper && b("button", { "aria-label": this.labels.previousYearButton, class: this.getClassName("previous-year-button"), disabled: this.disabled, innerHTML: this.previousYearButtonContent || void 0, onClick: this.previousYear, type: "button" }, b("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, b("polyline", { points: "11 17 6 12 11 7" }), b("polyline", { points: "18 17 13 12 18 7" }))), this.showMonthStepper && b("button", { "aria-label": this.labels.previousMonthButton, class: this.getClassName("previous-month-button"), disabled: this.disabled, innerHTML: this.previousMonthButtonContent || void 0, onClick: this.previousMonth, type: "button" }, b("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, b("polyline", { points: "15 18 9 12 15 6" }))), b("span", { class: this.getClassName("current-month") }, b("select", { title: this.labels.monthSelect, "aria-label": this.labels.monthSelect, class: this.getClassName("month-select"), disabled: this.disabled, name: "month", onChange: this.onMonthSelect }, fr(this.locale).map((e, t) => b("option", { key: e, selected: this.currentDate.getMonth() === t, value: t + 1 }, e))), b("input", { title: this.labels.yearSelect, "aria-label": this.labels.yearSelect, class: this.getClassName("year-select"), disabled: this.disabled, max: 9999, maxLength: 4, min: 1, name: "year", onChange: this.onYearSelect, type: "number", value: this.currentDate.getFullYear() })), this.showMonthStepper && b("button", { "aria-label": this.labels.nextMonthButton, class: this.getClassName("next-month-button"), disabled: this.disabled, innerHTML: this.nextMonthButtonContent || void 0, onClick: this.nextMonth, type: "button" }, b("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, b("polyline", { points: "9 18 15 12 9 6" }))), this.showYearStepper && b("button", { "aria-label": this.labels.nextYearButton, class: this.getClassName("next-year-button"), disabled: this.disabled, innerHTML: this.nextYearButtonContent || void 0, onClick: this.nextYear, type: "button" }, b("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, b("polyline", { points: "13 17 18 12 13 7" }), b("polyline", { points: "6 17 11 12 6 7" })))), b("div", { class: this.getClassName("body") }, b("table", { class: this.getClassName("calendar"), onKeyDown: this.onKeyDown, role: "grid" }, b("thead", { class: this.getClassName("calendar-header") }, b("tr", { class: this.getClassName("weekday-row") }, this.weekdays.map((e) => b("th", { "aria-label": e[1], abbr: e[1], class: this.getClassName("weekday"), key: e[0], scope: "col" }, b("span", null, e[0]))))), b("tbody", null, this.getCalendarRows().map((e) => {
|
|
2746
2756
|
const t = `row-${e[0].getMonth()}-${e[0].getDate()}`;
|
|
2747
|
-
return b("tr", { class: this.getClassName("calendar-row"), key: t }, e.map((
|
|
2748
|
-
var
|
|
2749
|
-
const h = ie(
|
|
2750
|
-
from: (
|
|
2757
|
+
return b("tr", { class: this.getClassName("calendar-row"), key: t }, e.map((o) => {
|
|
2758
|
+
var s, n, i, l, c;
|
|
2759
|
+
const h = ie(o, this.currentDate), u = o.getMonth() !== this.currentDate.getMonth(), p = Array.isArray(this.value) ? ie(o, this.value[0]) || ie(o, this.value[1]) : ie(o, this.value), v = this.isRangeValue ? Cs(o, {
|
|
2760
|
+
from: (s = this.value) === null || s === void 0 ? void 0 : s[0],
|
|
2751
2761
|
to: ((n = this.value) === null || n === void 0 ? void 0 : n[1]) || this.hoveredDate || this.currentDate
|
|
2752
2762
|
}) : !1, M = !((i = this.value) === null || i === void 0) && i[0] ? [
|
|
2753
2763
|
(l = this.value) === null || l === void 0 ? void 0 : l[0],
|
|
2754
2764
|
((c = this.value) === null || c === void 0 ? void 0 : c[1]) || this.hoveredDate
|
|
2755
|
-
].sort((Ys, Ks) => Ys - Ks) : [], G = this.range && ie(M[0],
|
|
2765
|
+
].sort((Ys, Ks) => Ys - Ks) : [], G = this.range && ie(M[0], o), pe = this.range && ie(M[1], o), De = ie(o, /* @__PURE__ */ new Date()), Me = this.disableDate(o), Ns = `cell-${o.getMonth()}-${o.getDate()}`, js = {
|
|
2756
2766
|
[this.getClassName("date")]: !0,
|
|
2757
2767
|
[this.getClassName("date--current")]: h,
|
|
2758
2768
|
[this.getClassName("date--disabled")]: Me,
|
|
@@ -2763,11 +2773,11 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
|
|
|
2763
2773
|
[this.getClassName("date--start")]: G,
|
|
2764
2774
|
[this.getClassName("date--end")]: pe
|
|
2765
2775
|
}, Ws = p ? "strong" : De ? "em" : "span";
|
|
2766
|
-
return b("td", { "aria-disabled": String(Me), "aria-selected": p ? "true" : void 0, "aria-current": De ? "date" : p ? "true" : void 0, class: js, "data-date": xe(
|
|
2776
|
+
return b("td", { "aria-disabled": String(Me), "aria-selected": p ? "true" : void 0, "aria-current": De ? "date" : p ? "true" : void 0, class: js, "data-date": xe(o), key: Ns, onClick: this.onClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onFocus: this.onFocus, role: "gridcell", tabIndex: ie(o, this.currentDate) && !this.disabled ? 0 : -1 }, b(Ws, { "aria-hidden": "true" }, o.getDate()), b("span", { class: "visually-hidden" }, Intl.DateTimeFormat(this.locale, {
|
|
2767
2777
|
day: "numeric",
|
|
2768
2778
|
month: "long",
|
|
2769
2779
|
year: "numeric"
|
|
2770
|
-
}).format(
|
|
2780
|
+
}).format(o)));
|
|
2771
2781
|
}));
|
|
2772
2782
|
})))), r && b("div", { class: this.getClassName("footer") }, this.showTodayButton && b("button", { class: this.getClassName("today-button"), disabled: this.disabled, innerHTML: this.todayButtonContent || void 0, onClick: this.showToday, type: "button" }, this.labels.todayButton), this.showClearButton && b("button", { class: this.getClassName("clear-button"), disabled: this.disabled, innerHTML: this.clearButtonContent || void 0, onClick: this.clear, type: "button" }, this.labels.clearButton))));
|
|
2773
2783
|
}
|
|
@@ -2812,10 +2822,10 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
|
|
|
2812
2822
|
hoveredDate: [32],
|
|
2813
2823
|
weekdays: [32]
|
|
2814
2824
|
}]), mr = _r;
|
|
2815
|
-
var Cr = Object.defineProperty, V = (r, e, t,
|
|
2816
|
-
for (var
|
|
2817
|
-
(i = r[n]) && (
|
|
2818
|
-
return
|
|
2825
|
+
var Cr = Object.defineProperty, V = (r, e, t, o) => {
|
|
2826
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
2827
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
2828
|
+
return s && Cr(e, t, s), s;
|
|
2819
2829
|
};
|
|
2820
2830
|
customElements.get("wc-datepicker") || customElements.define("wc-datepicker", mr);
|
|
2821
2831
|
let wr = 0;
|
|
@@ -2863,14 +2873,14 @@ const L = (fe = class extends f {
|
|
|
2863
2873
|
this.value = void 0, this._internals.setFormValue(""), this._manageRequire();
|
|
2864
2874
|
return;
|
|
2865
2875
|
}
|
|
2866
|
-
const t = e instanceof Date ? e : this._parseLocalDate(e),
|
|
2876
|
+
const t = e instanceof Date ? e : this._parseLocalDate(e), o = [
|
|
2867
2877
|
t.getFullYear(),
|
|
2868
2878
|
String(t.getMonth() + 1).padStart(2, "0"),
|
|
2869
2879
|
String(t.getDate()).padStart(2, "0")
|
|
2870
2880
|
].join("-");
|
|
2871
|
-
this.value = t, this._internals.setFormValue(
|
|
2872
|
-
const
|
|
2873
|
-
|
|
2881
|
+
this.value = t, this._internals.setFormValue(o);
|
|
2882
|
+
const s = this.shadowRoot?.querySelector("input");
|
|
2883
|
+
s && (s.value = o);
|
|
2874
2884
|
const n = this.shadowRoot?.querySelector("wc-datepicker");
|
|
2875
2885
|
n && (n.value = t), this._manageRequire();
|
|
2876
2886
|
}
|
|
@@ -2919,8 +2929,8 @@ const L = (fe = class extends f {
|
|
|
2919
2929
|
e.preventDefault(), this._hasUserInteracted = !0, this._validate();
|
|
2920
2930
|
const t = this.shadowRoot?.querySelector("input");
|
|
2921
2931
|
if (t) {
|
|
2922
|
-
const
|
|
2923
|
-
|
|
2932
|
+
const o = this._internals.form;
|
|
2933
|
+
o ? Array.from(o.elements).find(
|
|
2924
2934
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
2925
2935
|
) === this && t.focus() : t.focus();
|
|
2926
2936
|
}
|
|
@@ -2938,10 +2948,10 @@ const L = (fe = class extends f {
|
|
|
2938
2948
|
if (!e) return;
|
|
2939
2949
|
const t = e.querySelector(
|
|
2940
2950
|
".wc-datepicker__next-month-button"
|
|
2941
|
-
),
|
|
2951
|
+
), o = e.querySelector(
|
|
2942
2952
|
".wc-datepicker__previous-month-button"
|
|
2943
2953
|
);
|
|
2944
|
-
!t || !
|
|
2954
|
+
!t || !o || (o.innerHTML = `
|
|
2945
2955
|
<nys-icon name="arrow_back" size="18"></nys-icon>
|
|
2946
2956
|
`, t.innerHTML = `
|
|
2947
2957
|
<nys-icon name="arrow_forward" size="18"></nys-icon>
|
|
@@ -2954,16 +2964,16 @@ const L = (fe = class extends f {
|
|
|
2954
2964
|
".wc-datepicker__month-select"
|
|
2955
2965
|
);
|
|
2956
2966
|
if (t && !t.parentElement?.classList.contains("month-wrapper")) {
|
|
2957
|
-
const
|
|
2958
|
-
|
|
2959
|
-
const
|
|
2960
|
-
|
|
2967
|
+
const o = document.createElement("span");
|
|
2968
|
+
o.className = "month-wrapper", t.parentNode?.insertBefore(o, t), o.appendChild(t);
|
|
2969
|
+
const s = document.createElement("nys-icon");
|
|
2970
|
+
s.setAttribute("name", "chevron_down"), s.setAttribute("id", "wc-month-dropdown-icon"), s.setAttribute("size", "20"), o.appendChild(s);
|
|
2961
2971
|
}
|
|
2962
2972
|
}
|
|
2963
2973
|
// Creates a Date at local midnight to avoid UTC timezone shifting
|
|
2964
2974
|
_parseLocalDate(e) {
|
|
2965
|
-
const [t,
|
|
2966
|
-
return new Date(t,
|
|
2975
|
+
const [t, o, s] = e.split("-").map(Number);
|
|
2976
|
+
return new Date(t, o - 1, s);
|
|
2967
2977
|
}
|
|
2968
2978
|
_setTodayDate() {
|
|
2969
2979
|
const e = /* @__PURE__ */ new Date();
|
|
@@ -2972,14 +2982,14 @@ const L = (fe = class extends f {
|
|
|
2972
2982
|
async _setFocusOnTodayDate(e = !1) {
|
|
2973
2983
|
const t = /* @__PURE__ */ new Date();
|
|
2974
2984
|
t.setHours(0, 0, 0, 0);
|
|
2975
|
-
const
|
|
2985
|
+
const o = [
|
|
2976
2986
|
t.getFullYear(),
|
|
2977
2987
|
String(t.getMonth() + 1).padStart(2, "0"),
|
|
2978
2988
|
String(t.getDate()).padStart(2, "0")
|
|
2979
|
-
].join("-"),
|
|
2980
|
-
if (!
|
|
2981
|
-
const n =
|
|
2982
|
-
`td[data-date="${
|
|
2989
|
+
].join("-"), s = this.shadowRoot?.querySelector("wc-datepicker");
|
|
2990
|
+
if (!s) return;
|
|
2991
|
+
const n = s.querySelector(
|
|
2992
|
+
`td[data-date="${o}"]`
|
|
2983
2993
|
);
|
|
2984
2994
|
n && (e || n.focus());
|
|
2985
2995
|
}
|
|
@@ -3002,28 +3012,30 @@ const L = (fe = class extends f {
|
|
|
3002
3012
|
_handleBlur(e) {
|
|
3003
3013
|
const t = e.relatedTarget;
|
|
3004
3014
|
if (t && (this.contains(t) || this.shadowRoot?.contains(t))) return;
|
|
3005
|
-
this._hasUserInteracted || (this._hasUserInteracted = !0), this.shadowRoot?.querySelector("wc-datepicker")?.classList.remove("active"), this.datepickerIsOpen = !1, this._validate(), this.dispatchEvent(
|
|
3015
|
+
this._hasUserInteracted || (this._hasUserInteracted = !0), this.shadowRoot?.querySelector("wc-datepicker")?.classList.remove("active"), this.datepickerIsOpen = !1, this._validate(), this.dispatchEvent(
|
|
3016
|
+
new Event("nys-blur", { bubbles: !0, composed: !0 })
|
|
3017
|
+
), this.removeEventListener("keydown", this._handleFocusTrap);
|
|
3006
3018
|
}
|
|
3007
3019
|
// For when users click outside of the datepicker, we remove the calendar popup
|
|
3008
3020
|
_onDocumentClick() {
|
|
3009
3021
|
if (this._shouldUseNativeDatepicker()) return;
|
|
3010
3022
|
const e = (t) => {
|
|
3011
|
-
const
|
|
3023
|
+
const o = t.composedPath(), s = this.shadowRoot?.querySelector(
|
|
3012
3024
|
".nys-datepicker--input-container"
|
|
3013
3025
|
), n = this.shadowRoot?.querySelector(
|
|
3014
3026
|
".wc-datepicker--container"
|
|
3015
3027
|
), i = this.shadowRoot?.querySelector("wc-datepicker");
|
|
3016
|
-
|
|
3028
|
+
s && o.includes(s) || n && o.includes(n) || i && o.includes(i) || i?.classList.remove("active");
|
|
3017
3029
|
};
|
|
3018
3030
|
document.addEventListener("click", e);
|
|
3019
3031
|
}
|
|
3020
3032
|
_toggleDatepicker() {
|
|
3021
3033
|
if (this.disabled) return;
|
|
3022
3034
|
if (this._shouldUseNativeDatepicker()) {
|
|
3023
|
-
const
|
|
3035
|
+
const o = this.shadowRoot?.querySelector(
|
|
3024
3036
|
"input"
|
|
3025
3037
|
);
|
|
3026
|
-
|
|
3038
|
+
o && o.focus();
|
|
3027
3039
|
return;
|
|
3028
3040
|
}
|
|
3029
3041
|
const t = this.shadowRoot?.querySelector("wc-datepicker")?.classList.toggle("active");
|
|
@@ -3037,8 +3049,8 @@ const L = (fe = class extends f {
|
|
|
3037
3049
|
_handleDateChange() {
|
|
3038
3050
|
const e = this.shadowRoot?.querySelector("wc-datepicker");
|
|
3039
3051
|
e && e.addEventListener("selectDate", (t) => {
|
|
3040
|
-
const
|
|
3041
|
-
this._setValue(
|
|
3052
|
+
const o = t.detail, s = this._parseLocalDate(o);
|
|
3053
|
+
this._setValue(s), this._validate(), this._dispatchInputEvent(), e.classList.remove("active"), this.datepickerIsOpen = !1, this.removeEventListener("keydown", this._handleFocusTrap);
|
|
3042
3054
|
});
|
|
3043
3055
|
}
|
|
3044
3056
|
_handleTodayClick() {
|
|
@@ -3053,16 +3065,16 @@ const L = (fe = class extends f {
|
|
|
3053
3065
|
_handleInputChange(e) {
|
|
3054
3066
|
const t = e.target;
|
|
3055
3067
|
if (!t) return;
|
|
3056
|
-
const
|
|
3057
|
-
if (!
|
|
3068
|
+
const o = this._getValidDateFromInput(t.value);
|
|
3069
|
+
if (!o) {
|
|
3058
3070
|
t.value || (this.value = void 0, this._internals.setFormValue(""), this._hasUserInteracted && this._validate());
|
|
3059
3071
|
return;
|
|
3060
3072
|
}
|
|
3061
|
-
this._setValue(
|
|
3073
|
+
this._setValue(o), this._hasUserInteracted && this._validate(), this._dispatchInputEvent();
|
|
3062
3074
|
}
|
|
3063
3075
|
_getValidDateFromInput(e) {
|
|
3064
|
-
const
|
|
3065
|
-
return !
|
|
3076
|
+
const o = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
|
|
3077
|
+
return !o || Number(o[1]) < 1e3 ? null : this._parseLocalDate(e);
|
|
3066
3078
|
}
|
|
3067
3079
|
_handleFocusTrap(e) {
|
|
3068
3080
|
if (!this.datepickerIsOpen || e.key !== "Tab") return;
|
|
@@ -3070,20 +3082,20 @@ const L = (fe = class extends f {
|
|
|
3070
3082
|
".wc-datepicker--container"
|
|
3071
3083
|
);
|
|
3072
3084
|
if (!t) return;
|
|
3073
|
-
const
|
|
3085
|
+
const o = [
|
|
3074
3086
|
"button:not([disabled])",
|
|
3075
3087
|
"input:not([disabled])",
|
|
3076
3088
|
"select:not([disabled])",
|
|
3077
3089
|
"[tabindex]:not([tabindex='-1'])"
|
|
3078
|
-
],
|
|
3090
|
+
], s = [];
|
|
3079
3091
|
if (t.querySelectorAll("nys-button").forEach((c) => {
|
|
3080
|
-
|
|
3081
|
-
}),
|
|
3092
|
+
s.push(c);
|
|
3093
|
+
}), s.push(
|
|
3082
3094
|
...Array.from(
|
|
3083
|
-
t.querySelectorAll(
|
|
3095
|
+
t.querySelectorAll(o.join(","))
|
|
3084
3096
|
).filter((c) => c.offsetParent !== null)
|
|
3085
|
-
),
|
|
3086
|
-
const n =
|
|
3097
|
+
), s.length === 0) return;
|
|
3098
|
+
const n = s[0], i = s[s.length - 1], l = this.shadowRoot?.activeElement;
|
|
3087
3099
|
e.shiftKey ? l === n && (e.preventDefault(), i.focus()) : l === i && (e.preventDefault(), n.focus());
|
|
3088
3100
|
}
|
|
3089
3101
|
_isSafari() {
|
|
@@ -3264,10 +3276,10 @@ V([
|
|
|
3264
3276
|
let xr = L;
|
|
3265
3277
|
customElements.get("nys-datepicker") || customElements.define("nys-datepicker", xr);
|
|
3266
3278
|
const kr = ":host{--_nys-divider-size: var(--nys-size-1px, 1px);--_nys-divider-color: var(--nys-color-neutral-500, #797c7f);--_nys-divider-width: 100%}:host([inverted]){--_nys-divider-color: var(--nys-color-ink-reverse, #ffffff)}.nys-divider{width:var(--_nys-divider-width);height:var(--_nys-divider-size);background-color:var(--_nys-divider-color);flex:1 0 0;margin:0;border:none}";
|
|
3267
|
-
var $r = Object.defineProperty, Er = (r, e, t,
|
|
3268
|
-
for (var
|
|
3269
|
-
(i = r[n]) && (
|
|
3270
|
-
return
|
|
3279
|
+
var $r = Object.defineProperty, Er = (r, e, t, o) => {
|
|
3280
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
3281
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
3282
|
+
return s && $r(e, t, s), s;
|
|
3271
3283
|
};
|
|
3272
3284
|
let Sr = 0;
|
|
3273
3285
|
const Zt = class Zt extends f {
|
|
@@ -3295,10 +3307,10 @@ Er([
|
|
|
3295
3307
|
], vt.prototype, "inverted");
|
|
3296
3308
|
customElements.get("nys-divider") || customElements.define("nys-divider", vt);
|
|
3297
3309
|
const Us = ':host{--_nys-dropdownmenu-width: 180px;--_nys-dropdownmenu-height: 100%;--_nys-dropdownmenu-radius: var(--nys-radius-md, 4px);--_nys-dropdownmenu-border-width: var(--nys-border-width-sm, 1px);--_nys-dropdownmenu-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-dropdownmenu-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-dropdownmenu-boxshadow-color-100: var( --nys-color-black-transparent-100, rgba(27, 27, 27, .1) );--_nys-dropdownmenu-boxshadow-color-50: var( --nys-color-black-transparent-50, rgba(27, 27, 27, .01) );--_nys-dropdownmenu-gap: var(--nys-space-2px, 2px);--_nys-dropdownmenu-padding: var(--nys-space-100, 8px);--_nys-dropdownmenu-font-size: var(--nys-font-size-ui-md, 16px);--_nys-dropdownmenu-font-weight: var(font-weight: 400);--_nys-dropdownmenu-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-dropdownmenu-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-dropdownmenuitem-color: var(--nys-color-text, #1b1b1b);--_nys-dropdownmenuitem-gap: var(--nys-space-100, 8px);--_nys-dropdownmenuitem-padding: var(--nys-space-200, 16px) var(--nys-space-100, 8px);--_nys-dropdownmenuitem-border-radius: var(--nys-radius-md, 4px);--_nys-dropdownmenuitem-background-color: var(--nys-color-white, #ffffff);--_nys-dropdownmenuitem-background-color--hover: var( --nys-color-neutral-10, #f6f6f6 );--_nys-dropdownmenuitem-background-color--active: var( --nys-color-neutral-50, #ededed );--_nys-dropdownmenuitem-color--disabled: var( --nys-color-text-disabled, #bec0c1 );--_nys-dropdownmenuitem-outline-width: var(--nys-border-width-md, 2px);--_nys-dropdownmenuitem-outline-color: var(--nys-color-focus, #004dd1)}.nys-dropdownmenu{position:fixed;top:0;left:0;z-index:1776}.nys-dropdownmenu.active ul{display:flex}.nys-dropdownmenu ul{display:none;align-items:flex-start;flex-direction:column;gap:var(--_nys-dropdownmenu-gap);width:var(--_nys-dropdownmenu-width);height:var(--_nys-dropdownmenu-height);border-radius:var(--_nys-dropdownmenu-radius);border:var(--_nys-dropdownmenu-border-width) solid var(--_nys-dropdownmenu-border-color);background-color:var(--_nys-dropdownmenu-background-color);box-shadow:0 4px 6px -1px var(--_nys-dropdownmenu-boxshadow-color-100),0 4px 6px -1px var(--_nys-dropdownmenu-boxshadow-color-50);padding:var(--_nys-dropdownmenu-padding);font-family:var(--_nys-dropdownmenu-font-family);font-size:var(--_nys-dropdownmenu-font-size);font-weight:var(--_nys-dropdownmenu-font-weight);line-height:var(--_nys-dropdownmenu-line-height);overflow:hidden;margin:0}.nys-dropdownmenuitem{list-style:none;width:var(--_nys-dropdownmenu-width);padding:0;margin:0}.nys-dropdownmenuitem a,.nys-dropdownmenuitem button{display:flex;gap:var(--_nys-dropdownmenuitem-gap);padding:var(--_nys-dropdownmenuitem-padding);border-radius:var(--_nys-dropdownmenuitem-border-radius);background-color:var(--_nys-dropdownmenuitem-background-color);width:100%;box-sizing:border-box;text-decoration:none;text-wrap:wrap;color:var(--_nys-dropdownmenuitem-color);transition:.05s ease-in-out all;border:none;font-family:var(--_nys-dropdownmenu-font-family);font-size:var(--_nys-dropdownmenu-font-size);font-weight:var(--_nys-dropdownmenu-font-weight);line-height:var(--_nys-dropdownmenu-line-height);cursor:pointer}.nys-dropdownmenuitem a nys-icon,.nys-dropdownmenuitem button nys-icon{margin-top:2px}.nys-dropdownmenuitem a:hover:not(.disabled):not([aria-disabled=true]),.nys-dropdownmenuitem button:hover:not(.disabled):not([aria-disabled=true]){background-color:var(--_nys-dropdownmenuitem-background-color--hover)}.nys-dropdownmenuitem a:active:not(.disabled):not([aria-disabled=true]),.nys-dropdownmenuitem button:active:not(.disabled):not([aria-disabled=true]){background-color:var(--_nys-dropdownmenuitem-background-color--active)}.nys-dropdownmenuitem a:focus-visible:not(:focus):not(.disabled):not([aria-disabled=true]),.nys-dropdownmenuitem button:focus-visible:not(:focus):not(.disabled):not([aria-disabled=true]){outline:var(--_nys-dropdownmenuitem-outline-width) solid var(--_nys-dropdownmenuitem-outline-color)}.nys-dropdownmenuitem a.disabled,.nys-dropdownmenuitem a[aria-disabled=true],.nys-dropdownmenuitem button.disabled,.nys-dropdownmenuitem button[aria-disabled=true]{color:var(--_nys-dropdownmenuitem-color--disabled);pointer-events:none;cursor:default}';
|
|
3298
|
-
var Lr = Object.defineProperty, Re = (r, e, t,
|
|
3299
|
-
for (var
|
|
3300
|
-
(i = r[n]) && (
|
|
3301
|
-
return
|
|
3310
|
+
var Lr = Object.defineProperty, Re = (r, e, t, o) => {
|
|
3311
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
3312
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
3313
|
+
return s && Lr(e, t, s), s;
|
|
3302
3314
|
};
|
|
3303
3315
|
let Dr = 0;
|
|
3304
3316
|
const gt = class gt extends f {
|
|
@@ -3383,10 +3395,10 @@ Re([
|
|
|
3383
3395
|
a({ type: String })
|
|
3384
3396
|
], ae.prototype, "divider");
|
|
3385
3397
|
customElements.get("nys-dropdownmenuitem") || customElements.define("nys-dropdownmenuitem", ae);
|
|
3386
|
-
var Mr = Object.defineProperty, Ot = (r, e, t,
|
|
3387
|
-
for (var
|
|
3388
|
-
(i = r[n]) && (
|
|
3389
|
-
return
|
|
3398
|
+
var Mr = Object.defineProperty, Ot = (r, e, t, o) => {
|
|
3399
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
3400
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
3401
|
+
return s && Mr(e, t, s), s;
|
|
3390
3402
|
};
|
|
3391
3403
|
let zr = 0;
|
|
3392
3404
|
const Ft = class Ft extends f {
|
|
@@ -3404,12 +3416,12 @@ const Ft = class Ft extends f {
|
|
|
3404
3416
|
));
|
|
3405
3417
|
}, this._handleDocumentClick = (e) => {
|
|
3406
3418
|
if (!this.showDropdown) return;
|
|
3407
|
-
const t = e?.composedPath(),
|
|
3408
|
-
!
|
|
3419
|
+
const t = e?.composedPath(), o = t.includes(this), s = this._trigger && t.includes(this._trigger);
|
|
3420
|
+
!o && !s && this._closeDropdown();
|
|
3409
3421
|
}, this._handleTriggerKeydown = (e) => {
|
|
3410
3422
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this._toggleDropdown()), e.key === "Escape" && this.showDropdown && (e.preventDefault(), this._closeDropdown());
|
|
3411
3423
|
}, this._handleMenuKeydown = (e) => {
|
|
3412
|
-
const t = this._getMenuItems(),
|
|
3424
|
+
const t = this._getMenuItems(), o = t.indexOf(document.activeElement);
|
|
3413
3425
|
switch (e.key) {
|
|
3414
3426
|
case "Escape":
|
|
3415
3427
|
e.preventDefault(), this._closeDropdown();
|
|
@@ -3417,17 +3429,17 @@ const Ft = class Ft extends f {
|
|
|
3417
3429
|
case "ArrowDown":
|
|
3418
3430
|
case "ArrowRight":
|
|
3419
3431
|
e.preventDefault();
|
|
3420
|
-
const
|
|
3421
|
-
t[
|
|
3432
|
+
const s = o < t.length - 1 ? o + 1 : 0;
|
|
3433
|
+
t[s].focus();
|
|
3422
3434
|
break;
|
|
3423
3435
|
case "ArrowUp":
|
|
3424
3436
|
case "ArrowLeft":
|
|
3425
3437
|
e.preventDefault();
|
|
3426
|
-
const n =
|
|
3438
|
+
const n = o > 0 ? o - 1 : t.length - 1;
|
|
3427
3439
|
t[n].focus();
|
|
3428
3440
|
break;
|
|
3429
3441
|
case "Tab":
|
|
3430
|
-
|
|
3442
|
+
o >= t.length - 1 && !e.shiftKey && this._closeDropdown();
|
|
3431
3443
|
break;
|
|
3432
3444
|
}
|
|
3433
3445
|
}, this._handleWindowResize = () => {
|
|
@@ -3457,19 +3469,19 @@ const Ft = class Ft extends f {
|
|
|
3457
3469
|
if (!e) return null;
|
|
3458
3470
|
let t = document.getElementById(e);
|
|
3459
3471
|
if (t) return t;
|
|
3460
|
-
const
|
|
3461
|
-
for (const n of Array.from(
|
|
3472
|
+
const o = (s) => {
|
|
3473
|
+
for (const n of Array.from(s.querySelectorAll("*"))) {
|
|
3462
3474
|
const i = n.shadowRoot;
|
|
3463
3475
|
if (i) {
|
|
3464
3476
|
const l = i.getElementById(e);
|
|
3465
3477
|
if (l) return l;
|
|
3466
|
-
const c =
|
|
3478
|
+
const c = o(i);
|
|
3467
3479
|
if (c) return c;
|
|
3468
3480
|
}
|
|
3469
3481
|
}
|
|
3470
3482
|
return null;
|
|
3471
3483
|
};
|
|
3472
|
-
return
|
|
3484
|
+
return o(document);
|
|
3473
3485
|
}
|
|
3474
3486
|
_connectTrigger() {
|
|
3475
3487
|
const e = this._findTrigger();
|
|
@@ -3483,7 +3495,7 @@ const Ft = class Ft extends f {
|
|
|
3483
3495
|
}
|
|
3484
3496
|
_getMenuItems() {
|
|
3485
3497
|
return (this.shadowRoot?.querySelector("slot")?.assignedElements({ flatten: !0 }) || []).filter(
|
|
3486
|
-
(
|
|
3498
|
+
(o) => o && !o.hasAttribute("disabled")
|
|
3487
3499
|
);
|
|
3488
3500
|
}
|
|
3489
3501
|
async _focusOnFirstItem() {
|
|
@@ -3514,20 +3526,20 @@ const Ft = class Ft extends f {
|
|
|
3514
3526
|
this._applyPosition(t);
|
|
3515
3527
|
}
|
|
3516
3528
|
_setUserPosition(e) {
|
|
3517
|
-
const t = this._checkSpaceAvailable(),
|
|
3529
|
+
const t = this._checkSpaceAvailable(), o = this._menuElement.getBoundingClientRect();
|
|
3518
3530
|
return this._checkPositionFits(
|
|
3519
3531
|
e,
|
|
3520
3532
|
t,
|
|
3521
|
-
|
|
3522
|
-
) ? e : this._findBestAlternative(e, t,
|
|
3533
|
+
o
|
|
3534
|
+
) ? e : this._findBestAlternative(e, t, o);
|
|
3523
3535
|
}
|
|
3524
3536
|
/**
|
|
3525
3537
|
* Auto Positioning of the dropdown menu relies on the best surrounding space available
|
|
3526
3538
|
* to select the desirable position.
|
|
3527
3539
|
*/
|
|
3528
3540
|
_autoPosition() {
|
|
3529
|
-
const e = this._checkSpaceAvailable(), t = this._menuElement.getBoundingClientRect(),
|
|
3530
|
-
return this._checkPositionFits(
|
|
3541
|
+
const e = this._checkSpaceAvailable(), t = this._menuElement.getBoundingClientRect(), o = "bottom-end";
|
|
3542
|
+
return this._checkPositionFits(o, e, t) ? o : this._findBestAlternative(o, e, t);
|
|
3531
3543
|
}
|
|
3532
3544
|
/**
|
|
3533
3545
|
* Checks if the dropdown menu fits inside the viewport on the given side of the trigger.
|
|
@@ -3536,16 +3548,16 @@ const Ft = class Ft extends f {
|
|
|
3536
3548
|
_checkSpaceAvailable() {
|
|
3537
3549
|
if (!this._trigger)
|
|
3538
3550
|
return { top: 0, bottom: 0, start: 0, end: 0 };
|
|
3539
|
-
const e = this._trigger.getBoundingClientRect(), t = window.innerWidth,
|
|
3551
|
+
const e = this._trigger.getBoundingClientRect(), t = window.innerWidth, o = window.innerHeight;
|
|
3540
3552
|
return {
|
|
3541
3553
|
top: e.top,
|
|
3542
|
-
bottom:
|
|
3554
|
+
bottom: o - e.bottom,
|
|
3543
3555
|
start: e.left,
|
|
3544
3556
|
end: t - e.right
|
|
3545
3557
|
};
|
|
3546
3558
|
}
|
|
3547
|
-
_checkPositionFits(e, t,
|
|
3548
|
-
const
|
|
3559
|
+
_checkPositionFits(e, t, o) {
|
|
3560
|
+
const s = o.width, n = o.height, [i, l] = e.split("-"), c = i === "bottom" ? t.bottom >= n + this.GAP : t.top >= n + this.GAP, h = l === "start" ? t.end >= s : t.start >= s;
|
|
3549
3561
|
return c && h;
|
|
3550
3562
|
}
|
|
3551
3563
|
/**
|
|
@@ -3555,23 +3567,23 @@ const Ft = class Ft extends f {
|
|
|
3555
3567
|
* @param space
|
|
3556
3568
|
* @param menuRect
|
|
3557
3569
|
*/
|
|
3558
|
-
_findBestAlternative(e, t,
|
|
3559
|
-
const [
|
|
3560
|
-
`${
|
|
3570
|
+
_findBestAlternative(e, t, o) {
|
|
3571
|
+
const [s, n] = e.split("-"), i = [
|
|
3572
|
+
`${s === "bottom" ? "top" : "bottom"}-${n}`,
|
|
3561
3573
|
// Flip vertical
|
|
3562
|
-
`${
|
|
3574
|
+
`${s}-${n === "start" ? "end" : "start"}`,
|
|
3563
3575
|
// Flip horizontal
|
|
3564
|
-
`${
|
|
3576
|
+
`${s === "bottom" ? "top" : "bottom"}-${n === "start" ? "end" : "start"}`
|
|
3565
3577
|
// Flip both
|
|
3566
3578
|
];
|
|
3567
3579
|
for (const l of i)
|
|
3568
|
-
if (this._checkPositionFits(l, t,
|
|
3580
|
+
if (this._checkPositionFits(l, t, o))
|
|
3569
3581
|
return l;
|
|
3570
3582
|
return this._findMostAvailableSpace(t);
|
|
3571
3583
|
}
|
|
3572
3584
|
_findMostAvailableSpace(e) {
|
|
3573
|
-
const t = e.bottom >= e.top ? "bottom" : "top",
|
|
3574
|
-
return `${t}-${
|
|
3585
|
+
const t = e.bottom >= e.top ? "bottom" : "top", o = e.start >= e.end ? "start" : "end";
|
|
3586
|
+
return `${t}-${o}`;
|
|
3575
3587
|
}
|
|
3576
3588
|
/**
|
|
3577
3589
|
* A valid ideal position has been chosen.
|
|
@@ -3582,9 +3594,9 @@ const Ft = class Ft extends f {
|
|
|
3582
3594
|
_calculateCoordinates(e) {
|
|
3583
3595
|
if (!this._trigger || !this._menuElement)
|
|
3584
3596
|
return { top: 0, left: 0 };
|
|
3585
|
-
const t = this._trigger.getBoundingClientRect(),
|
|
3597
|
+
const t = this._trigger.getBoundingClientRect(), o = this._menuElement.getBoundingClientRect(), [s, n] = e.split("-");
|
|
3586
3598
|
let i = 0, l = 0;
|
|
3587
|
-
return
|
|
3599
|
+
return s === "bottom" ? i = t.bottom + this.GAP : i = t.top - o.height - this.GAP, n === "start" ? l = t.left : l = t.right - o.width, { top: i, left: l };
|
|
3588
3600
|
}
|
|
3589
3601
|
_applyPosition(e) {
|
|
3590
3602
|
this._menuElement && (this._menuElement.style.top = `${e.top}px`, this._menuElement.style.left = `${e.left}px`);
|
|
@@ -3614,10 +3626,10 @@ Ot([
|
|
|
3614
3626
|
], Ie.prototype, "position");
|
|
3615
3627
|
customElements.get("nys-dropdownmenu") || customElements.define("nys-dropdownmenu", Ie);
|
|
3616
3628
|
const Br = ':host{--_nys-errormessage-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-errormessage-font-weight: var(--nys-font-weight-regular, 400);--_nys-errormessage-font-size: var(--nys-font-size-ui-md, 16px);--_nys-errormessage-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-errormessage-letter-spacing: var( --nys-font-letterspacing-ui-md, .044px );--_nys-errormessage-color: var(--nys-color-danger, #b52c2c);--_nys-errormessage-gap: var(--nys-space-100, 8px);--_nys-errormessage-padding--divider: var(--nys-space-50, 4px);--_nys-errormessage-width--divider: var(--nys-border-width-sm, 1px);--_nys-errormessage-margin-top: 0}.nys-errormessage{display:flex;align-items:center;gap:var(--_nys-errormessage-gap);font-family:var(--_nys-errormessage-font-family);font-weight:var(--_nys-errormessage-font-weight);font-size:var(--_nys-errormessage-font-size);line-height:var(--_nys-errormessage-line-height);letter-spacing:var(--_nys-errormessage-letter-spacing);color:var(--_nys-errormessage-color);margin-top:var(--_nys-errormessage-margin-top)}.nys-errormessage[showDivider]{padding-top:var(--_nys-errormessage-padding--divider);margin-top:var(--_nys-errormessage-padding--divider);border-top:var(--_nys-errormessage-width--divider) solid var(--_nys-errormessage-color)}';
|
|
3617
|
-
var Ar = Object.defineProperty, It = (r, e, t,
|
|
3618
|
-
for (var
|
|
3619
|
-
(i = r[n]) && (
|
|
3620
|
-
return
|
|
3629
|
+
var Ar = Object.defineProperty, It = (r, e, t, o) => {
|
|
3630
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
3631
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
3632
|
+
return s && Ar(e, t, s), s;
|
|
3621
3633
|
};
|
|
3622
3634
|
const _t = class _t extends f {
|
|
3623
3635
|
// allows use of elementInternals' API
|
|
@@ -3649,17 +3661,17 @@ It([
|
|
|
3649
3661
|
customElements.get("nys-errormessage") || customElements.define("nys-errormessage", He);
|
|
3650
3662
|
async function Vr(r, e) {
|
|
3651
3663
|
if (!e || e.trim() === "") return !0;
|
|
3652
|
-
const t = e.toLowerCase().split(",").map((n) => n.trim()),
|
|
3664
|
+
const t = e.toLowerCase().split(",").map((n) => n.trim()), o = r.name.toLowerCase(), s = o.includes(".") ? o.split(".").pop() : "";
|
|
3653
3665
|
for (const n of t)
|
|
3654
|
-
if (n.startsWith(".") && n.slice(1) ===
|
|
3666
|
+
if (n.startsWith(".") && n.slice(1) === s || n.endsWith("/*") && r.type.startsWith(n.slice(0, -1)) || r.type === n)
|
|
3655
3667
|
return !0;
|
|
3656
3668
|
return !1;
|
|
3657
3669
|
}
|
|
3658
3670
|
const Or = ':host{--_nys-fileitem-border-radius: var(--nys-radius-md, 4px);--_nys-fileitem-padding: var(--nys-space-100, 8px) var(--nys-space-200, 16px);--_nys-fileitem-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-fileitem-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-fileitem-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-fileitem-font-size: var(--nys-font-size-ui-md, 16px);--_nys-fileitem-font-weight: var(--nys-font-weight-regular, 400);--_nys-fileitem-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-fileitem-letter-spacing: var( --nys-font-letterspacing-ui-md, .044px );--_nys-fileitem-background-color--progress: var( --nys-color-neutral-50, #ededed );--_nys-fileitem-background-color--progress--fill: var( --nys-color-info, #004dd1 )}.file-item{position:relative;border-radius:var(--_nys-fileitem-border-radius);border-width:var(--nys-border-width-sm, 1px);border-style:solid;border-color:var(--_nys-fileitem-border-color);background-color:var(--_nys-fileitem-background-color)}.file-item.error{--_nys-fileitem-border-color: var(--nys-color-danger, #b52c2c)}.file-item__main{display:flex;place-items:center center;gap:var(--_nys-fileinput-gap);padding:var(--_nys-fileitem-padding);height:56px;box-sizing:border-box}.file-item__info{display:flex;flex-direction:column;flex:1;min-width:0;font-family:var(--_nys-fileitem-font-family);font-size:var(--_nys-fileitem-font-size);font-style:normal;font-weight:var(--_nys-fileitem-font-weight);line-height:var(--_nys-fileitem-line-height);letter-spacing:var(--_nys-fileitem-letter-spacing)}.file-item__info-name{display:flex;max-width:100%;overflow:hidden;white-space:nowrap;align-items:center}.file-item__info-name-start{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.file-item p{margin:0}.file-item__error{color:var(--nys-color-danger, #b52c2c);text-overflow:ellipsis;font-weight:700}progress{position:absolute;bottom:0;display:flex;width:100%;height:6px;border-radius:var(--nys-radius-round, 1776px);background:var(--_nys-fileitem-background-color--progress--fill);overflow:hidden;appearance:none}progress::-moz-progress-bar{background-color:var(--_nys-fileitem-background-color--progress)}progress::-webkit-progress-value{background-color:var(--_nys-fileitem-background-color--progress--fill)}progress::-webkit-progress-bar{background-color:var(--_nys-fileitem-background-color--progress)}.file-icon[name=progress_activity]{animation:spin 1s linear infinite}.file-icon[name=error]{color:var(--nys-color-danger, #b52c2c)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}';
|
|
3659
|
-
var Ir = Object.defineProperty, $t = (r, e, t,
|
|
3660
|
-
for (var
|
|
3661
|
-
(i = r[n]) && (
|
|
3662
|
-
return
|
|
3671
|
+
var Ir = Object.defineProperty, $t = (r, e, t, o) => {
|
|
3672
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
3673
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
3674
|
+
return s && Ir(e, t, s), s;
|
|
3663
3675
|
};
|
|
3664
3676
|
const mt = class mt extends f {
|
|
3665
3677
|
constructor() {
|
|
@@ -3675,11 +3687,11 @@ const mt = class mt extends f {
|
|
|
3675
3687
|
);
|
|
3676
3688
|
}
|
|
3677
3689
|
splitFilename(e) {
|
|
3678
|
-
const t = e.lastIndexOf("."),
|
|
3679
|
-
return { startPart: n, endPart: i, extension:
|
|
3690
|
+
const t = e.lastIndexOf("."), o = t !== -1 ? e.slice(t) : "", s = t !== -1 ? e.slice(0, t) : e, n = s.slice(0, s.length - 3), i = s.slice(-3);
|
|
3691
|
+
return { startPart: n, endPart: i, extension: o };
|
|
3680
3692
|
}
|
|
3681
3693
|
render() {
|
|
3682
|
-
const { startPart: e, endPart: t, extension:
|
|
3694
|
+
const { startPart: e, endPart: t, extension: o } = this.splitFilename(this.filename);
|
|
3683
3695
|
return d`
|
|
3684
3696
|
<div
|
|
3685
3697
|
class="file-item ${this.status}"
|
|
@@ -3696,7 +3708,7 @@ const mt = class mt extends f {
|
|
|
3696
3708
|
<div class="file-item__info-name">
|
|
3697
3709
|
<span class="file-item__info-name-start">${e}</span>
|
|
3698
3710
|
<span class="file-item__info-name-end"
|
|
3699
|
-
>${t}${
|
|
3711
|
+
>${t}${o}</span
|
|
3700
3712
|
>
|
|
3701
3713
|
</div>
|
|
3702
3714
|
${this.errorMessage ? d`<p
|
|
@@ -3753,10 +3765,10 @@ $t([
|
|
|
3753
3765
|
], Se.prototype, "errorMessage");
|
|
3754
3766
|
customElements.define("nys-fileitem", Se);
|
|
3755
3767
|
const Hr = ':host{--_nys-fileinput-gap: var(--nys-space-100, 8px);--_nys-fileinput-font-size: var(--nys-font-size-ui-md, 16px);--_nys-fileinput-font-weight: var(--nys-font-weight-semibold, 600);--_nys-fileinput-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-fileinput-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-fileinput-background-color--dropzone: var( --nys-color-ink-reverse, #ffffff );--_nys-fileinput-background-color--dropzone--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-fileinput-background-color--dropzone--active: var( --nys-color-theme-faint, #f7fafd );--_nys-fileinput-border-radius--dropzone: var( --nys-radius-lg, var(--nys-space-100, 8px) );--_nys-fileinput-border-style: dashed;--_nys-fileinput-border-color: var(--nys-color-neutral-200, #bec0c1);--_nys-fileinput-border-width: var(--nys-border-width-sm, 1px)}.nys-fileinput{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--_nys-fileinput-gap);font-family:var(--_nys-fileinput-font-family);font-size:var(--_nys-fileinput-font-size);font-weight:var(--_nys-fileinput-font-weight);line-height:var(--_nys-fileinput-line-height)}:host([width=lg]) .nys-fileinput{max-width:var(--nys-form-width-lg, 384px)}ul{list-style-type:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:var(--_nys-fileinput-gap)}.nys-fileinput__dropzone{display:flex;padding:var(--nys-space-400, 32px) var(--nys-space-200, 16px);justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:var(--_nys-fileinput-border-radius--dropzone);outline:var(--_nys-fileinput-border-width) var(--_nys-fileinput-border-style) var(--_nys-fileinput-border-color);background-color:var(--_nys-fileinput-background-color--dropzone);transition:all 60ms ease-in-out}.nys-fileinput__dropzone:hover{cursor:pointer;--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-neutral-700, #4a4d4f)}.nys-fileinput__dropzone.drag-active{--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-theme, #154973);--_nys-fileinput-border-style: solid}.nys-fileinput__dropzone.error{--_nys-fileinput-border-color: var(--nys-color-danger, #b52c2c)}.nys-fileinput__dropzone.error:hover{--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-emergency, #721c1c)}.nys-fileinput__dropzone.disabled{cursor:not-allowed;--_nys-fileinput-border-color: var(--nys-color-neutral-300, #a7a9ab);--_nys-fileinput-border-width: var(--nys-border-width-sm, 1px);background-color:var(--_nys-fileinput-background-color--dropzone--disabled);color:var(--_nys-fileinput-color--dropzone--disabled)}progress{display:flex;width:100%;height:6px;border-radius:var(--nys-radius-round, 1776px);background-color:var(--_nys-fileinput-progress-background);overflow:hidden;appearance:none;border:none}progress::-moz-progress-bar{background-color:var(--_nys-fileinput-progress-background)}progress::-webkit-progress-value{background-color:var(--_nys-fileinput-progress-background)}progress::-webkit-progress-bar{background-color:var(--_nys-fileinput-progress-background)}';
|
|
3756
|
-
var qr = Object.defineProperty, U = (r, e, t,
|
|
3757
|
-
for (var
|
|
3758
|
-
(i = r[n]) && (
|
|
3759
|
-
return
|
|
3768
|
+
var qr = Object.defineProperty, U = (r, e, t, o) => {
|
|
3769
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
3770
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
3771
|
+
return s && qr(e, t, s), s;
|
|
3760
3772
|
};
|
|
3761
3773
|
let Rr = 0;
|
|
3762
3774
|
const We = class We extends f {
|
|
@@ -3774,14 +3786,14 @@ const We = class We extends f {
|
|
|
3774
3786
|
if (this._selectedFiles.length === 0)
|
|
3775
3787
|
return `${this.label + " " + this.description}`;
|
|
3776
3788
|
const e = this._selectedFiles.some(
|
|
3777
|
-
(
|
|
3789
|
+
(s) => s.status === "error"
|
|
3778
3790
|
);
|
|
3779
3791
|
let t = "";
|
|
3780
3792
|
if (this._selectedFiles.length === 1)
|
|
3781
3793
|
t = `You have selected ${this._selectedFiles[0].file.name}.`;
|
|
3782
3794
|
else {
|
|
3783
|
-
const
|
|
3784
|
-
t = `You have selected ${this._selectedFiles.length} files: ${
|
|
3795
|
+
const s = this._selectedFiles.map((n) => n.file.name).join(", ");
|
|
3796
|
+
t = `You have selected ${this._selectedFiles.length} files: ${s}`;
|
|
3785
3797
|
}
|
|
3786
3798
|
return `${t}${e ? " Error: One or more files are not valid file types." : ""}`;
|
|
3787
3799
|
}
|
|
@@ -3811,8 +3823,8 @@ const We = class We extends f {
|
|
|
3811
3823
|
const e = this._selectedFiles.map((t) => t.file);
|
|
3812
3824
|
if (e.length > 0) {
|
|
3813
3825
|
const t = new FormData();
|
|
3814
|
-
e.forEach((
|
|
3815
|
-
t.append(this.name,
|
|
3826
|
+
e.forEach((o) => {
|
|
3827
|
+
t.append(this.name, o);
|
|
3816
3828
|
}), this._internals.setFormValue(t);
|
|
3817
3829
|
} else
|
|
3818
3830
|
this._internals.setFormValue(null);
|
|
@@ -3839,10 +3851,10 @@ const We = class We extends f {
|
|
|
3839
3851
|
}
|
|
3840
3852
|
_validate() {
|
|
3841
3853
|
const e = this._selectedFiles.some(
|
|
3842
|
-
(
|
|
3854
|
+
(s) => s.status === "error"
|
|
3843
3855
|
), t = this.required && this._selectedFiles.length === 0;
|
|
3844
|
-
let
|
|
3845
|
-
t ?
|
|
3856
|
+
let o = "";
|
|
3857
|
+
t ? o = this.errorMessage || "Please upload a file." : e && (o = "One or more files are invalid."), this._setValidityMessage(o);
|
|
3846
3858
|
}
|
|
3847
3859
|
// This helper function is called to perform the element's native validation.
|
|
3848
3860
|
checkValidity() {
|
|
@@ -3861,8 +3873,8 @@ const We = class We extends f {
|
|
|
3861
3873
|
e.preventDefault(), this._validate();
|
|
3862
3874
|
const t = this._innerNysButton;
|
|
3863
3875
|
if (t) {
|
|
3864
|
-
const
|
|
3865
|
-
|
|
3876
|
+
const o = this._internals.form;
|
|
3877
|
+
o ? Array.from(o.elements).find(
|
|
3866
3878
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
3867
3879
|
) === this && (t.focus(), t.classList.add("active-focus")) : (t.focus(), t.classList.add("active-focus"));
|
|
3868
3880
|
}
|
|
@@ -3874,14 +3886,14 @@ const We = class We extends f {
|
|
|
3874
3886
|
// Store the files to be displayed
|
|
3875
3887
|
async _saveSelectedFiles(e) {
|
|
3876
3888
|
if (this._selectedFiles.some(
|
|
3877
|
-
(
|
|
3889
|
+
(s) => s.file.name == e.name
|
|
3878
3890
|
) || !this.multiple && this._selectedFiles.length >= 1) return;
|
|
3879
|
-
const
|
|
3891
|
+
const o = {
|
|
3880
3892
|
file: e,
|
|
3881
3893
|
progress: 0,
|
|
3882
3894
|
status: "pending"
|
|
3883
3895
|
};
|
|
3884
|
-
this._selectedFiles.push(
|
|
3896
|
+
this._selectedFiles.push(o), await this._processFile(o), this._setValue(), this._validate();
|
|
3885
3897
|
}
|
|
3886
3898
|
// Read the contents of stored files, this will indicate loading progress of the uploaded files
|
|
3887
3899
|
async _processFile(e) {
|
|
@@ -3891,17 +3903,17 @@ const We = class We extends f {
|
|
|
3891
3903
|
e.status = "error", e.errorMsg = "File type is invalid.", this.requestUpdate();
|
|
3892
3904
|
return;
|
|
3893
3905
|
}
|
|
3894
|
-
const
|
|
3895
|
-
|
|
3896
|
-
if (
|
|
3897
|
-
const n = Math.round(
|
|
3906
|
+
const o = new FileReader();
|
|
3907
|
+
o.onprogress = (s) => {
|
|
3908
|
+
if (s.lengthComputable) {
|
|
3909
|
+
const n = Math.round(s.loaded * 100 / s.total);
|
|
3898
3910
|
e.progress = n, this.requestUpdate();
|
|
3899
3911
|
}
|
|
3900
|
-
},
|
|
3912
|
+
}, o.onload = () => {
|
|
3901
3913
|
e.progress = 100, e.status = "done", this.requestUpdate();
|
|
3902
|
-
},
|
|
3914
|
+
}, o.onerror = () => {
|
|
3903
3915
|
e.status = "error", e.errorMsg = "Failed to load file.", this.requestUpdate();
|
|
3904
|
-
},
|
|
3916
|
+
}, o.readAsArrayBuffer(e.file);
|
|
3905
3917
|
} catch {
|
|
3906
3918
|
e.status = "error", e.errorMsg = "Error validating file.", this.requestUpdate();
|
|
3907
3919
|
}
|
|
@@ -3944,20 +3956,20 @@ const We = class We extends f {
|
|
|
3944
3956
|
*/
|
|
3945
3957
|
// Access the selected files & add new files to the internal list via the hidden <input type="file">
|
|
3946
3958
|
_handleFileChange(e) {
|
|
3947
|
-
const
|
|
3948
|
-
(
|
|
3959
|
+
const o = e.target.files;
|
|
3960
|
+
(o ? Array.from(o) : []).map((n) => {
|
|
3949
3961
|
this._saveSelectedFiles(n);
|
|
3950
3962
|
}), this.requestUpdate(), this._dispatchChangeEvent(), this._handlePostFileSelectionFocus();
|
|
3951
3963
|
}
|
|
3952
3964
|
_handleFileRemove(e) {
|
|
3953
3965
|
const t = e.detail.filename;
|
|
3954
3966
|
if (this._selectedFiles = this._selectedFiles.filter(
|
|
3955
|
-
(
|
|
3967
|
+
(o) => o.file.name !== t
|
|
3956
3968
|
), this._selectedFiles.length === 0) {
|
|
3957
|
-
const
|
|
3969
|
+
const o = this.shadowRoot?.querySelector(
|
|
3958
3970
|
"input"
|
|
3959
3971
|
);
|
|
3960
|
-
|
|
3972
|
+
o && (o.value = "");
|
|
3961
3973
|
}
|
|
3962
3974
|
this._setValue(), this._validate(), this.requestUpdate(), this._dispatchChangeEvent();
|
|
3963
3975
|
}
|
|
@@ -3973,10 +3985,10 @@ const We = class We extends f {
|
|
|
3973
3985
|
e.preventDefault(), this._dragActive = !1, this.requestUpdate();
|
|
3974
3986
|
const t = e.dataTransfer?.files;
|
|
3975
3987
|
if (!t) return;
|
|
3976
|
-
const
|
|
3977
|
-
this.multiple ?
|
|
3978
|
-
this._saveSelectedFiles(
|
|
3979
|
-
}) : this._saveSelectedFiles(
|
|
3988
|
+
const o = Array.from(t);
|
|
3989
|
+
this.multiple ? o.forEach((s) => {
|
|
3990
|
+
this._saveSelectedFiles(s);
|
|
3991
|
+
}) : this._saveSelectedFiles(o[0]), this.requestUpdate(), this._dispatchChangeEvent();
|
|
3980
3992
|
}
|
|
3981
3993
|
render() {
|
|
3982
3994
|
return d`<div
|
|
@@ -4778,10 +4790,10 @@ const Pr = {
|
|
|
4778
4790
|
</g>
|
|
4779
4791
|
</svg>`
|
|
4780
4792
|
}, Ur = ":host{display:inline-block;width:fit-content;height:fit-content;--_nys-icon-size: var( --nys-icon-size, .7em );box-sizing:content-box!important}@supports (font-size: 1cap){:host{--_nys-icon-size: var(--nys-icon-size, 1cap)}}.nys-icon--svg{width:var(--_nys-icon-size, 1em);height:var(--_nys-icon-size, 1em);display:block;white-space:nowrap}.nys-icon--xs{width:calc(var(--_nys-icon-size) * .75);height:calc(var(--_nys-icon-size) * .75)}.nys-icon--sm{width:calc(var(--_nys-icon-size) * .875);height:calc(var(--_nys-icon-size) * .875)}.nys-icon--md{width:var(--_nys-icon-size);height:var(--_nys-icon-size)}.nys-icon--lg{width:calc(var(--_nys-icon-size) * 1.125);height:calc(var(--_nys-icon-size) * 1.125)}.nys-icon--xl{width:calc(var(--_nys-icon-size) * 1.25);height:calc(var(--_nys-icon-size) * 1.25)}.nys-icon--2xl{width:calc(var(--_nys-icon-size) * 1.5);height:calc(var(--_nys-icon-size) * 1.5)}.nys-icon--3xl{width:calc(var(--_nys-icon-size) * 1.875);height:calc(var(--_nys-icon-size) * 1.875)}.nys-icon--4xl{width:calc(var(--_nys-icon-size) * 2.25);height:calc(var(--_nys-icon-size) * 2.25)}.nys-icon--5xl{width:calc(var(--_nys-icon-size) * 3);height:calc(var(--_nys-icon-size) * 3)}.nys-icon--12{width:.75rem;height:.75rem}.nys-icon--14{width:.875rem;height:.875rem}.nys-icon--16{width:1rem;height:1rem}.nys-icon--18{width:1.125rem;height:1.125rem}.nys-icon--20{width:1.25rem;height:1.25rem}.nys-icon--24{width:1.5rem;height:1.5rem}.nys-icon--32{width:2rem;height:2rem}.nys-icon--40{width:2.5rem;height:2.5rem}.nys-icon--50{width:3.125rem;height:3.125rem}.nys-icon--flip-horizontal{transform:scaleX(-1)}.nys-icon--flip-vertical{transform:scaleY(-1)}.nys-icon--flip-both{transform:scale(-1)}";
|
|
4781
|
-
var Tr = Object.defineProperty, Pe = (r, e, t,
|
|
4782
|
-
for (var
|
|
4783
|
-
(i = r[n]) && (
|
|
4784
|
-
return
|
|
4793
|
+
var Tr = Object.defineProperty, Pe = (r, e, t, o) => {
|
|
4794
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
4795
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
4796
|
+
return s && Tr(e, t, s), s;
|
|
4785
4797
|
};
|
|
4786
4798
|
const Nt = class Nt extends f {
|
|
4787
4799
|
constructor() {
|
|
@@ -4795,8 +4807,8 @@ const Nt = class Nt extends f {
|
|
|
4795
4807
|
getIcon() {
|
|
4796
4808
|
const e = Pr[this.name];
|
|
4797
4809
|
if (!e) return null;
|
|
4798
|
-
const
|
|
4799
|
-
return
|
|
4810
|
+
const s = new DOMParser().parseFromString(e, "image/svg+xml").documentElement;
|
|
4811
|
+
return s instanceof SVGElement ? (s.setAttribute("role", "img"), this.ariaLabel ? (s.setAttribute("aria-label", this.ariaLabel), s.removeAttribute("aria-hidden")) : (s.setAttribute("aria-hidden", "true"), s.removeAttribute("aria-label")), s.style.rotate = `${this.rotate}deg`, s.style.color = this.color || "currentcolor", s.classList.add(`nys-icon--${this.size}`), s.classList.add("nys-icon--svg"), this.flip && s.classList.add(`nys-icon--flip-${this.flip}`), s) : null;
|
|
4800
4812
|
}
|
|
4801
4813
|
render() {
|
|
4802
4814
|
const e = this.getIcon();
|
|
@@ -4825,10 +4837,10 @@ Pe([
|
|
|
4825
4837
|
], le.prototype, "size");
|
|
4826
4838
|
customElements.get("nys-icon") || customElements.define("nys-icon", le);
|
|
4827
4839
|
const Zr = ':host{--_nys-label-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-label-font-weight: var(--nys-font-weight-semibold, 600);--_nys-label-font-size: var(--nys-font-size-ui-md, 16px);--_nys-label-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-label-letter-spacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-label-color: var(--nys-color-text, #1b1b1b);--_nys-label-cursor: normal;--_nys-description-font-weight: var(--nys-font-weight-regular, 400);--_nys-description-font-style: normal;--_nys-description-font-color: var(--nys-color-text-weak, #4a4d4f);--_nys-required-font-color: var(--nys-color-danger, #b52c2c);--_nys-optional-font-weight: var(--nys-font-weight-regular, 400);--_nys-optional-font-color: var(--nys-color-text-weak, #4a4d4f);--_nys-label-gap: var(--nys-space-4px, 4px)}p{margin:0}.nys-label{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--_nys-label-font-family);font-size:var(--_nys-label-font-size);line-height:var(--_nys-label-line-height);letter-spacing:var(--_nys-label-letter-spacing)}.nys-label *{cursor:var(--_nys-label-cursor)}.nys-label__label{display:flex;gap:var(--_nys-label-gap);text-align:left;font-weight:var(--_nys-label-font-weight);color:var(--_nys-label-color)}.nys-label__description{text-align:left;font-weight:var(--_nys-description-font-weight);font-style:var(--_nys-description-font-style);color:var(--_nys-description-font-color)}.nys-label__required{display:contents;font-weight:var(--_nys-label-font-weight);color:var(--_nys-required-font-color)}.nys-label__optional{display:contents;font-weight:var(--_nys-optional-font-weight);color:var(--_nys-optional-font-color)}.nys-label__tooltip-wrapper{display:flex;gap:2px;align-items:center}.nys-label.invert .nys-label__label,.nys-label.invert .nys-label__description,.nys-label.invert .nys-label__optional{color:var(--nys-color-text-reverse, #ffffff)}.nys-label.invert .nys-label__tooltip-icon{color:var(--nys-color-ink-reverse, #ffffff)}';
|
|
4828
|
-
var Fr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Ue = (r, e, t,
|
|
4829
|
-
for (var
|
|
4830
|
-
(i = r[n]) && (
|
|
4831
|
-
return
|
|
4840
|
+
var Fr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Ue = (r, e, t, o) => {
|
|
4841
|
+
for (var s = o > 1 ? void 0 : o ? Nr(e, t) : e, n = r.length - 1, i; n >= 0; n--)
|
|
4842
|
+
(i = r[n]) && (s = (o ? i(e, t, s) : i(s)) || s);
|
|
4843
|
+
return o && s && Fr(e, t, s), s;
|
|
4832
4844
|
};
|
|
4833
4845
|
const jt = class jt extends f {
|
|
4834
4846
|
constructor() {
|
|
@@ -4847,8 +4859,8 @@ const jt = class jt extends f {
|
|
|
4847
4859
|
_handleLabelClick(e) {
|
|
4848
4860
|
if (!this.for) return;
|
|
4849
4861
|
const t = this.getRootNode().host;
|
|
4850
|
-
let
|
|
4851
|
-
t && t.shadowRoot && (
|
|
4862
|
+
let o = null;
|
|
4863
|
+
t && t.shadowRoot && (o = t.shadowRoot.querySelector(`#${this.for}`)), o && (o instanceof HTMLInputElement ? (e.preventDefault(), e.stopPropagation(), o.type === "file" ? o.click() : o.type === "checkbox" || o.type === "radio" ? (o.focus(), o.click()) : o.focus()) : o.focus());
|
|
4852
4864
|
}
|
|
4853
4865
|
render() {
|
|
4854
4866
|
return d`
|
|
@@ -4909,10 +4921,10 @@ Ue([
|
|
|
4909
4921
|
], ce.prototype, "tooltip", 1);
|
|
4910
4922
|
customElements.get("nys-label") || customElements.define("nys-label", ce);
|
|
4911
4923
|
const jr = ':host{--_nys-modal-width: 439px;--_nys-modal-min-width: 320px;--_nys-modal-border-radius: var(--nys-radius-lg, 8px);--_nys-modal-border-color: var(--nys-color-neutral-200, #bec0c1);--_nys-modal-border-width: 1px;--_nys-modal-background-color: var(--nys-color-surface, #ffffff);--_nys-modal-margin: var(--nys-space-250, 20px);--_nys-modal-padding: var(--nys-space-300, 24px);--_nys-modal-gap: var(--nys-space-200, 16px);--_nys-modal-background-color--overlay: var( --nys-color-black-transparent-700, rgba(27, 27, 27, .7) );--_nys-modal-gap--header: var(--nys-space-100, 8px);--_nys-modal-gap--footer: var(--nys-space-250, 20px);--_nys-modal-font-size: var( --nys-font-size-body-md, var(--nys-font-size-md, 16px) );--_nys-modal-font-size--subheader: var( --nys-font-size-body-lg, var(--nys-font-size-lg, 18px) );--_nys-modal-font-weight--header: var(--nys-font-weight-bold, 700);--_nys-modal-font-weight--subheader: var(--nys-font-weight-semibold, 600);--_nys-modal-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-modal-line-height--subheader: var(--nys-font-lineheight-body-lg, 28px);--_nys-modal-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}*{box-sizing:border-box}::slotted(p){margin:0!important}h2,p{flex:1;margin:0}.nys-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;background:var(--_nys-modal-background-color--overlay)}.nys-modal{display:flex;flex-direction:column;margin:var(--_nys-modal-margin);padding:var(--_nys-modal-padding);gap:var(--_nys-modal-gap);width:var(--_nys-modal-width);border-radius:var(--_nys-modal-border-radius);border:var(--_nys-modal-border-width) solid var(--_nys-modal-border-color);font-family:var(--_nys-modal-font-family);font-size:var(--_nys-modal-font-size);line-height:var(--_nys-modal-line-height);background:var(--_nys-modal-background-color);position:relative;z-index:10000}.nys-modal_header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--_nys-modal-gap--header)}.nys-modal_header p{font-size:var(--_nys-modal-font-size--subheader);font-weight:var(--_nys-modal-font-weight--subheader);line-height:var(--_nys-modal-line-height--subheader)}.nys-modal_header-inner{display:flex;align-items:center;width:100%;font-weight:var(--_nys-modal-font-weight--header)}.nys-modal_body{display:flex;flex-direction:column;align-items:flex-start}.nys-modal_body-inner{overflow:auto;width:100%;max-height:45vh}.nys-modal_body.hidden{display:none}.nys-modal_footer ::slotted(*){display:flex;flex-direction:column-reverse;justify-content:center;gap:var(--_nys-modal-gap--footer);align-self:stretch}.nys-modal_footer.hidden ::slotted(*){display:none}@media(min-width:480px){.nys-modal_body-inner{max-height:25vh}.nys-modal_footer ::slotted(*){flex-direction:row;justify-content:flex-end;align-items:center}.nys-modal{--_nys-modal-width: 439px}}@media(min-width:768px){.nys-modal{--_nys-modal-width: 600px}}@media(min-width:1024px){.nys-modal{--_nys-modal-width: 752px}}@media(min-width:1280px){.nys-modal{--_nys-modal-width: 840px}}';
|
|
4912
|
-
var Wr = Object.defineProperty, Ce = (r, e, t,
|
|
4913
|
-
for (var
|
|
4914
|
-
(i = r[n]) && (
|
|
4915
|
-
return
|
|
4924
|
+
var Wr = Object.defineProperty, Ce = (r, e, t, o) => {
|
|
4925
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
4926
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
4927
|
+
return s && Wr(e, t, s), s;
|
|
4916
4928
|
};
|
|
4917
4929
|
let Yr = 0;
|
|
4918
4930
|
const Wt = class Wt extends f {
|
|
@@ -4951,9 +4963,9 @@ const Wt = class Wt extends f {
|
|
|
4951
4963
|
async _restorePrevFocused() {
|
|
4952
4964
|
const e = this._prevFocusedElement;
|
|
4953
4965
|
if (e && e.tagName.toLowerCase() === "nys-button") {
|
|
4954
|
-
const
|
|
4955
|
-
if (
|
|
4956
|
-
|
|
4966
|
+
const o = await e.getButtonElement();
|
|
4967
|
+
if (o) {
|
|
4968
|
+
o.focus();
|
|
4957
4969
|
return;
|
|
4958
4970
|
}
|
|
4959
4971
|
} else
|
|
@@ -4982,8 +4994,8 @@ const Wt = class Wt extends f {
|
|
|
4982
4994
|
if (!this._actionButtonSlot) return;
|
|
4983
4995
|
const e = window.innerWidth <= 480;
|
|
4984
4996
|
this._actionButtonSlot.assignedElements().forEach((t) => {
|
|
4985
|
-
t.querySelectorAll("nys-button").forEach((
|
|
4986
|
-
e ?
|
|
4997
|
+
t.querySelectorAll("nys-button").forEach((o) => {
|
|
4998
|
+
e ? o?.setAttribute("fullWidth", "") : o?.removeAttribute("fullWidth");
|
|
4987
4999
|
});
|
|
4988
5000
|
});
|
|
4989
5001
|
}
|
|
@@ -5027,29 +5039,29 @@ const Wt = class Wt extends f {
|
|
|
5027
5039
|
if (this.open && (e.key === "Escape" && !this.mandatory && (e.preventDefault(), this._closeModal()), e.key === "Tab")) {
|
|
5028
5040
|
const t = this.shadowRoot?.querySelector(".nys-modal");
|
|
5029
5041
|
if (!t) return;
|
|
5030
|
-
const
|
|
5031
|
-
n &&
|
|
5042
|
+
const o = 'a[href], area[href], button:not([disabled]), details, iframe, object, input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [contentEditable="true"], [tabindex]:not([tabindex^="-"])', s = [], n = t.querySelector("nys-button");
|
|
5043
|
+
n && s.push(n);
|
|
5032
5044
|
const i = Array.from(t.querySelectorAll("slot"));
|
|
5033
5045
|
for (const l of i) {
|
|
5034
5046
|
const c = l.assignedElements({ flatten: !0 });
|
|
5035
5047
|
for (const h of c)
|
|
5036
|
-
h instanceof HTMLElement && h.matches(
|
|
5048
|
+
h instanceof HTMLElement && h.matches(o) && s.push(h), h.querySelectorAll("nys-button").forEach(
|
|
5037
5049
|
(u) => {
|
|
5038
|
-
|
|
5050
|
+
s.push(u);
|
|
5039
5051
|
}
|
|
5040
5052
|
);
|
|
5041
5053
|
}
|
|
5042
|
-
if (
|
|
5043
|
-
const l =
|
|
5044
|
-
let h = document.activeElement, u =
|
|
5054
|
+
if (s.length > 0) {
|
|
5055
|
+
const l = s[0], c = s[s.length - 1];
|
|
5056
|
+
let h = document.activeElement, u = s.indexOf(
|
|
5045
5057
|
h
|
|
5046
5058
|
);
|
|
5047
5059
|
if (e.shiftKey) {
|
|
5048
5060
|
e.preventDefault();
|
|
5049
5061
|
let p = u - 1;
|
|
5050
|
-
p < 0 && (p =
|
|
5051
|
-
const v =
|
|
5052
|
-
|
|
5062
|
+
p < 0 && (p = s.length - 1);
|
|
5063
|
+
const v = s[p];
|
|
5064
|
+
s[p].tagName.toLowerCase() === "nys-button" ? (await v.getButtonElement())?.focus() : v.focus();
|
|
5053
5065
|
} else
|
|
5054
5066
|
h === c && (e.preventDefault(), l.tagName.toLowerCase() === "nys-button" ? (await l.getButtonElement())?.focus() : l.focus());
|
|
5055
5067
|
}
|
|
@@ -5130,10 +5142,10 @@ Ce([
|
|
|
5130
5142
|
], ee.prototype, "hasActionSlots");
|
|
5131
5143
|
customElements.get("nys-modal") || customElements.define("nys-modal", ee);
|
|
5132
5144
|
const Kr = ':host{--_nys-pagination-width: fit-content;--_nys-pagination-height: var(--nys-size-500, 40px);--_nys-pagination-radius: var(--nys-radius-xl, 12px);--_nys-pagination-gap: var(--nys-space-100, 8px);--_nys-pagination-font-size: var(--nys-font-size-ui-md, 16px);--_nys-pagination-font-weight: var(--nys-font-weight-semibold, 600);--_nys-pagination-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-pagination-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}.nys-pagination{width:var(--_nys-pagination-width);height:var(--_nys-pagination-height);border-radius:var(--_nys-pagination-radius);display:flex;align-items:center;justify-content:center;gap:var(--_nys-pagination-gap);font-family:var(--_nys-pagination-font-family);font-size:var(--_nys-pagination-font-size);font-weight:var(--_nys-pagination-font-weight);line-height:var(--_nys-pagination-line-height)}nys-button{--_nys-button-height: var(--_nys-pagination-height);--_nys-button-border-width: var(--nys-border-width-sm, 1px);--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--x: var(--nys-space-200, 16px)}nys-button[variant=outline]{--nys-button-background-color: var(--nys-color-ink-reverse, #ffffff);--nys-button-background-color--hover: var(--nys-color-neutral-10, #f6f6f6);--nys-button-background-color--active: var(--nys-color-neutral-50, #ededed);--nys-button-border-color: var(--nys-color-neutral-200, #bec0c1);--nys-button-border-color--hover: var(--nys-color-neutral-600, #62666a);--nys-button-border-color--active: var(--nys-color-neutral-900, #1b1b1b);--nys-button-color: var(--nys-color-link, #004dd1);--nys-button-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-color--active: var(--nys-color-link-strong, #003ba1)}nys-button[variant=filled]{--nys-button-background-color: var(--nys-color-link, #004dd1);--nys-button-background-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-background-color--active: var( --nys-color-link-strongest, #002971 );--nys-button-border-color: var(--nys-color-link, #004dd1);--nys-button-border-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-border-color--active: var(--nys-color-link-strongest, #002971);--nys-button-color: var(--nys-color-ink-reverse, #ffffff);--nys-button-color--hover: var(--nys-color-ink-reverse, #ffffff);--nys-button-color--active: var(--nys-color-ink-reverse, #ffffff)}nys-button#previous,nys-button#next,nys-button#previous--mobile,nys-button#next--mobile{--nys-button-color: var(--nys-color-text, #1b1b1b);--nys-button-color--hover: var(--nys-color-text, #1b1b1b);--nys-button-color--active: var(--nys-color-text, #1b1b1b);--_nys-button-padding--x: var(--nys-space-150, 12px)}nys-button#previous--mobile,nys-button#next--mobile{display:none}nys-button.spacer{--nys-button-border-color: transparent;--nys-button-border-color--hover: transparent;--nys-button-border-color--active: transparent;--nys-button-background-color: transparent;--nys-button-background-color--hover: transparent;--nys-button-background-color--active: transparent;--nys-button-color: var(--nys-color-text, #1b1b1b);--nys-button-color--hover: var(--nys-color-text, #1b1b1b);--nys-button-color--active: var(--nys-color-text, #1b1b1b);--_nys-button-padding--x: var(--nys-space-1px, 1px);--_nys-button-cursor: default}:host([currentPage="3"]) nys-button#first-spacer,:host([_twoBeforeLast]) nys-button#last-spacer{display:none}@media(min-width:0)and (max-width:767px){nys-button#prev-page,nys-button#next-page{display:none}:host([currentPage="3"]) nys-button#first-spacer,:host([_twoBeforeLast]) nys-button#last-spacer{display:block}nys-button#previous--mobile,nys-button#next--mobile{display:block}nys-button#previous,nys-button#next{display:none}}';
|
|
5133
|
-
var Gr = Object.defineProperty, ot = (r, e, t,
|
|
5134
|
-
for (var
|
|
5135
|
-
(i = r[n]) && (
|
|
5136
|
-
return
|
|
5145
|
+
var Gr = Object.defineProperty, ot = (r, e, t, o) => {
|
|
5146
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
5147
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
5148
|
+
return s && Gr(e, t, s), s;
|
|
5137
5149
|
};
|
|
5138
5150
|
let Qr = 0;
|
|
5139
5151
|
const Yt = class Yt extends f {
|
|
@@ -5148,8 +5160,8 @@ const Yt = class Yt extends f {
|
|
|
5148
5160
|
if (this.totalPages < 1 && (this.totalPages = 1), e.has("currentPage") || e.has("totalPages")) {
|
|
5149
5161
|
const t = this._clampPage(this.currentPage);
|
|
5150
5162
|
t !== this.currentPage && (this.currentPage = t);
|
|
5151
|
-
const
|
|
5152
|
-
|
|
5163
|
+
const o = this.currentPage === this.totalPages - 2;
|
|
5164
|
+
o !== this._twoBeforeLast && (this._twoBeforeLast = o);
|
|
5153
5165
|
}
|
|
5154
5166
|
}
|
|
5155
5167
|
connectedCallback() {
|
|
@@ -5174,7 +5186,7 @@ const Yt = class Yt extends f {
|
|
|
5174
5186
|
@nys-click="${() => this._handlePageClick(c)}"
|
|
5175
5187
|
></nys-button>
|
|
5176
5188
|
`);
|
|
5177
|
-
},
|
|
5189
|
+
}, o = (c) => {
|
|
5178
5190
|
e.push(
|
|
5179
5191
|
d`<nys-button
|
|
5180
5192
|
label="..."
|
|
@@ -5185,7 +5197,7 @@ const Yt = class Yt extends f {
|
|
|
5185
5197
|
></nys-button>`
|
|
5186
5198
|
);
|
|
5187
5199
|
}, n = this.totalPages, i = this.currentPage - 1, l = this.currentPage + 1;
|
|
5188
|
-
return t(1), this.currentPage > 2 &&
|
|
5200
|
+
return t(1), this.currentPage > 2 && o("first-spacer"), i > 1 && t(i, "prev-page"), this.currentPage !== 1 && this.currentPage !== n && t(this.currentPage, "current-page"), l < n && t(l, "next-page"), this.currentPage < n - 1 && o("last-spacer"), n > 1 && t(n), e;
|
|
5189
5201
|
}
|
|
5190
5202
|
/**
|
|
5191
5203
|
* Event Handlers
|
|
@@ -5263,10 +5275,10 @@ ot([
|
|
|
5263
5275
|
], be.prototype, "_twoBeforeLast");
|
|
5264
5276
|
customElements.get("nys-pagination") || customElements.define("nys-pagination", be);
|
|
5265
5277
|
const Ts = `:host{--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiobutton-border-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-color: var(--nys-color-focus, #004dd1);--_nys-radiobutton-outline-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-offset: var(--nys-space-2px, 2px);--_nys-radiobutton-gap: var(--nys-space-150, 12px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-radiobutton-font-size: var(--nys-font-size-ui-md, 16px);--_nys-radiobutton-font-weight--label: var(--nys-font-weight-regular, 400);--_nys-radiobutton-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-radiobutton-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-radiobutton-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-border-color: var(--nys-color-neutral-600, #62666a);--_nys-radiobutton-background-color--hover: var( --nys-color-neutral-50, #ededed );--_nys-radiobutton-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--checked: var(--nys-color-theme, #154973);--_nys-radiobutton-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-radiobutton-border-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-radiobutton-size: var(--nys-size-300, 24px);--_nys-radiobutton-border-radius: var(--nys-radius-sm, 2px);--_nys-radiogroup-gap: var(--nys-space-100, 8px);--_nys-radiobutton-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-gap: var(--nys-space-150, 12px)}:host([tile]){--_nys-radiobutton-font-weight--label: var(--nys-font-weight-semibold, 600);--_nys-radiobutton-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-radiobutton-border-radius--tile: var(--nys-radius-md, 4px);--_nys-radiobutton-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-radiobutton-background-color--tile: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-padding--x--tile: var(--nys-space-250, 20px);--_nys-radiobutton-padding--y--tile: var(--nys-space-200, 16px);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-radiobutton-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-radiobutton-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-radiobutton-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-radiobutton-border-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-background-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-radiobutton-padding--x--tile: var(--nys-space-200, 16px);--_nys-radiobutton-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-radiobutton-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--active: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-danger, #b52c2c )}.nys-radiogroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height)}.nys-radiogroup__content{gap:var(--_nys-radiogroup-gap);display:flex;flex-direction:column}.nys-radiobutton{display:flex;flex-direction:column;font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height);border-radius:var(--_nys-radiobutton-border-radius--tile);border:var(--_nys-radiobutton-border-width--tile) solid var(--_nys-radiobutton-border-color--tile);background-color:var(--_nys-radiobutton-background-color--tile);padding:var(--_nys-radiobutton-padding--y--tile) var(--_nys-radiobutton-padding--x--tile)}.nys-radiobutton__radio{appearance:none;width:var(--_nys-radiobutton-size);height:var(--_nys-radiobutton-size);min-width:var(--_nys-radiobutton-size);min-height:var(--_nys-radiobutton-size);max-width:var(--_nys-radiobutton-size);max-height:var(--_nys-radiobutton-size);border:solid var(--_nys-radiobutton-border-width) var(--_nys-radiobutton-border-color);background-color:var(--_nys-radiobutton-background-color);border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:contain;outline-offset:var(--_nys-radiobutton-outline-offset);outline:none;margin:0 0 auto;box-sizing:border-box}.nys-radiobutton:hover,.nys-radiobutton:hover *{cursor:pointer}input:not(:disabled):checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');background-color:var(--_nys-radiobutton-background-color--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--tile--checked);background-color:var(--_nys-radiobutton-background-color--tile--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked:hover)+.nys-radiobutton .nys-radiobutton__radio{cursor:default}input:disabled:checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');border-color:var(--_nys-radiobutton-border-color--checked--disabled);background-color:var(--_nys-radiobutton-background-color--checked--disabled)}:host([tile]) .nys-radiobutton:has(input:disabled:checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-background-color--tile--disabled);background-color:var(--_nys-radiobutton-border-color--tile--disabled)}input:disabled+.nys-radiobutton,input:disabled+.nys-radiobutton *{cursor:not-allowed}input:disabled+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}:host([tile]) .nys-radiobutton:has(input:disabled)+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}input:hover:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio,input:not(:disabled):not(:checked)+.nys-radiobutton:hover .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--hover);background-color:var(--_nys-radiobutton-background-color--hover)}:host([tile]) input:not(:disabled):not(:checked)+.nys-radiobutton:hover{border-color:var(--_nys-radiobutton-border-color--tile--hover);background-color:var(--_nys-radiobutton-background-color--tile--hover);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--hover)}input:active:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio,input:not(:disabled):not(:checked)+.nys-radiobutton:active .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--active);background-color:var(--_nys-radiobutton-background-color--active)}:host([tile]) input:not(:disabled):not(:checked)+.nys-radiobutton:active{border-color:var(--_nys-radiobutton-border-color--tile--active);background-color:var(--_nys-radiobutton-background-color--tile--active);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--active)}:host(:focus-visible){outline:none}:host(:focus-visible) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color)}input:focus-visible+.nys-radiobutton .nys-radiobutton__radio,.nys-radiobutton:has(:focus-visible) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color);outline-offset:var(--_nys-radiobutton-outline-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.nys-radiobutton__main-container{display:flex;align-items:center}.nys-radiobutton__other-container{display:flex;padding-inline-start:calc(var(--_nys-radiobutton-size) + var(--_nys-radiobutton-gap))}.nys-radiobutton__main-container>nys-label{--_nys-label-font-weight: var(--_nys-radiobutton-font-weight--label);display:flex;padding-inline-start:var(--_nys-radiobutton-gap)}:host([tile]) .nys-radiobutton__main-container>nys-label{--_nys-description-font-style: normal}input:disabled+.nys-radiobutton .nys-radiobutton__main-container>nys-label,input:disabled+.nys-radiobutton .nys-radiobutton__main-container>nys-label *{cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-radiobutton-color--disabled);--_nys-description-color: var(--_nys-radiobutton-color--disabled);color:var(--_nys-radiobutton-color--disabled)}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}`;
|
|
5266
|
-
var Xr = Object.defineProperty, Z = (r, e, t,
|
|
5267
|
-
for (var
|
|
5268
|
-
(i = r[n]) && (
|
|
5269
|
-
return
|
|
5278
|
+
var Xr = Object.defineProperty, Z = (r, e, t, o) => {
|
|
5279
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
5280
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
5281
|
+
return s && Xr(e, t, s), s;
|
|
5270
5282
|
};
|
|
5271
5283
|
let Jr = 0;
|
|
5272
5284
|
const Ye = class Ye extends f {
|
|
@@ -5297,22 +5309,22 @@ const Ye = class Ye extends f {
|
|
|
5297
5309
|
// Updates the "require" attribute of the first radiobutton underneath a radiogroup.
|
|
5298
5310
|
// This will make sure there's a requirement for all radiobutton under the same name/group
|
|
5299
5311
|
_setRadioButtonRequire() {
|
|
5300
|
-
this.querySelectorAll("nys-radiobutton").forEach((t,
|
|
5301
|
-
this.required &&
|
|
5312
|
+
this.querySelectorAll("nys-radiobutton").forEach((t, o) => {
|
|
5313
|
+
this.required && o === 0 && t.setAttribute("required", "required");
|
|
5302
5314
|
});
|
|
5303
5315
|
}
|
|
5304
5316
|
async _manageRequire() {
|
|
5305
|
-
const e = this.errorMessage || "Please select an option.",
|
|
5306
|
-
|
|
5317
|
+
const e = this.errorMessage || "Please select an option.", o = Array.from(this.querySelectorAll("nys-radiobutton"))[0];
|
|
5318
|
+
o && (this.required && !this.selectedValue ? this._internals.setValidity(
|
|
5307
5319
|
{ valueMissing: !0 },
|
|
5308
5320
|
e,
|
|
5309
|
-
|
|
5321
|
+
o
|
|
5310
5322
|
// pass the custom element, not shadow input
|
|
5311
|
-
) : (this.showError = !1, this._internals.setValidity({}, "",
|
|
5323
|
+
) : (this.showError = !1, this._internals.setValidity({}, "", o)));
|
|
5312
5324
|
}
|
|
5313
5325
|
checkValidity() {
|
|
5314
5326
|
const e = Array.from(this.querySelectorAll("nys-radiobutton"));
|
|
5315
|
-
return !this.required || e.some((
|
|
5327
|
+
return !this.required || e.some((o) => o.checked);
|
|
5316
5328
|
}
|
|
5317
5329
|
// Need to account for if radiogroup already have a radiobutton checked at initialization
|
|
5318
5330
|
_initializeCheckedRadioValue() {
|
|
@@ -5329,18 +5341,18 @@ const Ye = class Ye extends f {
|
|
|
5329
5341
|
async _handleKeyDown(e) {
|
|
5330
5342
|
if (!["ArrowUp", "ArrowDown", " ", "Enter"].includes(e.key)) return;
|
|
5331
5343
|
e.preventDefault();
|
|
5332
|
-
const
|
|
5344
|
+
const o = this._getAllRadios().filter((u) => !u.disabled), n = o.find((u) => u.matches(":focus")) || o.find((u) => u.checked) || o[0];
|
|
5333
5345
|
let i = 0;
|
|
5334
5346
|
["ArrowUp", "ArrowLeft"].includes(e.key) ? i = -1 : ["ArrowDown", "ArrowRight"].includes(e.key) && (i = 1);
|
|
5335
|
-
let l =
|
|
5336
|
-
l < 0 && (l =
|
|
5337
|
-
const c =
|
|
5347
|
+
let l = o.indexOf(n) + i;
|
|
5348
|
+
l < 0 && (l = o.length - 1), l >= o.length && (l = 0);
|
|
5349
|
+
const c = o[l];
|
|
5338
5350
|
(await c.getInputElement())?.click(), await this.updateComplete, this._updateGroupTabIndex(), c.focus();
|
|
5339
5351
|
}
|
|
5340
5352
|
_updateGroupTabIndex() {
|
|
5341
|
-
const e = this._getAllRadios(), t = e.find((
|
|
5342
|
-
e.forEach((
|
|
5343
|
-
|
|
5353
|
+
const e = this._getAllRadios(), t = e.find((o) => o.checked && !o.disabled) || e.find((o) => !o.disabled);
|
|
5354
|
+
e.forEach((o) => {
|
|
5355
|
+
o.setAttribute("aria-checked", String(o.checked)), o.tabIndex = o === t && !o.disabled ? 0 : -1;
|
|
5344
5356
|
});
|
|
5345
5357
|
}
|
|
5346
5358
|
// This callback is automatically called when the parent form is reset.
|
|
@@ -5390,7 +5402,7 @@ const Ye = class Ye extends f {
|
|
|
5390
5402
|
const t = this.shadowRoot?.querySelector(
|
|
5391
5403
|
'slot[name="description"]'
|
|
5392
5404
|
)?.assignedNodes({ flatten: !0 }) || [];
|
|
5393
|
-
this._slottedDescriptionText = t.map((
|
|
5405
|
+
this._slottedDescriptionText = t.map((o) => o.textContent?.trim()).filter(Boolean).join(", ");
|
|
5394
5406
|
}
|
|
5395
5407
|
/**
|
|
5396
5408
|
* Event Handlers
|
|
@@ -5398,16 +5410,16 @@ const Ye = class Ye extends f {
|
|
|
5398
5410
|
*/
|
|
5399
5411
|
// Keeps radiogroup informed of the name and value of its current selected radiobutton at each change
|
|
5400
5412
|
_handleRadioButtonChange(e) {
|
|
5401
|
-
const { name: t, value:
|
|
5402
|
-
this.name = t, this.selectedValue =
|
|
5413
|
+
const { name: t, value: o } = e.detail;
|
|
5414
|
+
this.name = t, this.selectedValue = o, this._internals.setFormValue(this.selectedValue), this._internals.setValidity({}), this.showError = !1, this._updateGroupTabIndex();
|
|
5403
5415
|
}
|
|
5404
5416
|
async _handleInvalid(e) {
|
|
5405
5417
|
if (e.preventDefault(), this._internals.validity.customError) {
|
|
5406
|
-
const
|
|
5407
|
-
if (
|
|
5408
|
-
const
|
|
5409
|
-
if (
|
|
5410
|
-
await
|
|
5418
|
+
const o = this._getAllRadios().find((s) => s.other && s.checked);
|
|
5419
|
+
if (o) {
|
|
5420
|
+
const s = o.shadowRoot?.querySelector("nys-textinput");
|
|
5421
|
+
if (o.classList.remove("focused"), s) {
|
|
5422
|
+
await s.updateComplete, s.focus();
|
|
5411
5423
|
return;
|
|
5412
5424
|
}
|
|
5413
5425
|
}
|
|
@@ -5418,8 +5430,8 @@ const Ye = class Ye extends f {
|
|
|
5418
5430
|
"nys-radiobutton"
|
|
5419
5431
|
);
|
|
5420
5432
|
if (t) {
|
|
5421
|
-
const
|
|
5422
|
-
|
|
5433
|
+
const o = this._internals.form;
|
|
5434
|
+
o ? Array.from(o.elements).find(
|
|
5423
5435
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
5424
5436
|
) === this && t.focus() : t.focus();
|
|
5425
5437
|
}
|
|
@@ -5427,11 +5439,11 @@ const Ye = class Ye extends f {
|
|
|
5427
5439
|
}
|
|
5428
5440
|
_handleChildError(e) {
|
|
5429
5441
|
e.stopPropagation();
|
|
5430
|
-
const { message: t, sourceRadio:
|
|
5431
|
-
|
|
5442
|
+
const { message: t, sourceRadio: o } = e.detail;
|
|
5443
|
+
o && (this.showError = !0, this._internals.setValidity(
|
|
5432
5444
|
{ customError: !0 },
|
|
5433
5445
|
t || "Please complete this field.",
|
|
5434
|
-
|
|
5446
|
+
o
|
|
5435
5447
|
));
|
|
5436
5448
|
}
|
|
5437
5449
|
render() {
|
|
@@ -5512,10 +5524,10 @@ Z([
|
|
|
5512
5524
|
_()
|
|
5513
5525
|
], I.prototype, "_slottedDescriptionText");
|
|
5514
5526
|
customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", I);
|
|
5515
|
-
var en = Object.defineProperty, F = (r, e, t,
|
|
5516
|
-
for (var
|
|
5517
|
-
(i = r[n]) && (
|
|
5518
|
-
return
|
|
5527
|
+
var en = Object.defineProperty, F = (r, e, t, o) => {
|
|
5528
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
5529
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
5530
|
+
return s && en(e, t, s), s;
|
|
5519
5531
|
};
|
|
5520
5532
|
let tn = 0;
|
|
5521
5533
|
var k;
|
|
@@ -5599,11 +5611,15 @@ const T = (k = class extends f {
|
|
|
5599
5611
|
}
|
|
5600
5612
|
// Handle focus event
|
|
5601
5613
|
_handleFocus() {
|
|
5602
|
-
this.dispatchEvent(
|
|
5614
|
+
this.dispatchEvent(
|
|
5615
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
5616
|
+
);
|
|
5603
5617
|
}
|
|
5604
5618
|
// Handle blur event
|
|
5605
5619
|
_handleBlur() {
|
|
5606
|
-
this.dispatchEvent(
|
|
5620
|
+
this.dispatchEvent(
|
|
5621
|
+
new Event("nys-blur", { bubbles: !0, composed: !0 })
|
|
5622
|
+
), setTimeout(() => {
|
|
5607
5623
|
this.other && this.checked && (this._hasUserInteracted = !0, this._validateOtherAndEmitError());
|
|
5608
5624
|
}, 50);
|
|
5609
5625
|
}
|
|
@@ -5615,8 +5631,8 @@ const T = (k = class extends f {
|
|
|
5615
5631
|
e && (e.focus(), e.click());
|
|
5616
5632
|
}
|
|
5617
5633
|
_handleTextInput(e) {
|
|
5618
|
-
let
|
|
5619
|
-
this.value =
|
|
5634
|
+
let o = e.target.value;
|
|
5635
|
+
this.value = o, this._hasUserInteracted && this._validateOtherAndEmitError(), this._emitOtherInputEvent();
|
|
5620
5636
|
}
|
|
5621
5637
|
_handleTextInputBlur() {
|
|
5622
5638
|
this._hasUserInteracted = !0, this._validateOtherAndEmitError();
|
|
@@ -5746,10 +5762,10 @@ F([
|
|
|
5746
5762
|
], T.prototype, "isMobile");
|
|
5747
5763
|
let sn = T;
|
|
5748
5764
|
customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", sn);
|
|
5749
|
-
var on = Object.defineProperty, rt = (r, e, t,
|
|
5750
|
-
for (var
|
|
5751
|
-
(i = r[n]) && (
|
|
5752
|
-
return
|
|
5765
|
+
var on = Object.defineProperty, rt = (r, e, t, o) => {
|
|
5766
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
5767
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
5768
|
+
return s && on(e, t, s), s;
|
|
5753
5769
|
};
|
|
5754
5770
|
class ge extends f {
|
|
5755
5771
|
constructor() {
|
|
@@ -5793,10 +5809,10 @@ rt([
|
|
|
5793
5809
|
], ge.prototype, "hidden");
|
|
5794
5810
|
customElements.define("nys-option", ge);
|
|
5795
5811
|
const rn = ':host{--_nys-select-width: 100%;--_nys-select-height: var(--nys-size-500, 40px);--_nys-select-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-select-font-size: var(--nys-font-size-ui-md, 16px);--_nys-select-font-weight: var(--nys-font-weight-regular, 400);--_nys-select-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-select-gap: var(--nys-space-50, 4px);--_nys-select-border-radius: var(--nys-radius-md, 4px);--_nys-select-padding: var(--nys-space-100, 8px) var(--nys-space-400, 32px) var(--nys-space-100, 8px) var(--nys-space-100, 8px);--_nys-select-color: var(--nys-color-text, #1b1b1b);--_nys-select-color--error: var( --nys-color-danger, var(--nys-color-red-600, #b52c2c) );--_nys-select-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-select-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-select-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-select-border-width: var(--nys-border-width-sm, 1px);--_nys-select-border-color: var(--nys-color-neutral-400, #909395);--_nys-select-border-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-select-border-color--focus: var(--nys-color-focus, #004dd1);--_nys-select-border-color--disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-select-border-default: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-400, #909395);--_nys-select-border-focus: var(--nys-border-width-sm, 1px) solid var(--nys-color-focus, var(--nys-color-blue-600, #004dd1));--_nys-select-border-disabled: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-200, #bec0c1);--_nys-select-border-hover: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-900, #1b1b1b)}.nys-select{display:flex;flex-direction:column;gap:var(--_nys-select-gap);font-family:var(--_nys-select-font-family)}.nys-select__select{color:var(--_nys-select-color);font-weight:var(--_nys-select-font-weight);font-family:var(--_nys-select-font-family);border-radius:var(--_nys-select-border-radius);border:solid var(--_nys-select-border-width) var(--_nys-select-border-color);font-size:var(--_nys-select-font-size);padding:var(--_nys-select-padding);width:var(--_nys-select-width);height:var(--_nys-select-height);max-width:100%;text-indent:1px;background:var(--_nys-select-background-color);appearance:none;text-overflow:ellipsis}.nys-select__selectwrapper{position:relative;display:inline-block;width:var(--_nys-select-width);max-width:100%}.nys-select__icon{color:var(--_nys-select-color);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}:host([width=sm]){--_nys-select-width: var(--nys-select-form-width-sm, 88px)}:host([width=md]){--_nys-select-width: var(--nys-select-form-width-md, 200px)}:host([width=lg]){--_nys-select-width: var(--nys-select-form-width-lg, 384px)}:host([width=full]){--_nys-select-width: 100%;flex:1}.nys-select__select:hover:not(:disabled){cursor:pointer;border-color:var(--_nys-select-border-color--hover);outline:solid var(--_nys-select-border-width) var(--_nys-select-border-color--hover)}.nys-select__select:focus{border-color:var(--_nys-select-border-color--focus);outline:solid var(--_nys-select-border-width) var(--_nys-select-border-color--focus)}.nys-select__select:disabled{background-color:var(--_nys-select-background-color--disabled);border-color:var(--_nys-select-border-color--disabled);cursor:not-allowed;color:var(--_nys-select-color--disabled)}.nys-select__select:disabled~.nys-select__icon{color:var(--_nys-select-color--disabled)}:host([showError]){--_nys-select-border-default: var(--nys-border-width-sm, 1px) solid var(--_nys-select-color--error)}';
|
|
5796
|
-
var nn = Object.defineProperty, j = (r, e, t,
|
|
5797
|
-
for (var
|
|
5798
|
-
(i = r[n]) && (
|
|
5799
|
-
return
|
|
5812
|
+
var nn = Object.defineProperty, j = (r, e, t, o) => {
|
|
5813
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
5814
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
5815
|
+
return s && nn(e, t, s), s;
|
|
5800
5816
|
};
|
|
5801
5817
|
let an = 0;
|
|
5802
5818
|
const Ke = class Ke extends f {
|
|
@@ -5848,8 +5864,8 @@ const Ke = class Ke extends f {
|
|
|
5848
5864
|
return;
|
|
5849
5865
|
}
|
|
5850
5866
|
});
|
|
5851
|
-
const
|
|
5852
|
-
|
|
5867
|
+
const s = Array.from(t.options).find((n) => n.selected);
|
|
5868
|
+
s && (this.value = s.value, this._internals.setFormValue(this.value));
|
|
5853
5869
|
}
|
|
5854
5870
|
/**
|
|
5855
5871
|
* Form Integration
|
|
@@ -5868,8 +5884,8 @@ const Ke = class Ke extends f {
|
|
|
5868
5884
|
const t = this.shadowRoot?.querySelector("select");
|
|
5869
5885
|
if (!t) return;
|
|
5870
5886
|
this.showError = !!e, this._originalErrorMessage?.trim() && e !== "" ? this.errorMessage = this._originalErrorMessage : this.errorMessage = e;
|
|
5871
|
-
const
|
|
5872
|
-
this._internals.setValidity(
|
|
5887
|
+
const o = e ? { customError: !0 } : {};
|
|
5888
|
+
this._internals.setValidity(o, this.errorMessage, t);
|
|
5873
5889
|
}
|
|
5874
5890
|
_validate() {
|
|
5875
5891
|
const e = this.shadowRoot?.querySelector("select");
|
|
@@ -5896,8 +5912,8 @@ const Ke = class Ke extends f {
|
|
|
5896
5912
|
e.preventDefault(), this._hasUserInteracted = !0, this._validate(), this.showError = !0;
|
|
5897
5913
|
const t = this.shadowRoot?.querySelector("select");
|
|
5898
5914
|
if (t) {
|
|
5899
|
-
const
|
|
5900
|
-
|
|
5915
|
+
const o = this._internals.form;
|
|
5916
|
+
o ? Array.from(o.elements).find(
|
|
5901
5917
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
5902
5918
|
) === this && t.focus() : t.focus();
|
|
5903
5919
|
}
|
|
@@ -5919,11 +5935,15 @@ const Ke = class Ke extends f {
|
|
|
5919
5935
|
}
|
|
5920
5936
|
// Handle focus event
|
|
5921
5937
|
_handleFocus() {
|
|
5922
|
-
this.dispatchEvent(
|
|
5938
|
+
this.dispatchEvent(
|
|
5939
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
5940
|
+
);
|
|
5923
5941
|
}
|
|
5924
5942
|
// Handle blur event
|
|
5925
5943
|
_handleBlur() {
|
|
5926
|
-
this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
|
|
5944
|
+
this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
|
|
5945
|
+
new Event("nys-blur", { bubbles: !0, composed: !0 })
|
|
5946
|
+
);
|
|
5927
5947
|
}
|
|
5928
5948
|
// Check if the current value matches any option, and if so, set it as selected
|
|
5929
5949
|
updated(e) {
|
|
@@ -6026,10 +6046,10 @@ j([
|
|
|
6026
6046
|
], H.prototype, "width");
|
|
6027
6047
|
customElements.get("nys-select") || customElements.define("nys-select", H);
|
|
6028
6048
|
const ln = ':host{--_nys-skipnav-padding--y: var(--nys-space-100, 8px);--_nys-skipnav-padding--x: var(--nys-space-200, 16px);--_nys-skipnav-gap: var(--nys-space-100, 8px);--_nys-skipnav-border-width: var(--nys-border-width-md, 2px);--_nys-skipnav-border-color: var(--nys-color-link, #004dd1);--_nys-skipnav-border-radius: var(--nys-radius-sm, 2px);--_nys-skipnav-font-size: var(--nys-font-size-ui-md, 16px);--_nys-skipnav-font-weight: var(--nys-font-weight-semibold, 600);--_nys-skipnav-letter-spacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-skipnav-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-skipnav-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-skipnav-color: var(--nys-color-link, #004dd1);--_nys-skipnav-background-color: var(--nys-color-surface, #ffffff)}.nys-skipnav__link{position:absolute;left:auto;top:-4.8rem;display:inline-flex;padding:var(--_nys-skipnav-padding--y) var(--_nys-skipnav-padding--x);align-items:flex-end;gap:var(--_nys-skipnav-gap);background:var(--_nys-skipnav-background-color);color:var(--_nys-skipnav-color);border:var(--_nys-skipnav-border-width) solid var(--_nys-skipnav-border-color);border-radius:var(--_nys-skipnav-border-radius);font-family:var(--_nys-skipnav-font-family);font-size:var(--_nys-skipnav-font-size);font-style:normal;font-weight:var(--_nys-skipnav-font-weight);line-height:var(--_nys-skipnav-line-height);letter-spacing:var(--_nys-skipnav-letter-spacing);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font;z-index:100;transition:.15s ease-in-out}.nys-skipnav__link:focus,.nys-skipnav__link.show{top:0;left:auto;outline:none}';
|
|
6029
|
-
var cn = Object.defineProperty, Zs = (r, e, t,
|
|
6030
|
-
for (var
|
|
6031
|
-
(i = r[n]) && (
|
|
6032
|
-
return
|
|
6049
|
+
var cn = Object.defineProperty, Zs = (r, e, t, o) => {
|
|
6050
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
6051
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
6052
|
+
return s && cn(e, t, s), s;
|
|
6033
6053
|
};
|
|
6034
6054
|
const Kt = class Kt extends f {
|
|
6035
6055
|
constructor() {
|
|
@@ -6080,10 +6100,10 @@ Zs([
|
|
|
6080
6100
|
], et.prototype, "href");
|
|
6081
6101
|
customElements.get("nys-skipnav") || customElements.define("nys-skipnav", et);
|
|
6082
6102
|
const Fs = ':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: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, #ffffff);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, #ffffff);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, #ffffff);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, #ffffff);border-color:var(--nys-color-theme, #154973);outline:4px solid var(--nys-color-theme-weak, #cddde9)}:host([isCompactExpanded]) .nys-step__contentwrapper{pointer-events:all}}';
|
|
6083
|
-
var dn = Object.defineProperty, Le = (r, e, t,
|
|
6084
|
-
for (var
|
|
6085
|
-
(i = r[n]) && (
|
|
6086
|
-
return
|
|
6103
|
+
var dn = Object.defineProperty, Le = (r, e, t, o) => {
|
|
6104
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
6105
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
6106
|
+
return s && dn(e, t, s), s;
|
|
6087
6107
|
};
|
|
6088
6108
|
const Gt = class Gt extends f {
|
|
6089
6109
|
constructor() {
|
|
@@ -6157,10 +6177,10 @@ Le([
|
|
|
6157
6177
|
a({ type: Number })
|
|
6158
6178
|
], oe.prototype, "stepNumber");
|
|
6159
6179
|
customElements.get("nys-step") || customElements.define("nys-step", oe);
|
|
6160
|
-
var hn = Object.defineProperty, nt = (r, e, t,
|
|
6161
|
-
for (var
|
|
6162
|
-
(i = r[n]) && (
|
|
6163
|
-
return
|
|
6180
|
+
var hn = Object.defineProperty, nt = (r, e, t, o) => {
|
|
6181
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
6182
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
6183
|
+
return s && hn(e, t, s), s;
|
|
6164
6184
|
};
|
|
6165
6185
|
let un = 0;
|
|
6166
6186
|
const Qt = class Qt extends f {
|
|
@@ -6170,10 +6190,10 @@ const Qt = class Qt extends f {
|
|
|
6170
6190
|
(i) => i instanceof HTMLElement && i.tagName.toLowerCase() === "nys-step"
|
|
6171
6191
|
);
|
|
6172
6192
|
if (!t) return;
|
|
6173
|
-
const
|
|
6193
|
+
const o = Array.from(this.querySelectorAll("nys-step")), s = o.findIndex(
|
|
6174
6194
|
(i) => i.hasAttribute("current")
|
|
6175
|
-
), n =
|
|
6176
|
-
|
|
6195
|
+
), n = o.indexOf(t);
|
|
6196
|
+
s !== -1 && n > s || t.hasAttribute("selected") || (o.forEach((i) => i.removeAttribute("selected")), t.setAttribute("selected", ""), this._updateCounter(), this.isCompactExpanded = !1);
|
|
6177
6197
|
};
|
|
6178
6198
|
}
|
|
6179
6199
|
connectedCallback() {
|
|
@@ -6184,23 +6204,23 @@ const Qt = class Qt extends f {
|
|
|
6184
6204
|
}
|
|
6185
6205
|
_validateSteps() {
|
|
6186
6206
|
Array.from(this.children).forEach((e) => {
|
|
6187
|
-
const t = e instanceof HTMLElement && e.tagName.toLowerCase() === "nys-step",
|
|
6188
|
-
!t && !
|
|
6207
|
+
const t = e instanceof HTMLElement && e.tagName.toLowerCase() === "nys-step", o = e instanceof HTMLElement && e.hasAttribute("slot") && e.getAttribute("slot") === "actions";
|
|
6208
|
+
!t && !o && (console.warn(
|
|
6189
6209
|
"Only <nys-step> elements or the <div slot='actions'> container are allowed as direct children of <nys-stepper>. Removing:",
|
|
6190
6210
|
e
|
|
6191
6211
|
), e.remove());
|
|
6192
6212
|
});
|
|
6193
6213
|
}
|
|
6194
6214
|
_validateButtonSlot(e) {
|
|
6195
|
-
const
|
|
6196
|
-
if (
|
|
6215
|
+
const o = e.target.assignedElements();
|
|
6216
|
+
if (o.length !== 1 || o[0].tagName.toLowerCase() !== "div") {
|
|
6197
6217
|
console.warn(
|
|
6198
6218
|
"The 'actions' slot must have exactly one <div> as a direct child."
|
|
6199
6219
|
);
|
|
6200
6220
|
return;
|
|
6201
6221
|
}
|
|
6202
|
-
const
|
|
6203
|
-
Array.from(
|
|
6222
|
+
const s = o[0];
|
|
6223
|
+
Array.from(s.children).forEach((n) => {
|
|
6204
6224
|
n instanceof HTMLElement && n.tagName.toLowerCase() === "nys-button" ? (n.setAttribute("size", "sm"), n.hasAttribute("fullWidth") && (n.style.flex = "1 1 0")) : (console.warn(
|
|
6205
6225
|
"The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:",
|
|
6206
6226
|
n
|
|
@@ -6213,10 +6233,10 @@ const Qt = class Qt extends f {
|
|
|
6213
6233
|
e = "Back to Form", this.style.height = "-webkit-fit-content", this.style.height = "-moz-fit-content", this.style.height = "fit-content";
|
|
6214
6234
|
else {
|
|
6215
6235
|
this.style.height = "auto";
|
|
6216
|
-
const t = this.querySelectorAll("nys-step"),
|
|
6236
|
+
const t = this.querySelectorAll("nys-step"), o = Array.from(t).findIndex(
|
|
6217
6237
|
(n) => n.hasAttribute("selected")
|
|
6218
|
-
),
|
|
6219
|
-
e =
|
|
6238
|
+
), s = t.length;
|
|
6239
|
+
e = o >= 0 ? `Step ${o + 1} of ${s}` : `Step 1 of ${s}`;
|
|
6220
6240
|
}
|
|
6221
6241
|
e !== this.counterText && (this.counterText = e);
|
|
6222
6242
|
}
|
|
@@ -6225,11 +6245,11 @@ const Qt = class Qt extends f {
|
|
|
6225
6245
|
this._stepsNumbered || (e.forEach((n, i) => {
|
|
6226
6246
|
n.stepNumber = i + 1;
|
|
6227
6247
|
}), this._stepsNumbered = !0);
|
|
6228
|
-
let t = !1,
|
|
6248
|
+
let t = !1, o = !1, s = !1;
|
|
6229
6249
|
e.forEach((n, i) => {
|
|
6230
|
-
n.hasAttribute("current") && (
|
|
6231
|
-
}),
|
|
6232
|
-
n.hasAttribute("current") && !
|
|
6250
|
+
n.hasAttribute("current") && (s ? n.removeAttribute("current") : s = !0), i === 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 || o ? n.removeAttribute("selected") : o = !0), this.isCompactExpanded ? n.setAttribute("isCompactExpanded", "") : n.removeAttribute("isCompactExpanded");
|
|
6251
|
+
}), o || (s ? e.forEach((n) => {
|
|
6252
|
+
n.hasAttribute("current") && !o && (n.setAttribute("selected", ""), o = !0);
|
|
6233
6253
|
}) : e.length > 0 && (e[0].setAttribute("current", ""), e[0].setAttribute("selected", ""))), this._updateCounter();
|
|
6234
6254
|
}
|
|
6235
6255
|
_toggleCompact() {
|
|
@@ -6282,10 +6302,10 @@ nt([
|
|
|
6282
6302
|
], _e.prototype, "isCompactExpanded");
|
|
6283
6303
|
customElements.get("nys-stepper") || customElements.define("nys-stepper", _e);
|
|
6284
6304
|
const pn = ':host{--_nys-table-width: 100%;--_nys-table-radius: var(--nys-radius-xl, 12px);--_nys-table-padding: var(--nys-space-100, 8px);--_nys-table-border-color: transparent;--_nys-table-border-width: 0;--_nys-table-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif));--_nys-table-font-size: var(--nys-font-size-ui-md, 16px);--_nys-table-font-weight: var(--nys-font-weight-regular, 400);--_nys-table-line-height: var(--nys-font-line-height-ui, 24px);--_nys-table-padding--caption: var(--nys-space-250, 20px) var(--nys-space-150, 12px);--_nys-table-font-size--caption: var(--nys-font-size-ui-lg, 18px);--_nys-table-font-weight--caption: var(--nys-font-weight-bold, 700);--_nys-table-padding--cell--x: var(--nys-space-150, 12px);--_nys-table-padding--cell--y: var(--nys-space-200, 16px);--_nys-table-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-table-background-color--striped: var(--nys-color-neutral-10, #f6f6f6);--_nys-table-color--code: var(--nys-color-red-600, #b52c2c);--_nys-table-background-color--code: var(--nys-color-neutral-10, #f6f6f6)}:host([bordered]){--_nys-table-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-table-border-width: var(--nys-space-1px, 1px)}:host([download]){display:flex;flex-direction:column;gap:var(--nys-space-150, 12px)}.nys-table{width:var(--_nys-table-width);font:var(--_nys-table-font-weight) var(--_nys-table-font-size)/var(--_nys-table-line-height) var(--_nys-table-font-family)}.nys-table table{width:var(--_nys-table-width);border-collapse:collapse;background-color:var(--_nys-table-background-color)}.nys-table caption{padding:var(--_nys-table-padding--caption);font-size:var(--_nys-table-font-size--caption);font-weight:var(--_nys-table-font-weight--caption);text-align:start}.nys-table caption div{display:flex;justify-content:space-between;align-items:center}.nys-table td{padding:var(--_nys-table-padding--cell--y) var(--_nys-table-padding--cell--x);border:var(--_nys-table-border-width) solid var(--_nys-table-border-color)}.nys-table td code{color:var(--_nys-table-color--code);background-color:var(--_nys-table-background-color--code);padding:var(--nys-space-1px) var(--nys-space-2px);border-radius:var(--nys-radius-md)}.nys-table th{border:var(--_nys-table-border-width) solid var(--_nys-table-border-color);overflow:hidden;text-overflow:ellipsis;padding:var(--_nys-table-padding--cell--y) var(--_nys-table-padding--cell--x);text-align:left}.nys-table th:has(nys-button){padding:0}.nys-table th p{margin:0}.nys-table th nys-button{margin:0;width:-moz-available;width:-webkit-fill-available;width:fill-available;justify-content:space-between;--_nys-button-border-width: 0;--_nys-button-border-radius--start: 0;--_nys-button-border-radius--end: 0;--_nys-button-padding--x: var(--_nys-table-padding--cell--x);--_nys-button-justify-content: space-between;--_nys-button-outline-offset: -2px}.nys-table th.nys-table__sortedcolumn{background-color:var(--nys-color-theme-weak, #cddde9)}.nys-table td.nys-table__sortedcolumn{position:relative;z-index:0}.nys-table td.nys-table__sortedcolumn:after{content:"";position:absolute;inset:0;background-color:var(--nys-color-theme, #154973);opacity:.1;pointer-events:none;z-index:-1}:host([striped]) .nys-table tbody tr:nth-child(odd){background-color:var(--_nys-table-background-color--striped)}:host([sortable]) .nys-table th{cursor:pointer}.sr-only{border:0!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;margin:-1px!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}';
|
|
6285
|
-
var yn = Object.defineProperty, ue = (r, e, t,
|
|
6286
|
-
for (var
|
|
6287
|
-
(i = r[n]) && (
|
|
6288
|
-
return
|
|
6305
|
+
var yn = Object.defineProperty, ue = (r, e, t, o) => {
|
|
6306
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
6307
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
6308
|
+
return s && yn(e, t, s), s;
|
|
6289
6309
|
};
|
|
6290
6310
|
let fn = 0;
|
|
6291
6311
|
const Xt = class Xt extends f {
|
|
@@ -6310,15 +6330,15 @@ const Xt = class Xt extends f {
|
|
|
6310
6330
|
);
|
|
6311
6331
|
if (!e || !t) return;
|
|
6312
6332
|
t.innerHTML = "";
|
|
6313
|
-
const
|
|
6314
|
-
if (!
|
|
6315
|
-
const n =
|
|
6333
|
+
const s = e.assignedElements({ flatten: !0 }).find((i) => i.tagName === "TABLE");
|
|
6334
|
+
if (!s) return;
|
|
6335
|
+
const n = s.cloneNode(!0);
|
|
6316
6336
|
this._normalizeTableDOM(n), this.sortable && this._addSortIcons(n), t.appendChild(n);
|
|
6317
6337
|
}
|
|
6318
6338
|
_normalizeTableDOM(e) {
|
|
6319
|
-
const t = e.querySelector("thead"),
|
|
6320
|
-
if (t &&
|
|
6321
|
-
const
|
|
6339
|
+
const t = e.querySelector("thead"), o = e.querySelector("tbody");
|
|
6340
|
+
if (t && o) return;
|
|
6341
|
+
const s = e.querySelector(
|
|
6322
6342
|
"caption"
|
|
6323
6343
|
), n = Array.from(e.querySelectorAll("tr"));
|
|
6324
6344
|
if (n.length === 0) return;
|
|
@@ -6338,10 +6358,10 @@ const Xt = class Xt extends f {
|
|
|
6338
6358
|
p !== c && l.appendChild(u);
|
|
6339
6359
|
});
|
|
6340
6360
|
}
|
|
6341
|
-
if (e.innerHTML = "",
|
|
6361
|
+
if (e.innerHTML = "", s && e.appendChild(s), this.sortable) {
|
|
6342
6362
|
const h = document.createElement("span");
|
|
6343
|
-
if (h.setAttribute("class", "sr-only"), h.textContent = "Column headers with buttons are sortable.",
|
|
6344
|
-
|
|
6363
|
+
if (h.setAttribute("class", "sr-only"), h.textContent = "Column headers with buttons are sortable.", s)
|
|
6364
|
+
s.appendChild(h);
|
|
6345
6365
|
else {
|
|
6346
6366
|
const u = document.createElement("caption");
|
|
6347
6367
|
u.appendChild(h), e.appendChild(u);
|
|
@@ -6351,63 +6371,68 @@ const Xt = class Xt extends f {
|
|
|
6351
6371
|
}
|
|
6352
6372
|
willUpdate() {
|
|
6353
6373
|
const e = Array.from(this.children).find(
|
|
6354
|
-
(
|
|
6374
|
+
(s) => s.tagName === "TABLE"
|
|
6355
6375
|
);
|
|
6356
6376
|
if (!e) return;
|
|
6357
|
-
const
|
|
6358
|
-
this._captionText !==
|
|
6377
|
+
const o = e.querySelector("caption")?.textContent?.trim() ?? "";
|
|
6378
|
+
this._captionText !== o && (this._captionText = o);
|
|
6359
6379
|
}
|
|
6360
6380
|
_addSortIcons(e) {
|
|
6361
6381
|
const t = Array.from(e.querySelectorAll("thead th"));
|
|
6362
|
-
t.length !== 0 && t.forEach((
|
|
6363
|
-
if (
|
|
6364
|
-
const n =
|
|
6382
|
+
t.length !== 0 && t.forEach((o, s) => {
|
|
6383
|
+
if (o.querySelector("nys-button[part='sort-button']")) return;
|
|
6384
|
+
const n = o.textContent?.trim();
|
|
6365
6385
|
if (!n) return;
|
|
6366
|
-
|
|
6386
|
+
o.textContent = "";
|
|
6367
6387
|
const i = document.createElement("nys-button");
|
|
6368
6388
|
i.setAttribute("part", "sort-button"), i.setAttribute("variant", "ghost"), i.setAttribute("label", n), i.setAttribute("suffixIcon", "slotted"), i.setAttribute("fullWidth", "true");
|
|
6369
6389
|
const l = document.createElement("nys-icon");
|
|
6370
6390
|
l.setAttribute("slot", "suffix-icon"), l.setAttribute("name", "height"), l.setAttribute("size", "24"), l.setAttribute("color", "var(--nys-color-text-weak, #4a4d4f)"), i.appendChild(l), i.addEventListener("nys-click", (c) => {
|
|
6371
|
-
c.stopPropagation(), this._onSortClick(
|
|
6372
|
-
}),
|
|
6391
|
+
c.stopPropagation(), this._onSortClick(s, e);
|
|
6392
|
+
}), o.appendChild(i);
|
|
6373
6393
|
});
|
|
6374
6394
|
}
|
|
6375
6395
|
_updateSortIcons(e) {
|
|
6376
|
-
e.querySelectorAll("thead th").forEach((
|
|
6377
|
-
const n =
|
|
6396
|
+
e.querySelectorAll("thead th").forEach((o, s) => {
|
|
6397
|
+
const n = o.querySelector("nys-button[part='sort-button']"), i = n?.querySelector(
|
|
6378
6398
|
"nys-icon[slot='suffix-icon']"
|
|
6379
6399
|
);
|
|
6380
6400
|
if (!(!n || !i))
|
|
6381
|
-
if (
|
|
6382
|
-
switch (
|
|
6401
|
+
if (s === this._sortColumn)
|
|
6402
|
+
switch (o.classList.add("nys-table__sortedcolumn"), this._sortDirection) {
|
|
6383
6403
|
case "asc":
|
|
6384
|
-
i.setAttribute("name", "straight"), i.setAttribute("color", "var(--nys-color-ink, #1b1b1b)"), i.style.transform = "rotate(0deg)",
|
|
6404
|
+
i.setAttribute("name", "straight"), i.setAttribute("color", "var(--nys-color-ink, #1b1b1b)"), i.style.transform = "rotate(0deg)", o.setAttribute("aria-sort", "ascending");
|
|
6385
6405
|
break;
|
|
6386
6406
|
case "desc":
|
|
6387
|
-
i.setAttribute("name", "straight"), i.setAttribute("color", "var(--nys-color-ink, #1b1b1b)"), i.style.transform = "rotate(180deg)",
|
|
6407
|
+
i.setAttribute("name", "straight"), i.setAttribute("color", "var(--nys-color-ink, #1b1b1b)"), i.style.transform = "rotate(180deg)", o.setAttribute("aria-sort", "descending");
|
|
6388
6408
|
break;
|
|
6389
6409
|
}
|
|
6390
6410
|
else
|
|
6391
|
-
|
|
6411
|
+
o.classList.remove("nys-table__sortedcolumn"), i.setAttribute("name", "height"), i.setAttribute("color", "var(--nys-color-text-weak, #4a4d4f)"), i.style.transform = "", o.removeAttribute("aria-sort");
|
|
6392
6412
|
});
|
|
6393
6413
|
}
|
|
6394
6414
|
_onSortClick(e, t) {
|
|
6395
|
-
|
|
6415
|
+
const s = Array.from(t.querySelectorAll("thead th"))[e]?.querySelector("nys-button[part='sort-button']")?.getAttribute("label") ?? "", n = this._sortColumn !== e ? "asc" : this._sortDirection === "asc" ? "desc" : "asc";
|
|
6416
|
+
this._emitColumnSortEvent(
|
|
6417
|
+
e,
|
|
6418
|
+
s,
|
|
6419
|
+
n
|
|
6420
|
+
) || (this._sortColumn = e, this._sortDirection = n, this._updateSortIcons(t), this._sortTable(t, e, this._sortDirection));
|
|
6396
6421
|
}
|
|
6397
|
-
_sortTable(e, t,
|
|
6398
|
-
const
|
|
6399
|
-
if (!
|
|
6400
|
-
const n = Array.from(
|
|
6422
|
+
_sortTable(e, t, o) {
|
|
6423
|
+
const s = e.querySelector("tbody");
|
|
6424
|
+
if (!s) return;
|
|
6425
|
+
const n = Array.from(s.querySelectorAll("tr"));
|
|
6401
6426
|
n.sort((i, l) => {
|
|
6402
6427
|
const c = i.children[t]?.textContent?.trim() ?? "", h = l.children[t]?.textContent?.trim() ?? "", u = Number(c), p = Number(h);
|
|
6403
6428
|
let v;
|
|
6404
|
-
return !isNaN(u) && !isNaN(p) ? v = u - p : v = c.localeCompare(h),
|
|
6405
|
-
}), n.forEach((i) =>
|
|
6429
|
+
return !isNaN(u) && !isNaN(p) ? v = u - p : v = c.localeCompare(h), o === "asc" ? v : -v;
|
|
6430
|
+
}), n.forEach((i) => s.appendChild(i)), this._updateSortedColumnStyles(e);
|
|
6406
6431
|
}
|
|
6407
6432
|
_updateSortedColumnStyles(e) {
|
|
6408
|
-
e.querySelectorAll("tbody tr").forEach((
|
|
6409
|
-
Array.from(
|
|
6410
|
-
n === this._sortColumn ?
|
|
6433
|
+
e.querySelectorAll("tbody tr").forEach((o) => {
|
|
6434
|
+
Array.from(o.children).forEach((s, n) => {
|
|
6435
|
+
n === this._sortColumn ? s.classList.add("nys-table__sortedcolumn") : s.classList.remove("nys-table__sortedcolumn");
|
|
6411
6436
|
});
|
|
6412
6437
|
});
|
|
6413
6438
|
}
|
|
@@ -6416,7 +6441,23 @@ const Xt = class Xt extends f {
|
|
|
6416
6441
|
e.href = this.download, e.download = this.download.split("/").pop() || "table-data.csv", document.body.appendChild(e), e.click(), document.body.removeChild(e);
|
|
6417
6442
|
}
|
|
6418
6443
|
/****************** Event Handlers ******************/
|
|
6419
|
-
|
|
6444
|
+
/**
|
|
6445
|
+
* Dispatches the `nys-column-sort` custom event.
|
|
6446
|
+
*
|
|
6447
|
+
* @param columnIndex - Zero-based index of the sorted column.
|
|
6448
|
+
* @param columnLabel - The text label of the sorted column header.
|
|
6449
|
+
* @param sortDirection - The new sort direction: "asc", "desc", or "none".
|
|
6450
|
+
*/
|
|
6451
|
+
_emitColumnSortEvent(e, t, o) {
|
|
6452
|
+
const s = new CustomEvent("nys-column-sort", {
|
|
6453
|
+
detail: { columnIndex: e, columnLabel: t, sortDirection: o },
|
|
6454
|
+
bubbles: !0,
|
|
6455
|
+
composed: !0,
|
|
6456
|
+
cancelable: !0
|
|
6457
|
+
});
|
|
6458
|
+
return this.dispatchEvent(s), s.defaultPrevented;
|
|
6459
|
+
}
|
|
6460
|
+
/****************** Render ******************/
|
|
6420
6461
|
render() {
|
|
6421
6462
|
return d`
|
|
6422
6463
|
<div class="nys-table">
|
|
@@ -6466,10 +6507,10 @@ ue([
|
|
|
6466
6507
|
], Q.prototype, "_captionText");
|
|
6467
6508
|
customElements.get("nys-table") || customElements.define("nys-table", Q);
|
|
6468
6509
|
const vn = ':host{--_nys-textarea-width: 100%;--_nys-textarea-border-radius: var(--nys-radius-md, 4px);--_nys-textarea-border-width: var(--nys-border-width-sm, 1px);--_nys-textarea-border-color: var(--nys-color-neutral-400, #909395);--_nys-textarea-padding: var(--nys-space-200, 16px);--_nys-textarea-gap: var(--nys-space-50, 4px);--_nys-textarea-color: var(--nys-color-ink, #1b1b1b);--_nys-textarea-color--placeholder: var(--nys-color-text-weaker, var(--nys-color-neutral-500, #797c7f));--_nys-textarea-outline-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-textarea-outline-width: var(--nys-border-width-sm, 1px);--_nys-textarea-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-textarea-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-textarea-border-color--disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-textarea-color--disabled: var(--nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1));--_nys-textarea-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));--_nys-textarea-font-size: var(--nys-font-size-ui-md, 16px);--_nys-textarea-font-weight: var(--nys-font-weight-regular, 400);--_nys-textarea-line-height: var(--nys-font-lineheight-ui-md, 24px);--nys-textarea-letterspacing-ui: var(--nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px))}:host([width=sm]){--_nys-textarea-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-textarea-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-textarea-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-textarea-width: 100%;flex:1}:host([showError]){--_nys-textarea-border-color: var(--nys-color-danger, #b52c2c)}.nys-textarea{font-weight:var(--_nys-textarea-font-weight);font-family:var(--_nys-textarea-font-family);line-height:var(--_nys-textarea-line-height);letter-spacing:var(--nys-textarea-letterspacing-ui);color:var(--_nys-textarea-color);gap:var(--_nys-textarea-gap);display:flex;flex-direction:column}.nys-textarea__textarea{color:var(--_nys-textarea-color);font-size:var(--_nys-textarea-font-size);font-family:var(--_nys-textarea-font-family);border-radius:var(--_nys-textarea-border-radius);border:solid var(--_nys-textarea-border-color) var(--_nys-textarea-border-width);padding:var(--_nys-textarea-padding);width:var(--_nys-textarea-width);line-height:var(--_nys-textarea-line-height);max-width:var(--_nys-textarea-width);box-sizing:border-box}.nys-textarea__textarea::placeholder{color:var(--_nys-textarea-color--placeholder)}.nys-textarea__textarea.none{resize:none}.nys-textarea__textarea:hover:not(:disabled):not(:focus):not([readonly]){outline:solid var(--_nys-textarea-outline-width) var(--_nys-textarea-outline-color--hover);border-color:var(--_nys-textarea-outline-color--hover)}.nys-textarea__textarea:focus:not([readonly]){outline:solid var(--_nys-textarea-outline-width) var(--_nys-textarea-outline-color--focus);border-color:var(--_nys-textarea-outline-color--focus);caret-color:var(--_nys-textarea-outline-color--focus)}.nys-textarea__textarea:disabled,.nys-textarea__textarea:disabled::placeholder{background-color:var(--_nys-textarea-background-color--disabled);border-color:var(--_nys-textarea-border-color--disabled);color:var(--_nys-textarea-color--disabled);cursor:not-allowed}';
|
|
6469
|
-
var bn = Object.defineProperty, O = (r, e, t,
|
|
6470
|
-
for (var
|
|
6471
|
-
(i = r[n]) && (
|
|
6472
|
-
return
|
|
6510
|
+
var bn = Object.defineProperty, O = (r, e, t, o) => {
|
|
6511
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
6512
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
6513
|
+
return s && bn(e, t, s), s;
|
|
6473
6514
|
};
|
|
6474
6515
|
let gn = 0;
|
|
6475
6516
|
const Ge = class Ge extends f {
|
|
@@ -6539,8 +6580,8 @@ const Ge = class Ge extends f {
|
|
|
6539
6580
|
e.preventDefault(), this._hasUserInteracted = !0, this._validate();
|
|
6540
6581
|
const t = this.shadowRoot?.querySelector("textarea");
|
|
6541
6582
|
if (t) {
|
|
6542
|
-
const
|
|
6543
|
-
|
|
6583
|
+
const o = this._internals.form;
|
|
6584
|
+
o ? Array.from(o.elements).find(
|
|
6544
6585
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
6545
6586
|
) === this && t.focus() : t.focus();
|
|
6546
6587
|
}
|
|
@@ -6562,11 +6603,15 @@ const Ge = class Ge extends f {
|
|
|
6562
6603
|
}
|
|
6563
6604
|
// Handle focus event
|
|
6564
6605
|
_handleFocus() {
|
|
6565
|
-
this.dispatchEvent(
|
|
6606
|
+
this.dispatchEvent(
|
|
6607
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
6608
|
+
);
|
|
6566
6609
|
}
|
|
6567
6610
|
// Handle blur event
|
|
6568
6611
|
_handleBlur() {
|
|
6569
|
-
this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
|
|
6612
|
+
this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
|
|
6613
|
+
new Event("nys-blur", { bubbles: !0, composed: !0 })
|
|
6614
|
+
);
|
|
6570
6615
|
}
|
|
6571
6616
|
_handleSelect(e) {
|
|
6572
6617
|
const t = e.target;
|
|
@@ -6697,10 +6742,10 @@ O([
|
|
|
6697
6742
|
], S.prototype, "errorMessage");
|
|
6698
6743
|
customElements.get("nys-textarea") || customElements.define("nys-textarea", S);
|
|
6699
6744
|
const _n = ':host{--_nys-textinput-width: 100%;--_nys-textinput-height: var(--nys-size-500, 40px);--_nys-textinput-border-radius: var(--nys-radius-md, 4px);--_nys-textinput-border-width: var(--nys-border-width-sm, 1px);--_nys-textinput-border-color: var(--nys-color-neutral-400, #909395);--_nys-textinput-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-textinput-color--placeholder: var( --nys-color-text-weaker, var(--nys-color-neutral-500, #797c7f) );--_nys-textinput-padding: var(--nys-space-100, 8px);--_nys-textinput-gap: var(--nys-space-50, 4px);--_nys-textinput-background-color: var( --nys-color-ink-reverse, var(--nys-color-white, #ffffff) );--_nys-textinput-outline-color--hover: var( --nys-color-neutral-900, #1b1b1b );--_nys-textinput-outline-width: var(--nys-border-width-sm, 1px);--_nys-textinput-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-textinput-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-textinput-border-color--disabled: var( --nys-color-neutral-200, #bec0c1 );--_nys-textinput-color--disabled: var( --nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1) );--_nys-textinput-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-textinput-font-size: var(--nys-font-size-ui-md, 16px);--_nys-textinput-font-weight: var(--nys-font-weight-regular, 400);--_nys-textinput-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-textinput-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) )}:host([width=sm]){--_nys-textinput-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-textinput-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-textinput-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-textinput-width: 100%;flex:1}:host([showError]){--_nys-textinput-border-color: var(--nys-color-danger, #b52c2c)}.nys-textinput{font-weight:var(--_nys-textinput-font-weight);font-family:var(--_nys-textinput-font-family);font-size:var(--_nys-textinput-font-size);line-height:var(--_nys-textinput-line-height);letter-spacing:var(--_nys-textinput-letter-spacing);color:var(--_nys-textinput-color);gap:var(--_nys-textinput-gap);display:flex;flex-direction:column}.nys-textinput__mask-overlay{position:absolute;margin:calc(var(--_nys-textinput-padding) + var(--_nys-textinput-border-width));color:var(--nys-color-text-weaker, #797c7f);display:inline;overflow:hidden;white-space:nowrap;font:inherit;letter-spacing:normal}.nys-textinput__input{color:var(--_nys-textinput-color);border-radius:var(--_nys-textinput-border-radius);border:solid var(--_nys-textinput-border-color) var(--_nys-textinput-border-width);outline:transparent solid var(--_nys-textinput-outline-width);padding:var(--_nys-textinput-padding);width:100%;height:var(--_nys-textinput-height);box-sizing:border-box;background-color:transparent;position:relative;font:inherit}.nys-textinput__input::placeholder{color:var(--_nys-textinput-color--placeholder)}.nys-textinput__buttoncontainer{width:var(--_nys-textinput-width);max-width:100%;display:flex}.nys-textinput__buttoncontainer.has-end-button .nys-textinput__input{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.nys-textinput__buttoncontainer.has-start-button .nys-textinput__input{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}.nys-textinput__container{position:relative;display:flex;align-items:center;width:100%;background-color:var(--_nys-textinput-background-color);border-radius:var(--_nys-textinput-border-radius)}::slotted(nys-button){--_nys-button-height: var(--_nys-textinput-height);--_nys-button-border-radius--start: var(--_nys-textinput-border-radius);--_nys-button-border-radius--end: var(--_nys-textinput-border-radius);--_nys-button-background-color--disabled: var( --_nys-textinput-background-color--disabled );--_nys-button-border-color--disabled: var(--_nys-textinput-color--disabled);--_nys-button-color--disabled: var(--_nys-textinput-color--disabled);--_nys-button-border-width: var(--_nys-textinput-border-width);z-index:1}.nys-textinput__buttoncontainer.has-start-button ::slotted(nys-button){--_nys-button-border-radius--end: 0}.nys-textinput__buttoncontainer.has-end-button ::slotted(nys-button){--_nys-button-border-radius--start: 0}.eye-icon{position:absolute;right:var(--nys-space-50, 4px);top:50%;transform:translateY(-50%);cursor:pointer;color:var(--_nys-textinput-color--icon);--nys-button-background-color: var(--_nys-textinput-background-color);--nys-button-background-color--hover: var( --_nys-textinput-background-color );--nys-button-background-color--active: var( --_nys-textinput-background-color );--_nys-button-outline-focus: calc( var(--_nys-button-outline-width) * -1 );--_nys-button-padding--y: var(--nys-space-50, 4px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-height: var(--nys-size-300, 32px);--_nys-button-width: var(--nys-size-400, 32px)}.nys-textinput__input:hover:not(:disabled):not(:focus):not([readonly]){outline-color:var(--_nys-textinput-outline-color--hover);border-color:var(--_nys-textinput-outline-color--hover)}.nys-textinput__input:focus:not([readonly]){outline-color:var(--_nys-textinput-outline-color--focus);border-color:var(--_nys-textinput-outline-color--focus);caret-color:var(--_nys-textinput-outline-color--focus)}.nys-textinput__input:disabled,.nys-textinput__input:disabled::placeholder,.nys-textinput__input:disabled+.eye-icon{background-color:var(--_nys-textinput-background-color--disabled);border-color:var(--_nys-textinput-border-color--disabled);color:var(--_nys-textinput-color--disabled);cursor:not-allowed}';
|
|
6700
|
-
var mn = Object.defineProperty, x = (r, e, t,
|
|
6701
|
-
for (var
|
|
6702
|
-
(i = r[n]) && (
|
|
6703
|
-
return
|
|
6745
|
+
var mn = Object.defineProperty, x = (r, e, t, o) => {
|
|
6746
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
6747
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
6748
|
+
return s && mn(e, t, s), s;
|
|
6704
6749
|
};
|
|
6705
6750
|
let Cn = 0;
|
|
6706
6751
|
const Qe = class Qe extends f {
|
|
@@ -6723,16 +6768,16 @@ const Qe = class Qe extends f {
|
|
|
6723
6768
|
// Ensure the "width" property is valid after updates
|
|
6724
6769
|
async updated(e) {
|
|
6725
6770
|
if (e.has("disabled") && (this._validateButtonSlot("startButton"), this._validateButtonSlot("endButton")), e.has("type")) {
|
|
6726
|
-
const t = this._maskPatterns[this.type],
|
|
6727
|
-
if (
|
|
6771
|
+
const t = this._maskPatterns[this.type], o = this.shadowRoot?.querySelector("input");
|
|
6772
|
+
if (o)
|
|
6728
6773
|
if (t)
|
|
6729
|
-
this.maxlength === null && (
|
|
6774
|
+
this.maxlength === null && (o.maxLength = t.length), this._updateOverlay(o.value, t);
|
|
6730
6775
|
else {
|
|
6731
|
-
this.maxlength === null &&
|
|
6732
|
-
const
|
|
6776
|
+
this.maxlength === null && o.removeAttribute("maxLength");
|
|
6777
|
+
const s = this.shadowRoot?.querySelector(
|
|
6733
6778
|
".nys-textinput__mask-overlay"
|
|
6734
6779
|
);
|
|
6735
|
-
|
|
6780
|
+
s && (s.textContent = "");
|
|
6736
6781
|
}
|
|
6737
6782
|
}
|
|
6738
6783
|
if (e.has("readonly") || e.has("required")) {
|
|
@@ -6757,15 +6802,15 @@ const Qe = class Qe extends f {
|
|
|
6757
6802
|
const t = this.shadowRoot?.querySelector("input");
|
|
6758
6803
|
if (!t) return;
|
|
6759
6804
|
this.showError = !!e, this._originalErrorMessage?.trim() && e !== "" ? this.errorMessage = this._originalErrorMessage : this.errorMessage = e;
|
|
6760
|
-
const
|
|
6761
|
-
this._internals.setValidity(
|
|
6805
|
+
const o = e ? { customError: !0 } : {};
|
|
6806
|
+
this._internals.setValidity(o, this.errorMessage, t);
|
|
6762
6807
|
}
|
|
6763
6808
|
_validate() {
|
|
6764
6809
|
const e = this.shadowRoot?.querySelector("input");
|
|
6765
6810
|
if (!e) return;
|
|
6766
6811
|
const t = e.validity;
|
|
6767
|
-
let
|
|
6768
|
-
t.valueMissing ?
|
|
6812
|
+
let o = "";
|
|
6813
|
+
t.valueMissing ? o = "This field is required" : t.typeMismatch ? o = "Invalid format for this type" : t.patternMismatch ? o = "Invalid format" : t.tooShort ? o = `Value is too short. Minimum length is ${e.minLength}` : t.tooLong ? o = `Value is too long. Maximum length is ${e.maxLength}` : t.rangeUnderflow ? o = `Value must be at least ${e.min}` : t.rangeOverflow ? o = `Value must be at most ${e.max}` : t.stepMismatch ? o = "Invalid step value" : o = e.validationMessage, this._setValidityMessage(o);
|
|
6769
6814
|
}
|
|
6770
6815
|
// This callback is automatically called when the parent form is reset.
|
|
6771
6816
|
formResetCallback() {
|
|
@@ -6786,8 +6831,8 @@ const Qe = class Qe extends f {
|
|
|
6786
6831
|
e.preventDefault(), this._hasUserInteracted = !0, this._validate();
|
|
6787
6832
|
const t = this.shadowRoot?.querySelector("input");
|
|
6788
6833
|
if (t) {
|
|
6789
|
-
const
|
|
6790
|
-
|
|
6834
|
+
const o = this._internals.form;
|
|
6835
|
+
o ? Array.from(o.elements).find(
|
|
6791
6836
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
6792
6837
|
) === this && t.focus() : t.focus();
|
|
6793
6838
|
}
|
|
@@ -6796,28 +6841,28 @@ const Qe = class Qe extends f {
|
|
|
6796
6841
|
this.showPassword = !this.showPassword;
|
|
6797
6842
|
}
|
|
6798
6843
|
_updateOverlay(e, t) {
|
|
6799
|
-
const
|
|
6844
|
+
const o = this.shadowRoot?.querySelector(
|
|
6800
6845
|
".nys-textinput__mask-overlay"
|
|
6801
6846
|
);
|
|
6802
|
-
if (!
|
|
6803
|
-
const
|
|
6804
|
-
|
|
6847
|
+
if (!o) return;
|
|
6848
|
+
const s = e, n = t.slice(s.length);
|
|
6849
|
+
o.textContent = s + n;
|
|
6805
6850
|
}
|
|
6806
6851
|
_applyMask(e, t) {
|
|
6807
|
-
const
|
|
6808
|
-
let
|
|
6852
|
+
const o = e.replace(/\D/g, "");
|
|
6853
|
+
let s = "";
|
|
6809
6854
|
if (this.type === "tel")
|
|
6810
|
-
return
|
|
6855
|
+
return o.length > 0 && (s = "(" + o.substring(0, 3)), o.length >= 4 && (s += ") " + o.substring(3, 6)), o.length > 6 && (s += "-" + o.substring(6, 10)), s;
|
|
6811
6856
|
let n = 0;
|
|
6812
6857
|
for (let i = 0; i < t.length; i++)
|
|
6813
6858
|
if (t[i] === "_" || t[i].match(/[d9]/i))
|
|
6814
|
-
if (n <
|
|
6815
|
-
|
|
6859
|
+
if (n < o.length)
|
|
6860
|
+
s += o[n++];
|
|
6816
6861
|
else
|
|
6817
6862
|
break;
|
|
6818
6863
|
else
|
|
6819
|
-
|
|
6820
|
-
return
|
|
6864
|
+
s += t[i];
|
|
6865
|
+
return s;
|
|
6821
6866
|
}
|
|
6822
6867
|
/**
|
|
6823
6868
|
* Event Handlers
|
|
@@ -6826,9 +6871,9 @@ const Qe = class Qe extends f {
|
|
|
6826
6871
|
// Handle input event to check pattern validity
|
|
6827
6872
|
_handleInput(e) {
|
|
6828
6873
|
const t = e.target;
|
|
6829
|
-
let
|
|
6830
|
-
const
|
|
6831
|
-
|
|
6874
|
+
let o = t.value;
|
|
6875
|
+
const s = this._maskPatterns[this.type];
|
|
6876
|
+
s && (o = this._applyMask(o, s), t.value = o, this._updateOverlay(o, s)), this.value = o, this._internals.setFormValue(this.value), this._hasUserInteracted && this._validate(), this.dispatchEvent(
|
|
6832
6877
|
new CustomEvent("nys-input", {
|
|
6833
6878
|
detail: { id: this.id, value: this.value },
|
|
6834
6879
|
bubbles: !0,
|
|
@@ -6838,27 +6883,31 @@ const Qe = class Qe extends f {
|
|
|
6838
6883
|
}
|
|
6839
6884
|
// Handle focus event
|
|
6840
6885
|
_handleFocus() {
|
|
6841
|
-
this.dispatchEvent(
|
|
6886
|
+
this.dispatchEvent(
|
|
6887
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
6888
|
+
);
|
|
6842
6889
|
}
|
|
6843
6890
|
// Handle blur event
|
|
6844
6891
|
_handleBlur() {
|
|
6845
|
-
this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
|
|
6892
|
+
this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
|
|
6893
|
+
new Event("nys-blur", { bubbles: !0, composed: !0 })
|
|
6894
|
+
);
|
|
6846
6895
|
}
|
|
6847
6896
|
_validateButtonSlot(e) {
|
|
6848
6897
|
const t = this.shadowRoot?.querySelector(
|
|
6849
6898
|
'slot[name="' + e + '"]'
|
|
6850
|
-
),
|
|
6899
|
+
), o = this.shadowRoot?.querySelector(
|
|
6851
6900
|
".nys-textinput__buttoncontainer"
|
|
6852
6901
|
);
|
|
6853
|
-
if (!t || !
|
|
6854
|
-
const
|
|
6902
|
+
if (!t || !o) return;
|
|
6903
|
+
const s = t.assignedElements();
|
|
6855
6904
|
let n = !1;
|
|
6856
|
-
|
|
6905
|
+
s.forEach((i) => {
|
|
6857
6906
|
i instanceof HTMLElement && i.tagName.toLowerCase() === "nys-button" && !n ? (n = !0, i.setAttribute("size", "sm"), i.setAttribute("variant", "primary"), this.disabled ? i.setAttribute("disabled", "true") : i.removeAttribute("disabled")) : (console.warn(
|
|
6858
6907
|
"The '" + e + "' slot only accepts a single <nys-button> element. Removing invalid or extra node:",
|
|
6859
6908
|
i
|
|
6860
6909
|
), i.remove());
|
|
6861
|
-
}), e === "startButton" ?
|
|
6910
|
+
}), e === "startButton" ? o.classList.toggle("has-start-button", n) : e === "endButton" && o.classList.toggle("has-end-button", n);
|
|
6862
6911
|
}
|
|
6863
6912
|
render() {
|
|
6864
6913
|
return d`
|
|
@@ -7015,10 +7064,10 @@ x([
|
|
|
7015
7064
|
], m.prototype, "showPassword");
|
|
7016
7065
|
customElements.get("nys-textinput") || customElements.define("nys-textinput", m);
|
|
7017
7066
|
const wn = ':host{--_nys-toggle-width: var(--nys-font-size-8xl, 44px);--_nys-toggle-height: var(--nys-size-300, 24px);--_nys-toggle-border-radius: var(--nys-radius-round, 1776px);--_nys-toggle-border-width: var(--nys-border-width-md, 2px);--_nys-toggle-size--knob: var(--nys-font-size-lg, 18px);--_nys-toggle-margin--knob: calc( (var(--_nys-toggle-height) - var(--_nys-toggle-size--knob)) / 2 );--_nys-toggle-transform--translateX: calc( var(--_nys-toggle-width) - var(--_nys-toggle-size--knob) - var( --_nys-toggle-margin--knob ) - 2px );--_nys-toggle-gap: var(--nys-space-150, 12px);--_nys-toggle-transition-duration: .3s;--_nys-toggle-outline-color: var(--nys-color-focus, #004dd1);--_nys-toggle-outline-width: var(--nys-border-width-md, 2px);--_nys-toggle-background-color: var(--nys-color-neutral-500, #797c7f);--_nys-toggle-background-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-toggle-background-color--checked: var(--nys-color-theme, #154973);--_nys-toggle-background-color--hover: var(--nys-color-neutral-600, #62666a);--_nys-toggle-background-color--active: var(--nys-color-neutral-700, #4a4d4f);--_nys-toggle-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-toggle-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-toggle-color-ink-reverse: var(--nys-color-ink-reverse, #ffffff);--_nys-toggle-color--disabled: var(--nys-color-neutral-500, #797c7f)}.nys-toggle__content{display:flex;gap:var(--_nys-toggle-gap)}.nys-toggle__content nys-label{--_nys-label-font-weight: var(--nys-font-weight-regular, 400)}.nys-toggle__content:has(input:disabled) nys-label{--_nys-label-color: var(--_nys-toggle-color--disabled);cursor:not-allowed}.nys-toggle__toggle{position:relative;display:inline-block;width:var(--_nys-toggle-width);min-width:var(--_nys-toggle-width);max-width:var(--_nys-toggle-width);height:var(--_nys-toggle-height);min-height:var(--_nys-toggle-height);max-height:var(--_nys-toggle-height)}.nys-toggle__toggle input{opacity:0;width:0;height:0}.nys-toggle__toggle input:checked+.slider{background-color:var(--_nys-toggle-background-color--checked)}.nys-toggle__toggle input:checked+.slider:hover{background-color:var(--_nys-toggle-background-color--checked--hover)}.nys-toggle__toggle input:checked+.slider:hover .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked--hover)}.nys-toggle__toggle input:checked+.slider .knob{transform:translate(var(--_nys-toggle-transform--translateX))}.nys-toggle__toggle input:checked+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked)}.nys-toggle__toggle input:active:not(:disabled)+.slider{background-color:var(--_nys-toggle-background-color--active);outline:solid var(--_nys-toggle-outline-width) var(--_nys-toggle-outline-color)}.nys-toggle__toggle input:active:not(:disabled)+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--active)}.nys-toggle__toggle input:active:not(:disabled)+.slider:checked{background-color:var(--_nys-toggle-background-color--checked--active)}.nys-toggle__toggle input:active:not(:disabled)+.slider:checked .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked--active)}.nys-toggle__toggle input:focus+.slider{outline:solid var(--_nys-toggle-outline-width) var(--_nys-toggle-outline-color)}.nys-toggle__toggle input:disabled+.slider{background-color:var(--_nys-toggle-background-color--disabled);cursor:not-allowed}.nys-toggle__toggle input:disabled+.slider:hover{background-color:var(--_nys-toggle-background-color--disabled)}.nys-toggle__toggle input:disabled+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--disabled)}.slider{position:absolute;cursor:pointer;border-radius:var(--_nys-toggle-border-radius);outline-offset:var(--_nys-toggle-border-width);width:var(--_nys-toggle-width);inset:0;background-color:var(--_nys-toggle-background-color);display:flex;align-items:center}.slider:hover{background-color:var(--_nys-toggle-background-color--hover)}.slider:hover .knob .toggle-icon{color:var(--_nys-toggle-background-color--hover)}.knob{content:"";height:var(--_nys-toggle-size--knob);width:var(--_nys-toggle-size--knob);margin:var(--_nys-toggle-margin--knob);border-radius:var(--nys-radius-round, 1776px);background-color:var(--_nys-toggle-color-ink-reverse);transition:all var(--_nys-toggle-transition-duration) cubic-bezier(.27,.2,.25,1.51);overflow:hidden;display:flex;align-items:center;justify-content:center}.toggle-icon{position:absolute;color:var(--_nys-toggle-background-color)}:host([size=sm]){--_nys-toggle-width: var(--nys-size-450, 36px);--_nys-toggle-height: var(--nys-size-250, 20px);--_nys-toggle-size--knob: var(--nys-size-200, 16px);--_nys-toggle-gap: var(--nys-space-100, 8px)}:host([size=sm]) .toggle-icon{font-size:var(--nys-font-size-body-xs, 12px)}@supports not (font-size: 1cap){:host([size=sm]) .toggle-icon{font-size:var(--nys-font-size-body-xs, 12px)}}:host([size=md]){--_nys-toggle-width: var(--nys-size-550, 44px);--_nys-toggle-height: var(--nys-size-300, 24px);--_nys-toggle-size--knob: var(--nys-size-250, 20px)}:host([size=md]) .toggle-icon{font-size:var(--nys-font-size-body-sm, 14px)}@supports not (font-size: 1cap){:host([size=md]) .toggle-icon{font-size:calc(var(--nys-font-size-body-sm, 14px) - 1px)}}@media(prefers-reduced-motion:reduce){:host{--toggle-transition-duration: 0s}}';
|
|
7018
|
-
var xn = Object.defineProperty, se = (r, e, t,
|
|
7019
|
-
for (var
|
|
7020
|
-
(i = r[n]) && (
|
|
7021
|
-
return
|
|
7067
|
+
var xn = Object.defineProperty, se = (r, e, t, o) => {
|
|
7068
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
7069
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
7070
|
+
return s && xn(e, t, s), s;
|
|
7022
7071
|
};
|
|
7023
7072
|
let kn = 0;
|
|
7024
7073
|
const Xe = class Xe extends f {
|
|
@@ -7056,11 +7105,15 @@ const Xe = class Xe extends f {
|
|
|
7056
7105
|
}
|
|
7057
7106
|
// Handle focus event
|
|
7058
7107
|
_handleFocus() {
|
|
7059
|
-
this.dispatchEvent(
|
|
7108
|
+
this.dispatchEvent(
|
|
7109
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
7110
|
+
);
|
|
7060
7111
|
}
|
|
7061
7112
|
// Handle blur event
|
|
7062
7113
|
_handleBlur() {
|
|
7063
|
-
this.dispatchEvent(
|
|
7114
|
+
this.dispatchEvent(
|
|
7115
|
+
new Event("nys-blur", { bubbles: !0, composed: !0 })
|
|
7116
|
+
);
|
|
7064
7117
|
}
|
|
7065
7118
|
_handleClick() {
|
|
7066
7119
|
this.disabled || (this.checked = !this.checked, this._emitChangeEvent());
|
|
@@ -7158,10 +7211,10 @@ se([
|
|
|
7158
7211
|
], N.prototype, "size");
|
|
7159
7212
|
customElements.get("nys-toggle") || customElements.define("nys-toggle", N);
|
|
7160
7213
|
const $n = `:host{--_nys-tooltip-color: var(--nys-color-text-reverse, #ffffff);--_nys-tooltip-background-color: var(--nys-color-ink, #1b1b1b);--_nys-tooltip-border-radius: var(--nys-radius-md, 4px);--_nys-tooltip-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-tooltip-font-size: var(--nys-type-size-ui-sm, 14px);--_nys-tooltip-letter-spacing: var(--nys-font-letterspacing-ui-sm, .044px);--_nys-tooltip-line-height: var(--nys-font-lineheight-ui-sm, 24px)}.nys-tooltip__content{position:fixed;top:0;left:0;max-width:400px;width:max-content;max-height:120px;padding:var(--nys-space-50, 4px) var(--nys-space-100, 8px);background-color:var(--_nys-tooltip-background-color);border-radius:var(--_nys-tooltip-border-radius);cursor:auto;z-index:1}.nys-tooltip__inner{color:var(--_nys-tooltip-color);font-family:var(--_nys-tooltip-font-family);font-size:var(--_nys-tooltip-font-size);font-weight:400;line-height:var(--_nys-tooltip-line-height);letter-spacing:var(--_nys-tooltip-letter-spacing);white-space:normal;overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.nys-tooltip__arrow{position:absolute;width:14px;height:6px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="6" viewBox="0 0 15 6" fill="none"><path d="M8.15079 5.44218C7.7763 5.76317 7.2237 5.76317 6.84921 5.44218L0.5 0H14.5L8.15079 5.44218Z" fill="%231B1B1B"/></svg>') no-repeat center}.nys-tooltip__content[active]{display:block}.fade-out{opacity:0;transition:opacity .2s ease-out}:host([position=top]) .nys-tooltip__arrow{top:100%;left:var(--arrow-offset-x, 50%);transform:translate(-50%)}:host([position=bottom]) .nys-tooltip__arrow{bottom:100%;left:var(--arrow-offset-x, 50%);transform:translate(-50%) rotate(180deg)}:host([position=left]) .nys-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%) rotate(-90deg);margin-left:-4px}:host([position=right]) .nys-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%) rotate(90deg);margin-right:-4px}:host([inverted]) .nys-tooltip__content{--_nys-tooltip-color: var(--nys-color-text, #1b1b1b);--_nys-tooltip-background-color: var(--nys-color-ink-reverse, #ffffff)}:host([inverted]) .nys-tooltip__arrow{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="6" viewBox="0 0 15 6" fill="none"><path d="M8.15079 5.44218C7.7763 5.76317 7.2237 5.76317 6.84921 5.44218L0.5 0H14.5L8.15079 5.44218Z" fill="white"/></svg>') no-repeat center}@media(max-width:400px){.nys-tooltip__content{max-width:calc(100vw - 2rem)}}`;
|
|
7161
|
-
var En = Object.defineProperty, Sn = Object.getOwnPropertyDescriptor, Te = (r, e, t,
|
|
7162
|
-
for (var
|
|
7163
|
-
(i = r[n]) && (
|
|
7164
|
-
return
|
|
7214
|
+
var En = Object.defineProperty, Sn = Object.getOwnPropertyDescriptor, Te = (r, e, t, o) => {
|
|
7215
|
+
for (var s = o > 1 ? void 0 : o ? Sn(e, t) : e, n = r.length - 1, i; n >= 0; n--)
|
|
7216
|
+
(i = r[n]) && (s = (o ? i(e, t, s) : i(s)) || s);
|
|
7217
|
+
return o && s && En(e, t, s), s;
|
|
7165
7218
|
};
|
|
7166
7219
|
let Ln = 0;
|
|
7167
7220
|
const Jt = class Jt extends f {
|
|
@@ -7188,8 +7241,8 @@ const Jt = class Jt extends f {
|
|
|
7188
7241
|
".nys-tooltip__content"
|
|
7189
7242
|
), t = this._getReferenceElement();
|
|
7190
7243
|
if (!e || !t) return;
|
|
7191
|
-
const
|
|
7192
|
-
!
|
|
7244
|
+
const o = e.matches(":hover"), s = t.matches(":hover"), n = document.activeElement === t;
|
|
7245
|
+
!o && !s && !n || (this._hideTimeout && (clearTimeout(this._hideTimeout), this._hideTimeout = null), e.classList.remove("fade-out"), this._active = !0);
|
|
7193
7246
|
}, this._handleScrollOrResize = () => {
|
|
7194
7247
|
!this._active || this._hideTimeout || this._showTooltip();
|
|
7195
7248
|
}, this._handleEscapeKey = (e) => {
|
|
@@ -7248,19 +7301,19 @@ const Jt = class Jt extends f {
|
|
|
7248
7301
|
if (!e) return null;
|
|
7249
7302
|
let t = document.getElementById(e);
|
|
7250
7303
|
if (t) return t;
|
|
7251
|
-
const
|
|
7252
|
-
for (const n of Array.from(
|
|
7304
|
+
const o = (s) => {
|
|
7305
|
+
for (const n of Array.from(s.querySelectorAll("*"))) {
|
|
7253
7306
|
const i = n.shadowRoot;
|
|
7254
7307
|
if (i) {
|
|
7255
7308
|
const l = i.getElementById(e);
|
|
7256
7309
|
if (l) return l;
|
|
7257
|
-
const c =
|
|
7310
|
+
const c = o(i);
|
|
7258
7311
|
if (c) return c;
|
|
7259
7312
|
}
|
|
7260
7313
|
}
|
|
7261
7314
|
return null;
|
|
7262
7315
|
};
|
|
7263
|
-
return
|
|
7316
|
+
return o(document);
|
|
7264
7317
|
}
|
|
7265
7318
|
// We need to pass `ariaLabel` or `ariaDescription` to the nys-components so they can announce both their label and the tooltip's text
|
|
7266
7319
|
async _passAria(e) {
|
|
@@ -7285,8 +7338,8 @@ const Jt = class Jt extends f {
|
|
|
7285
7338
|
async _applyFocusBehavior(e) {
|
|
7286
7339
|
if (e.style.cursor = "pointer", e.tagName.toLowerCase() === "nys-icon") {
|
|
7287
7340
|
"updateComplete" in e && await e.updateComplete;
|
|
7288
|
-
const
|
|
7289
|
-
|
|
7341
|
+
const o = e.shadowRoot?.querySelector("svg");
|
|
7342
|
+
o && o.setAttribute("tabindex", "0");
|
|
7290
7343
|
}
|
|
7291
7344
|
}
|
|
7292
7345
|
/**
|
|
@@ -7294,13 +7347,13 @@ const Jt = class Jt extends f {
|
|
|
7294
7347
|
* Used for auto-positioning. Ignores text overflow for now.
|
|
7295
7348
|
*/
|
|
7296
7349
|
_doesPositionFit(e) {
|
|
7297
|
-
const t = this._getReferenceElement(),
|
|
7298
|
-
if (!t || !
|
|
7299
|
-
const
|
|
7300
|
-
top:
|
|
7301
|
-
left:
|
|
7302
|
-
bottom: window.innerHeight -
|
|
7303
|
-
right: window.innerWidth -
|
|
7350
|
+
const t = this._getReferenceElement(), o = this.shadowRoot?.querySelector(".nys-tooltip__content");
|
|
7351
|
+
if (!t || !o || e == null) return;
|
|
7352
|
+
const s = t.getBoundingClientRect(), n = o.getBoundingClientRect(), i = 8, l = {
|
|
7353
|
+
top: s.top - i,
|
|
7354
|
+
left: s.left - i,
|
|
7355
|
+
bottom: window.innerHeight - s.bottom - i,
|
|
7356
|
+
right: window.innerWidth - s.right - i
|
|
7304
7357
|
};
|
|
7305
7358
|
return {
|
|
7306
7359
|
top: l.top >= n.height,
|
|
@@ -7321,11 +7374,11 @@ const Jt = class Jt extends f {
|
|
|
7321
7374
|
".nys-tooltip__content"
|
|
7322
7375
|
);
|
|
7323
7376
|
if (!e || !t) return;
|
|
7324
|
-
const
|
|
7325
|
-
top:
|
|
7326
|
-
left:
|
|
7327
|
-
bottom: window.innerHeight -
|
|
7328
|
-
right: window.innerWidth -
|
|
7377
|
+
const o = e.getBoundingClientRect(), s = 8, n = {
|
|
7378
|
+
top: o.top - s,
|
|
7379
|
+
left: o.left - s,
|
|
7380
|
+
bottom: window.innerHeight - o.bottom - s,
|
|
7381
|
+
right: window.innerWidth - o.right - s
|
|
7329
7382
|
};
|
|
7330
7383
|
let i = [
|
|
7331
7384
|
"top",
|
|
@@ -7353,24 +7406,24 @@ const Jt = class Jt extends f {
|
|
|
7353
7406
|
);
|
|
7354
7407
|
e && (e.style.top = "0px", e.style.left = "0px");
|
|
7355
7408
|
}
|
|
7356
|
-
_positionTooltipElement(e, t,
|
|
7357
|
-
const
|
|
7409
|
+
_positionTooltipElement(e, t, o) {
|
|
7410
|
+
const s = e.getBoundingClientRect(), n = t.getBoundingClientRect(), i = 8;
|
|
7358
7411
|
let l = 0, c = 0;
|
|
7359
|
-
switch (
|
|
7412
|
+
switch (o) {
|
|
7360
7413
|
case "top":
|
|
7361
|
-
l =
|
|
7414
|
+
l = s.top - n.height - i, c = s.left + s.width / 2 - n.width / 2;
|
|
7362
7415
|
break;
|
|
7363
7416
|
case "bottom":
|
|
7364
|
-
l =
|
|
7417
|
+
l = s.bottom + i, c = s.left + s.width / 2 - n.width / 2;
|
|
7365
7418
|
break;
|
|
7366
7419
|
case "left":
|
|
7367
|
-
l =
|
|
7420
|
+
l = s.top + s.height / 2 - n.height / 2, c = s.left - n.width - i;
|
|
7368
7421
|
break;
|
|
7369
7422
|
case "right":
|
|
7370
|
-
l =
|
|
7423
|
+
l = s.top + s.height / 2 - n.height / 2, c = s.right + i;
|
|
7371
7424
|
break;
|
|
7372
7425
|
default:
|
|
7373
|
-
l =
|
|
7426
|
+
l = s.top - n.height - i, c = s.left + s.width / 2 - n.width / 2;
|
|
7374
7427
|
break;
|
|
7375
7428
|
}
|
|
7376
7429
|
t.style.top = `${l}px`, t.style.left = `${c}px`;
|
|
@@ -7389,7 +7442,7 @@ const Jt = class Jt extends f {
|
|
|
7389
7442
|
_shiftTooltipIntoViewport(e) {
|
|
7390
7443
|
const t = this._getReferenceElement();
|
|
7391
7444
|
if (!t) return;
|
|
7392
|
-
const
|
|
7445
|
+
const o = t.getBoundingClientRect(), s = e.getBoundingClientRect(), n = o.left + o.width / 2, i = s.left < 0, l = s.right > window.innerWidth;
|
|
7393
7446
|
i ? (e.style.left = "10px", e.style.transform = "none") : l && (e.style.right = "0px", e.style.left = "auto", e.style.transform = "none");
|
|
7394
7447
|
const c = e.getBoundingClientRect(), h = (n - c.left) / c.width, u = Math.max(0, Math.min(1, h)) * 100;
|
|
7395
7448
|
e.style.setProperty("--arrow-offset-x", `${u}%`);
|
|
@@ -7454,10 +7507,10 @@ const Dn = `<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewB
|
|
|
7454
7507
|
<path d="M67.6348 51.8019C67.6348 51.8019 67.6173 51.782 67.6173 51.7303C67.6173 51.6787 67.6348 51.6588 67.6348 51.6588H68.5564C68.5564 51.6588 68.5749 51.6806 68.5749 51.7303C68.5749 51.78 68.5564 51.8019 68.5564 51.8019H68.1932V52.9205C68.1932 52.9205 68.1659 52.9404 68.0976 52.9404C68.0292 52.9404 67.998 52.9205 67.998 52.9205V51.8019H67.6348Z" fill="#154973"/>
|
|
7455
7508
|
<path d="M69.4282 52.8659C69.4135 52.8748 69.3891 52.8858 69.3471 52.8858C69.3178 52.8858 69.2837 52.8798 69.27 52.8659L68.9889 52.1476C68.9723 52.1088 68.9459 52.0323 68.944 52.0214C68.944 52.0264 68.9371 52.1277 68.9332 52.1565L68.8815 52.9205C68.8815 52.9205 68.8561 52.9404 68.7858 52.9404C68.7155 52.9404 68.6862 52.9205 68.6862 52.9205L68.7839 51.6787C68.7839 51.6787 68.8112 51.6588 68.8776 51.6588C68.9518 51.6588 68.9781 51.6787 68.9781 51.6787L69.3042 52.5162L69.3471 52.6533C69.3481 52.6473 69.3774 52.5559 69.392 52.5162L69.7181 51.6787C69.7181 51.6787 69.7464 51.6588 69.8206 51.6588C69.886 51.6588 69.9124 51.6787 69.9124 51.6787L70.01 52.9205C70.01 52.9205 69.9807 52.9404 69.9104 52.9404C69.8401 52.9404 69.8167 52.9205 69.8167 52.9205L69.763 52.1546L69.7523 52.0194C69.7523 52.0194 69.722 52.1148 69.7093 52.1456L69.4282 52.8659Z" fill="#154973"/>
|
|
7456
7509
|
</svg>`, Mn = ':host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px);--_nys-unavheader-background-color: var(--nys-color-surface, var(--nys-color-white, #ffffff));--_nys-unavheader-color: var(--nys-color-text, var(--nys-color-neutral-900, #1b1b1b));--_nys-unavheader-background-color--section-raised: var(--nys-color-surface-raised, var(--nys-color-neutral-10, #f6f6f6));font-size:var(--nys-font-size-ui-md, 16px);font-weight:var(--nys-font-weight-semibold, 600);line-height:var(--nys-font-lineheight-ui-md, 24px);font-family:var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}.nys-unavheader{display:flex;flex-direction:column}.nys-unavheader>*{padding:0 var(--_nys-unavheader-padding--gutter)}.nys-unavheader__main.wrapper{background-color:var(--_nys-unavheader-background-color)}.nys-unavheader__main.content{display:flex;align-items:center;justify-content:space-between;gap:var(--nys-space-300, 24px);padding-top:var(--nys-space-100, 8px);padding-bottom:var(--nys-space-100, 8px)}.nys-unavheader__spacer{flex:1}.nys-unavheader__trustbar.wrapper{background-color:var(--nys-color-neutral-100, #d0d0ce);padding-top:var(--nys-space-100, 8px);padding-bottom:var(--nys-space-100, 8px)}.nys-unavheader__trustbar.wrapper>.content,.nys-unavheader__trustbar.wrapper>.content *{cursor:pointer}.nys-unavheader__trustbar.inline,.nys-unavheader__trustbar.inline #nys-unavheader__official{background-color:transparent;cursor:default}.nys-unavheader__trustbar>.content,.nys-unavheader__trustbar.inline{display:flex;align-items:center;gap:var(--nys-space-100, 8px);height:fit-content;font-size:var(--nys-font-size-ui-xs, 12px);font-weight:var(--nys-font-weight-regular, 400);line-height:var(--nys-font-lineheight-ui-xs, 20px);font-family:var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}a#nys-unavheader__logolink{outline-offset:var(--nys-space-2px, 2px)}.nys-unavheader__logo svg{vertical-align:top;height:var(--nys-size-500, 40px);width:auto}#nys-unavheader__know,#nys-unavheader__know--inline{width:max-content;display:flex;align-items:center;cursor:pointer;gap:var(--nys-space-50, 4px);--_nys-button-height: var(--nys-font-lineheight-ui-xs, 20px);--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--nys-button-color: var(--nys-color-link, #004dd1);--nys-button-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-color--active: var(--nys-color-link-strongest, #002971);--nys-button-background-color--hover: var(--nys-color-transparent, #ffffff00);--nys-button-background-color--active: var(--nys-color-transparent, #ffffff00);--_nys-button-font-size: var(--nys-font-size-ui-xs, 12px);--_nys-button-font-weight: var(--nys-font-weight-regular, 400);--_nys-button-line-height: var(--nys-font-lineheight-ui-xs, 20px);--_nys-button-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}.hide{display:none}.nys-unavheader__trustpanel.wrapper.show{background-color:var(--_nys-unavheader-background-color--section-raised);display:flex;padding-top:var(--nys-space-400, 32px);padding-bottom:var(--nys-space-400, 32px)}.nys-unavheader__messagewrapper{display:flex;gap:var(--nys-space-400, 32px)}.nys-unavheader__trustpanel.content{display:flex;flex-direction:row-reverse}.nys-unavheader__trustcontentmessage{flex:1;display:flex;flex-direction:column;gap:var(--nys-space-100, 8px);font-family:var(--nys-type-family-ui, "Proxima Nova");font-size:var(--nys-type-size-ui-sm, 14px);font-style:normal;font-weight:400;line-height:var(--nys-typography-font-lineheight-ui-sm, 24px);letter-spacing:var(--nys-typography-font-letterspacing-ui-sm, .044px)}.nys-unavheader__searchdropdown.wrapper{background-color:var(--_nys-unavheader-background-color--section-raised);padding-top:var(--nys-space-250, 20px);padding-bottom:var(--nys-space-250, 20px)}.nys-unavheader__trustpanel.wrapper>.content,.nys-unavheader__main.wrapper>.content,.nys-unavheader__trustbar>.content,.nys-unavheader__searchdropdown.wrapper>.content{max-width:1280px;margin:0 auto}.nys-unavheader__search{max-width:var(--nys-form-width-md, 200px);transition:max-width .5s ease;--_nys-textinput-gap: 0px}.nys-unavheader__search:focus{width:var(--nys-form-width-lg, 384px);max-width:var(--nys-form-width-lg, 384px)}#nys-unavheader__translate--desktop,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton{--nys-button-color: var(--nys-color-state-blue-700, #154973);--nys-button-color--hover: var(--nys-color-state-blue-700, #154973);--nys-button-color--active: var(--nys-color-state-blue-700, #154973);--_nys-button-border-width: 0px}.nys-unavheader__iconbutton{--_nys-button-width: var(--nys-size-400, 32px);--_nys-button-height: var(--nys-size-400, 32px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-unavheader__translatewrapper{position:relative}.nys-unavheader__languagelist.show{position:absolute;display:flex;flex-direction:column;min-width:fit-content;width:max-content;z-index:99999;background-color:var(--_nys-unavheader-background-color--section-raised);color:var(--nys-color-state-blue-700, #154973);margin-top:var(--nys-space-150, 12px);right:0}.nys-unavheader__languagelink{--_nys-button-padding: var(--nys-space-200, 16px) var(--nys-space-250, 20px);--nys-button-color: var(--nys-color-state-blue-700, #154973);--nys-button-color--hover: var(--nys-color-state-blue-700, #154973);--nys-button-color--active: var(--nys-color-state-blue-700, #154973);--_nys-button-border-radius--start: 0;--_nys-button-border-radius--end: 0;--_nys-button-justify-content: start}@media(min-width:0)and (max-width:479px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px)}#nys-unavheader__know{--_nys-button-padding--x: 0px;--_nys-button-padding--y: 0px;--_nys-button-height: var(--nys-space-200, 16px)}.nys-unavheader__trustbar>.content{flex-direction:column;align-items:flex-start;gap:0;line-height:16px}.nys-unavheader__trustbar.wrapper{padding-top:var(--nys-space-50, 4px);padding-bottom:var(--nys-space-50, 4px)}.nys-unavheader__trustbar.inline{display:none}.nys-unavheader__messagewrapper{flex-direction:column}#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}}@media(min-width:480px)and (max-width:767px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-sm, 20px)}.nys-unavheader__trustbar.inline{display:none}.nys-unavheader__messagewrapper{flex-direction:column}#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}}@media(min-width:768px)and (max-width:1023px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-md, 32px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}.nys-unavheader__trustpanel.wrapper.show{order:2}}@media(min-width:1024px)and (max-width:1279px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-lg, 32px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton[circle],.nys-unavheader__searchdropdown.wrapper{display:none}.nys-unavheader__languagelist.show{margin-top:var(--nys-space-100, 8px)}.nys-unavheader__trustpanel.wrapper.show{order:2}}@media(min-width:1280px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xl, 64px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton[circle],.nys-unavheader__searchdropdown.wrapper{display:none}.nys-unavheader__languagelist.show{margin-top:var(--nys-space-100, 8px)}.nys-unavheader__trustpanel.wrapper.show{order:2}}';
|
|
7457
|
-
var zn = Object.defineProperty, we = (r, e, t,
|
|
7458
|
-
for (var
|
|
7459
|
-
(i = r[n]) && (
|
|
7460
|
-
return
|
|
7510
|
+
var zn = Object.defineProperty, we = (r, e, t, o) => {
|
|
7511
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
7512
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
7513
|
+
return s && zn(e, t, s), s;
|
|
7461
7514
|
};
|
|
7462
7515
|
const es = class es extends f {
|
|
7463
7516
|
constructor() {
|
|
@@ -7498,9 +7551,9 @@ const es = class es extends f {
|
|
|
7498
7551
|
_toggleTrustbar(e) {
|
|
7499
7552
|
if (this.trustbarVisible = !this.trustbarVisible, this.trustbarVisible && (this.languageVisible = !1, this.searchDropdownVisible = !1), e === "no focus") return;
|
|
7500
7553
|
if (e === "nys-unavheader__know--inline" || !e) {
|
|
7501
|
-
const
|
|
7554
|
+
const o = this.trustbarVisible ? "nys-unavheader__closetrustbar" : "nys-unavheader__know--inline";
|
|
7502
7555
|
this.updateComplete.then(() => {
|
|
7503
|
-
this.shadowRoot?.getElementById(
|
|
7556
|
+
this.shadowRoot?.getElementById(o)?.focus();
|
|
7504
7557
|
});
|
|
7505
7558
|
}
|
|
7506
7559
|
}
|
|
@@ -7522,8 +7575,8 @@ const es = class es extends f {
|
|
|
7522
7575
|
if (e.url)
|
|
7523
7576
|
window.location.href = e.url;
|
|
7524
7577
|
else {
|
|
7525
|
-
const
|
|
7526
|
-
window.location.href = `https://${
|
|
7578
|
+
const o = e.code === "en" ? "" : `${e.code}.`;
|
|
7579
|
+
window.location.href = `https://${o}${window.location.hostname}`;
|
|
7527
7580
|
}
|
|
7528
7581
|
}
|
|
7529
7582
|
_handleSearchFocus() {
|
|
@@ -7539,10 +7592,10 @@ const es = class es extends f {
|
|
|
7539
7592
|
}
|
|
7540
7593
|
}
|
|
7541
7594
|
_handleSearchButton(e) {
|
|
7542
|
-
const
|
|
7595
|
+
const o = (this.shadowRoot?.getElementById(
|
|
7543
7596
|
e
|
|
7544
7597
|
)).value?.trim();
|
|
7545
|
-
|
|
7598
|
+
o !== "" && this._handleSearch(o);
|
|
7546
7599
|
}
|
|
7547
7600
|
_handleSearch(e) {
|
|
7548
7601
|
const t = new CustomEvent("nys-search-submit", {
|
|
@@ -7798,14 +7851,14 @@ we([
|
|
|
7798
7851
|
], te.prototype, "languages");
|
|
7799
7852
|
customElements.get("nys-unavheader") || customElements.define("nys-unavheader", te);
|
|
7800
7853
|
const Bn = ':host{--_nys-globalheader-color: var( --nys-color-text-reverse, var(--nys-color-white, #ffffff) );--_nys-globalheader-link-color: var( --nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff) );--_nys-globalheader-background-color: var( --nys-color-theme, var(--nys-color-state-blue-700, #154973) );--_nys-globalheader-gap: var(--nys-space-300, 24px);--_nys-globalheader-padding: var(--nys-space-250, 20px);--_nys-globalheader-font-family--menu: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-globalheader-line-height: normal;--_nys-globalheader-letter-spacing: normal;--_nys-globalheader-font-weight: var(--nys-font-weight-semibold, 600);--_nys-globalheader-max-width: var(--nys-max-content-width, 1280px);--_nys-globalheader-gap--text: var(--nys-space-100, 8px);--_nys-globalheader-font-size--heading: var( --nys-font-size-agency-xl, var(--nys-font-size-2xl, 22px) );--_nys-globalheader-font-size--subheading: var( --nys-font-size-agency-md, var(--nys-font-size-md, 16px) );--_nys-globalheader-font-family--headings: var( --nys-font-family-agency, "D Sari", Arial, sans-serif );--_nys-globalheader-line-height--menu: var(--nys-font-lineheight-ui-md, 24px);--_nys-globalheader-letter-spacing--menu: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-globalheader-text-decoration-thickness--menu: var(--nys-size-2px, 2px);--_nys-globalheader-link-padding: var(--nys-space-300, 24px) var(--nys-space-200, 16px);--_nys-globalheader-font-size--menu-btn: var(--nys-type-size-ui-xs, 12px);--_nys-globalheader-line-height--menu-btn: var( --nys-font-lineheight-ui-xs, 20px );--_nys-globalheader-letter-spacing--menu-btn: var( --nys-font-letterspacing-ui-xs, .057px );--_nys-globalheader-border-color--menu: var(--nys-color-theme-mid, #457aa5);--_nys-globalheader-background-color--menu--hover: var( --nys-color-theme-strong, #0e324f );--_nys-globalheader-background-color--menu--active: var( --nys-color-theme-stronger, #081b2b )}ul{list-style-type:none;padding:0;margin:0}li{display:block;margin:0;padding:0;box-sizing:border-box}a{color:var(--_nys-globalheader-color);text-decoration:none;font-family:var(--_nys-globalheader-font-family--menu);font-style:normal;font-weight:400;line-height:var(--_nys-globalheader-line-height--menu);letter-spacing:var(--_nys-globalheader-letter-spacing--menu)}::slotted([slot=user-actions]){display:flex;align-items:center;margin-inline-start:auto;--_nys-button-outline-color: var( --nys-color-ink-reverse, var(--nys-color-white, #ffffff) )}.nys-globalheader{display:flex;justify-content:center;padding:var(--_nys-globalheader-padding);background-color:var(--_nys-globalheader-background-color);color:var(--_nys-globalheader-color);width:100%;min-height:76px;box-sizing:border-box}a#nys-globalheader__logolink{outline-offset:var(--nys-space-2px, 2px);outline-color:var(--nys-color-ink-reverse, #ffffff);margin:auto 0}.nys-globalheader__logo svg{vertical-align:top;width:auto}.nys-globalheader__main-container{display:flex;gap:var(--_nys-globalheader-gap);max-width:var(--_nys-globalheader-max-width);width:100%}.nys-globalheader__name-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--_nys-globalheader-gap--text)}.nys-globalheader__name{margin:0;color:var(--_nys-globalheader-color);font-family:var(--_nys-globalheader-font-family--headings);font-size:var(--_nys-globalheader-font-size--heading);font-style:normal;font-weight:var(--_nys-globalheader-font-weight);line-height:var(--_nys-globalheader-line-height);letter-spacing:var(--_nys-globalheader-letter-spacing);overflow-wrap:break-word}.nys-globalheader__agencyName{font-size:var(--_nys-globalheader-font-size--subheading)}.nys-globalheader__agencyName.main{font-size:var(--_nys-globalheader-font-size--heading)}.nys-globalheader__content{display:none;font-family:var(--_nys-globalheader-font-family--menu)}.nys-globalheader__content ul{display:flex;flex-flow:column wrap;align-items:center}.nys-globalheader__content ul a:hover{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}.nys-globalheader__content ul a:active{text-decoration-thickness:var(--_nys-globalheader-text-decoration-thickness--menu)}.nys-globalheader__content li.active a,.nys-globalheader__content-mobile li.active a{font-weight:700}.nys-globalheader__content li.active{border-bottom:8px solid var(--nys-color-theme-weak, #cddde9)}.nys-globalheader__content li.active a{margin-bottom:calc(-1 * var(--nys-space-100, 8px))}.nys-globalheader__content-mobile li.active a{border-left:8px solid var(--nys-color-theme-weak, #cddde9);border-bottom:1px solid var(--_nys-globalheader-border-color--menu)}.nys-globalheader__content ul li.active a:hover{text-decoration:none}.nys-globalheader__content-mobile{position:absolute;z-index:10;display:flex;flex-direction:column;justify-content:center;background-color:var(--_nys-globalheader-background-color);width:fit-content}.nys-globalheader__content-mobile.close{display:none}.nys-globalheader__content-mobile ul{display:flex;flex-direction:column}.nys-globalheader__content-mobile ul li:first-child a{border-top:1px solid var(--_nys-globalheader-color)}.nys-globalheader__content-mobile ul li a{display:flex;padding:24px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid var(--_nys-globalheader-border-color--menu);background-color:var(--_nys-globalheader-background-color)}.nys-globalheader__content-mobile ul li a:hover{background-color:var(--_nys-globalheader-background-color--menu--hover)}.nys-globalheader__content-mobile ul li a:active{background-color:var(--_nys-globalheader-background-color--menu--active)}.nys-globalheader__name-container-link{display:flex;flex-direction:column;justify-content:center}.nys-globalheader__button-container{display:flex;justify-content:center;align-items:center}.nys-globalheader__mobile-menu-button{flex-direction:column;gap:3px;width:50px;height:50px;background-color:var(--_nys-globalheader-background-color);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;color:var(--_nys-globalheader-color)}.nys-globalheader__mobile-menu-button-text{font-size:var(--_nys-globalheader-font-size--menu-btn);line-height:var(--_nys-globalheader-line-height--menu-btn);letter-spacing:var(--_nys-globalheader-letter-spacing--menu-btn)}@media(min-width:1024px){.nys-globalheader__content{display:flex}.nys-globalheader__content ul{flex-direction:row}.nys-globalheader__content-mobile,.nys-globalheader__button-container{display:none}li{display:flex;align-items:center;padding:var(--_nys-globalheader-link-padding)}:host{--_nys-globalheader-gap: var(--nys-space-500, 40px);--_nys-globalheader-padding: var(--nys-space-50, 4px) var(--nys-size-400, 32px) 0}}@media(min-width:1280px){:host{--_nys-globalheader-padding: var(--nys-space-50, 4px) var(--nys-space-800, 64px) 0}}';
|
|
7801
|
-
var An = Object.defineProperty, it = (r, e, t,
|
|
7802
|
-
for (var
|
|
7803
|
-
(i = r[n]) && (
|
|
7804
|
-
return
|
|
7854
|
+
var An = Object.defineProperty, it = (r, e, t, o) => {
|
|
7855
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
7856
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
7857
|
+
return s && An(e, t, s), s;
|
|
7805
7858
|
};
|
|
7806
7859
|
const ts = class ts extends f {
|
|
7807
7860
|
constructor() {
|
|
7808
|
-
super(...arguments), this.appName = "", this.agencyName = "", this.homepageLink = "", this.
|
|
7861
|
+
super(...arguments), this.appName = "", this.agencyName = "", this.homepageLink = "", this._isMobileMenuOpen = !1, this._hasLinkContent = !1;
|
|
7809
7862
|
}
|
|
7810
7863
|
/**
|
|
7811
7864
|
* Lifecycle Methods
|
|
@@ -7819,18 +7872,18 @@ const ts = class ts extends f {
|
|
|
7819
7872
|
* --------------------------------------------------------------------------
|
|
7820
7873
|
*/
|
|
7821
7874
|
_highlightActiveLink(e) {
|
|
7822
|
-
const t = Array.from(e.querySelectorAll("a")),
|
|
7823
|
-
let
|
|
7875
|
+
const t = Array.from(e.querySelectorAll("a")), o = window.location.pathname.replace(/\/+$/, "") || "/";
|
|
7876
|
+
let s = {
|
|
7824
7877
|
li: null,
|
|
7825
7878
|
length: 0
|
|
7826
7879
|
};
|
|
7827
7880
|
t.forEach((n) => {
|
|
7828
7881
|
const i = this._normalizePath(n.getAttribute("href"));
|
|
7829
|
-
i && (i === "/" &&
|
|
7882
|
+
i && (i === "/" && o === "/" ? s = { li: n.closest("li"), length: 1 } : o.startsWith(i) && i.length > s.length && (s = {
|
|
7830
7883
|
li: n.closest("li"),
|
|
7831
7884
|
length: i.length
|
|
7832
7885
|
}));
|
|
7833
|
-
}), t.forEach((n) => n.closest("li")?.classList.remove("active")),
|
|
7886
|
+
}), t.forEach((n) => n.closest("li")?.classList.remove("active")), s.li?.classList.add("active");
|
|
7834
7887
|
}
|
|
7835
7888
|
// Gets called when the slot content changes and directly appends the slotted elements into the shadow DOM
|
|
7836
7889
|
async _handleListSlotChange() {
|
|
@@ -7838,19 +7891,17 @@ const ts = class ts extends f {
|
|
|
7838
7891
|
'slot:not([name="user-actions"])'
|
|
7839
7892
|
);
|
|
7840
7893
|
if (!e) return;
|
|
7841
|
-
const t = e.assignedNodes({ flatten: !0 }).filter((
|
|
7842
|
-
|
|
7843
|
-
|
|
7844
|
-
|
|
7845
|
-
|
|
7846
|
-
|
|
7847
|
-
|
|
7848
|
-
|
|
7849
|
-
|
|
7850
|
-
|
|
7851
|
-
|
|
7852
|
-
}
|
|
7853
|
-
}), this._highlightActiveLink(s), this._highlightActiveLink(o));
|
|
7894
|
+
const t = e.assignedNodes({ flatten: !0 }).filter((s) => s.nodeType === Node.ELEMENT_NODE), o = [
|
|
7895
|
+
this.shadowRoot?.querySelector(".nys-globalheader__content"),
|
|
7896
|
+
this.shadowRoot?.querySelector(".nys-globalheader__content-mobile")
|
|
7897
|
+
];
|
|
7898
|
+
if (!o.some((s) => !s)) {
|
|
7899
|
+
for (const s of o)
|
|
7900
|
+
s.innerHTML = "", t.forEach((n) => {
|
|
7901
|
+
s.appendChild(n.cloneNode(!0));
|
|
7902
|
+
}), this._highlightActiveLink(s);
|
|
7903
|
+
await this.updateComplete, this._hasLinkContent = t.length > 0;
|
|
7904
|
+
}
|
|
7854
7905
|
}
|
|
7855
7906
|
// Normalize paths so that links like "name", "/name/", and "/" match window.location.pathname.
|
|
7856
7907
|
// This ensures consistent active-link behavior regardless of how hrefs are written.
|
|
@@ -7863,15 +7914,15 @@ const ts = class ts extends f {
|
|
|
7863
7914
|
}
|
|
7864
7915
|
}
|
|
7865
7916
|
_toggleMobileMenu() {
|
|
7866
|
-
this.
|
|
7917
|
+
this._isMobileMenuOpen = !this._isMobileMenuOpen;
|
|
7867
7918
|
}
|
|
7868
7919
|
// Listens for click events on links to mark them active
|
|
7869
7920
|
_listenLinkClicks() {
|
|
7870
7921
|
this.shadowRoot?.querySelectorAll(
|
|
7871
7922
|
".nys-globalheader__content, .nys-globalheader__content-mobile"
|
|
7872
7923
|
)?.forEach((t) => {
|
|
7873
|
-
t?.addEventListener("click", (
|
|
7874
|
-
const n =
|
|
7924
|
+
t?.addEventListener("click", (o) => {
|
|
7925
|
+
const n = o.target.closest("a");
|
|
7875
7926
|
if (!n) return;
|
|
7876
7927
|
t.querySelectorAll("li.active").forEach((l) => l.classList.remove("active"));
|
|
7877
7928
|
const i = n.closest("li");
|
|
@@ -7883,18 +7934,18 @@ const ts = class ts extends f {
|
|
|
7883
7934
|
return d`
|
|
7884
7935
|
<header class="nys-globalheader">
|
|
7885
7936
|
<div class="nys-globalheader__main-container">
|
|
7886
|
-
${this.
|
|
7937
|
+
${this._hasLinkContent ? d` <div class="nys-globalheader__button-container">
|
|
7887
7938
|
<button
|
|
7888
7939
|
class="nys-globalheader__mobile-menu-button"
|
|
7889
7940
|
@click="${this._toggleMobileMenu}"
|
|
7890
7941
|
>
|
|
7891
7942
|
<nys-icon
|
|
7892
|
-
name="${this.
|
|
7943
|
+
name="${this._isMobileMenuOpen ? "close" : "menu"}"
|
|
7893
7944
|
size="32"
|
|
7894
|
-
label="${this.
|
|
7945
|
+
label="${this._isMobileMenuOpen ? "close" : "menu"} icon"
|
|
7895
7946
|
></nys-icon>
|
|
7896
7947
|
<span class="nys-globalheader__mobile-menu-button-text"
|
|
7897
|
-
>${this.
|
|
7948
|
+
>${this._isMobileMenuOpen ? "CLOSE" : "MENU"}</span
|
|
7898
7949
|
>
|
|
7899
7950
|
</button>
|
|
7900
7951
|
</div>` : ""}
|
|
@@ -7937,7 +7988,7 @@ const ts = class ts extends f {
|
|
|
7937
7988
|
</div>
|
|
7938
7989
|
</header>
|
|
7939
7990
|
<div
|
|
7940
|
-
class="nys-globalheader__content-mobile ${this.
|
|
7991
|
+
class="nys-globalheader__content-mobile ${this._isMobileMenuOpen ? "" : "close"}"
|
|
7941
7992
|
></div>
|
|
7942
7993
|
`;
|
|
7943
7994
|
}
|
|
@@ -7955,16 +8006,16 @@ it([
|
|
|
7955
8006
|
], me.prototype, "homepageLink");
|
|
7956
8007
|
it([
|
|
7957
8008
|
_()
|
|
7958
|
-
], me.prototype, "
|
|
8009
|
+
], me.prototype, "_isMobileMenuOpen");
|
|
7959
8010
|
it([
|
|
7960
8011
|
_()
|
|
7961
|
-
], me.prototype, "
|
|
8012
|
+
], me.prototype, "_hasLinkContent");
|
|
7962
8013
|
customElements.get("nys-globalheader") || customElements.define("nys-globalheader", me);
|
|
7963
8014
|
const Vn = ':host{--_nys-globalfooter-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-globalfooter-background-color: var( --nys-color-theme-weaker, var(--nys-color-state-blue-50, #eff6fb) );--_nys-globalfooter-gap: var(--nys-space-300, 24px);--_nys-globalfooter-padding--y: var(--nys-space-400, 32px);--_nys-globalfooter-padding--gutter: var(--nys-gutter-sm, 20px);--_nys-globalfooter-font-size--agency: var( --nys-font-size-agency-xl, var(--nys-font-size-2xl, 22px) );--_nys-globalfooter-font-size--link: var( --nys-font-size-body-md, var(--nys-font-size-md, 16px) );--_nys-globalfooter-line-height--agency: normal;--_nys-globalfooter-font-weight--regular: var( --nys-font-weight-regular, 400 );--_nys-globalfooter-font-weight--semibold: var( --nys-font-weight-semibold, 600 );--_nys-globalfooter-max-width: var(--nys-max-content-width, 1280px);--_nys-globalfooter-font-family--agency: var( --nys-font-family-agency, "D Sari", Arial, sans-serif );--_nys-globalfooter-column-gap: var(--nys-space-400, 32px);--_nys-globalfooter-row-gap: var(--nys-space-400, 32px);--_nys-globalfooter-line-height--link: var( --nys-font-lineheight-ui-md, 24px );--_nys-globalfooter-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-globalfooter-font-family--link: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-globalfooter-text-decoration-thickness: var(--nys-size-2px, 2px);--_nys-globalfooter-background--divider: var(--nys-color-theme, #154973);--_nys-globalfooter-margin--divider: var(--nys-space-50, 4px)}.nys-globalfooter{display:flex;padding:var(--_nys-globalfooter-padding--y) var(--_nys-globalfooter-padding--gutter);justify-content:center;background-color:var(--_nys-globalfooter-background-color);color:var(--_nys-globalfooter-color);width:100%;box-sizing:border-box}.nys-globalfooter__main-container{display:flex;flex-direction:column;gap:var(--_nys-globalfooter-gap);width:100%;max-width:var(--_nys-globalfooter-max-width)}.nys-globalfooter__name{text-align:left;margin:0;color:var(--_nys-globalfooter-color);font-family:var(--_nys-globalfooter-font-family--agency);font-size:var(--_nys-globalfooter-font-size--agency);font-style:normal;font-weight:var(--_nys-globalfooter-font-weight--semibold);line-height:var(--_nys-globalfooter-line-height--agency);letter-spacing:normal}ul{list-style-type:none;padding:0;margin:0}li{margin:0;padding:0}a,span{color:var(--_nys-globalfooter-color);text-decoration:none;font-family:var(--_nys-globalfooter-font-family--link);font-size:var(--_nys-globalfooter-font-size--link);font-style:normal;font-weight:var(--_nys-globalfooter-font-weight--semibold);line-height:var(--_nys-globalfooter-line-height--link);letter-spacing:var(--_nys-globalfooter-letter-spacing)}ul li>span+ul li a{font-weight:var(--_nys-globalfooter-font-weight--regular)}a:hover{text-decoration:underline}a:active{text-decoration-thickness:var(--_nys-globalfooter-text-decoration-thickness)}.nys-globalfooter__content{width:100%}.nys-globalfooter__content ul{display:flex;flex-flow:column wrap;gap:var(--_nys-globalfooter-row-gap) var(--_nys-globalfooter-column-gap)}.nys-globalfooter__content ul li:has(span~ul){flex:1;display:flex;flex-direction:column}.nys-globalfooter__content ul:has(li>span~ul){--_nys-globalfooter-column-gap: var(--nys-space-500, 40px)}.nys-globalfooter__content ul li>span~ul{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px)}.divider{margin-top:var(--_nys-globalfooter-margin--divider);margin-bottom:var(--nys-space-300, 24px)}@media(min-width:768px){.nys-globalfooter__content ul{flex-direction:row}.nys-globalfooter__content ul li:has(span~ul){flex:1 0 205px}:host{--_nys-globalfooter-padding--gutter: var(--nys-gutter-lg, 32px);--_nys-globalfooter-row-gap: var(--nys-space-600, 48px)}}@media(min-width:1280px){:host{--_nys-globalfooter-padding--gutter: var(--nys-gutter-xl, 64px)}}';
|
|
7964
|
-
var On = Object.defineProperty, Ht = (r, e, t,
|
|
7965
|
-
for (var
|
|
7966
|
-
(i = r[n]) && (
|
|
7967
|
-
return
|
|
8015
|
+
var On = Object.defineProperty, Ht = (r, e, t, o) => {
|
|
8016
|
+
for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
|
|
8017
|
+
(i = r[n]) && (s = i(e, t, s) || s);
|
|
8018
|
+
return s && On(e, t, s), s;
|
|
7968
8019
|
};
|
|
7969
8020
|
const ss = class ss extends f {
|
|
7970
8021
|
constructor() {
|
|
@@ -7987,19 +8038,19 @@ const ss = class ss extends f {
|
|
|
7987
8038
|
if (!e) return;
|
|
7988
8039
|
const t = e?.assignedNodes({ flatten: !0 }).filter((n) => n.nodeType === Node.ELEMENT_NODE);
|
|
7989
8040
|
await Promise.resolve(), this.slotHasContent = t.length > 0;
|
|
7990
|
-
const
|
|
8041
|
+
const o = this.shadowRoot?.querySelector(
|
|
7991
8042
|
".nys-globalfooter__content"
|
|
7992
|
-
),
|
|
8043
|
+
), s = t?.some(
|
|
7993
8044
|
(n) => n.tagName === "H4"
|
|
7994
8045
|
);
|
|
7995
|
-
|
|
8046
|
+
o && (o.classList.toggle("columns", s), o.classList.toggle("small", !s), o.innerHTML = "", t.forEach((i) => {
|
|
7996
8047
|
if (i.nodeType === Node.ELEMENT_NODE) {
|
|
7997
8048
|
const l = i.cloneNode(!0);
|
|
7998
8049
|
["script", "iframe", "object", "embed", "img"].forEach((h) => {
|
|
7999
8050
|
l.querySelectorAll(h).forEach((u) => u.remove());
|
|
8000
|
-
}),
|
|
8051
|
+
}), o.appendChild(l), i.remove();
|
|
8001
8052
|
}
|
|
8002
|
-
}),
|
|
8053
|
+
}), o.querySelectorAll("span").forEach((i) => {
|
|
8003
8054
|
const l = document.createElement("nys-divider");
|
|
8004
8055
|
l.classList.add("divider"), i.insertAdjacentElement("afterend", l);
|
|
8005
8056
|
}));
|