@nysds/components 1.15.0 → 1.15.1
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 +671 -317
- package/dist/.vscode/vscode.html-custom-data.json +1 -1
- package/dist/custom-elements.json +671 -317
- package/dist/nysds.es.js +779 -724
- 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-dropdownmenu/src/nys-dropdownmenu.d.ts +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/package.json +19 -10
- package/packages/react/NysAccordion.d.ts +65 -0
- package/packages/react/NysAccordion.js +23 -0
- package/packages/react/NysAccordionItem.d.ts +72 -0
- package/packages/react/NysAccordionItem.js +41 -0
- package/packages/react/NysAlert.d.ts +104 -0
- package/packages/react/NysAlert.js +63 -0
- package/packages/react/NysAvatar.d.ts +78 -0
- package/packages/react/NysAvatar.js +40 -0
- package/packages/react/NysBacktotop.d.ts +54 -0
- package/packages/react/NysBacktotop.js +22 -0
- package/packages/react/NysBadge.d.ts +75 -0
- package/packages/react/NysBadge.js +40 -0
- package/packages/react/NysButton.d.ts +141 -0
- package/packages/react/NysButton.js +81 -0
- package/packages/react/NysCheckbox.d.ts +139 -0
- package/packages/react/NysCheckbox.js +76 -0
- package/packages/react/NysCheckboxgroup.d.ts +91 -0
- package/packages/react/NysCheckboxgroup.js +48 -0
- package/packages/react/NysCombobox.d.ts +126 -0
- package/packages/react/NysCombobox.js +66 -0
- package/packages/react/NysDatepicker.d.ts +122 -0
- package/packages/react/NysDatepicker.js +72 -0
- package/packages/react/NysDivider.d.ts +51 -0
- package/packages/react/NysDivider.js +21 -0
- package/packages/react/NysDropdownMenu.d.ts +54 -0
- package/packages/react/NysDropdownMenu.js +22 -0
- package/packages/react/NysDropdownMenuItem.d.ts +75 -0
- package/packages/react/NysDropdownMenuItem.js +47 -0
- package/packages/react/NysErrorMessage.d.ts +57 -0
- package/packages/react/NysErrorMessage.js +23 -0
- package/packages/react/NysFileItem.d.ts +69 -0
- package/packages/react/NysFileItem.js +37 -0
- package/packages/react/NysFileinput.d.ts +108 -0
- package/packages/react/NysFileinput.js +67 -0
- package/packages/react/NysGlobalFooter.d.ts +57 -0
- package/packages/react/NysGlobalFooter.js +22 -0
- package/packages/react/NysGlobalHeader.d.ts +60 -0
- package/packages/react/NysGlobalHeader.js +23 -0
- package/packages/react/NysIcon.d.ts +66 -0
- package/packages/react/NysIcon.js +27 -0
- package/packages/react/NysLabel.d.ts +66 -0
- package/packages/react/NysLabel.js +26 -0
- package/packages/react/NysModal.d.ts +83 -0
- package/packages/react/NysModal.js +41 -0
- package/packages/react/NysOption.d.ts +66 -0
- package/packages/react/NysOption.js +25 -0
- package/packages/react/NysPagination.d.ts +72 -0
- package/packages/react/NysPagination.js +45 -0
- package/packages/react/NysRadiobutton.d.ts +127 -0
- package/packages/react/NysRadiobutton.js +68 -0
- package/packages/react/NysRadiogroup.d.ts +91 -0
- package/packages/react/NysRadiogroup.js +48 -0
- package/packages/react/NysSelect.d.ts +116 -0
- package/packages/react/NysSelect.js +65 -0
- package/packages/react/NysSkipnav.d.ts +54 -0
- package/packages/react/NysSkipnav.js +22 -0
- package/packages/react/NysStep.d.ts +75 -0
- package/packages/react/NysStep.js +51 -0
- package/packages/react/NysStepper.d.ts +67 -0
- package/packages/react/NysStepper.js +26 -0
- package/packages/react/NysTable.d.ts +80 -0
- package/packages/react/NysTable.js +41 -0
- package/packages/react/NysTextarea.d.ts +138 -0
- package/packages/react/NysTextarea.js +77 -0
- package/packages/react/NysTextinput.d.ts +144 -0
- package/packages/react/NysTextinput.js +83 -0
- package/packages/react/NysToggle.d.ts +102 -0
- package/packages/react/NysToggle.js +59 -0
- package/packages/react/NysTooltip.d.ts +60 -0
- package/packages/react/NysTooltip.js +24 -0
- package/packages/react/NysUnavFooter.d.ts +48 -0
- package/packages/react/NysUnavFooter.js +18 -0
- package/packages/react/NysUnavHeader.d.ts +72 -0
- package/packages/react/NysUnavHeader.js +38 -0
- package/packages/react/README.md +92 -0
- package/packages/react/index.d.ts +37 -0
- package/packages/react/index.js +37 -0
- package/packages/react/react-utils.js +40 -0
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
|
|
5
|
+
* New York State Design System v1.15.1
|
|
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 {
|
|
@@ -3294,11 +3306,11 @@ Er([
|
|
|
3294
3306
|
a({ type: Boolean, reflect: !0 })
|
|
3295
3307
|
], vt.prototype, "inverted");
|
|
3296
3308
|
customElements.get("nys-divider") || customElements.define("nys-divider", vt);
|
|
3297
|
-
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}.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
|
|
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}';
|
|
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 {
|
|
@@ -3307,7 +3319,7 @@ const gt = class gt extends f {
|
|
|
3307
3319
|
}
|
|
3308
3320
|
// Generate a unique ID if one is not provided
|
|
3309
3321
|
connectedCallback() {
|
|
3310
|
-
super.connectedCallback(), this.id || (this.id = `nys-
|
|
3322
|
+
super.connectedCallback(), this.id || (this.id = `nys-dropdownmenuitem-${Date.now()}-${Dr++}`);
|
|
3311
3323
|
}
|
|
3312
3324
|
_handleClick(e) {
|
|
3313
3325
|
if (this.disabled) {
|
|
@@ -3318,7 +3330,11 @@ const gt = class gt extends f {
|
|
|
3318
3330
|
new CustomEvent("nys-click", {
|
|
3319
3331
|
bubbles: !0,
|
|
3320
3332
|
composed: !0,
|
|
3321
|
-
detail: {
|
|
3333
|
+
detail: {
|
|
3334
|
+
id: this.id,
|
|
3335
|
+
label: this.label,
|
|
3336
|
+
...this.href && { href: this.href }
|
|
3337
|
+
}
|
|
3322
3338
|
})
|
|
3323
3339
|
);
|
|
3324
3340
|
}
|
|
@@ -3379,10 +3395,10 @@ Re([
|
|
|
3379
3395
|
a({ type: String })
|
|
3380
3396
|
], ae.prototype, "divider");
|
|
3381
3397
|
customElements.get("nys-dropdownmenuitem") || customElements.define("nys-dropdownmenuitem", ae);
|
|
3382
|
-
var Mr = Object.defineProperty, Ot = (r, e, t,
|
|
3383
|
-
for (var
|
|
3384
|
-
(i = r[n]) && (
|
|
3385
|
-
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;
|
|
3386
3402
|
};
|
|
3387
3403
|
let zr = 0;
|
|
3388
3404
|
const Ft = class Ft extends f {
|
|
@@ -3400,12 +3416,12 @@ const Ft = class Ft extends f {
|
|
|
3400
3416
|
));
|
|
3401
3417
|
}, this._handleDocumentClick = (e) => {
|
|
3402
3418
|
if (!this.showDropdown) return;
|
|
3403
|
-
const t = e?.composedPath(),
|
|
3404
|
-
!
|
|
3419
|
+
const t = e?.composedPath(), o = t.includes(this), s = this._trigger && t.includes(this._trigger);
|
|
3420
|
+
!o && !s && this._closeDropdown();
|
|
3405
3421
|
}, this._handleTriggerKeydown = (e) => {
|
|
3406
3422
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this._toggleDropdown()), e.key === "Escape" && this.showDropdown && (e.preventDefault(), this._closeDropdown());
|
|
3407
3423
|
}, this._handleMenuKeydown = (e) => {
|
|
3408
|
-
const t = this._getMenuItems(),
|
|
3424
|
+
const t = this._getMenuItems(), o = t.indexOf(document.activeElement);
|
|
3409
3425
|
switch (e.key) {
|
|
3410
3426
|
case "Escape":
|
|
3411
3427
|
e.preventDefault(), this._closeDropdown();
|
|
@@ -3413,17 +3429,17 @@ const Ft = class Ft extends f {
|
|
|
3413
3429
|
case "ArrowDown":
|
|
3414
3430
|
case "ArrowRight":
|
|
3415
3431
|
e.preventDefault();
|
|
3416
|
-
const
|
|
3417
|
-
t[
|
|
3432
|
+
const s = o < t.length - 1 ? o + 1 : 0;
|
|
3433
|
+
t[s].focus();
|
|
3418
3434
|
break;
|
|
3419
3435
|
case "ArrowUp":
|
|
3420
3436
|
case "ArrowLeft":
|
|
3421
3437
|
e.preventDefault();
|
|
3422
|
-
const n =
|
|
3438
|
+
const n = o > 0 ? o - 1 : t.length - 1;
|
|
3423
3439
|
t[n].focus();
|
|
3424
3440
|
break;
|
|
3425
3441
|
case "Tab":
|
|
3426
|
-
|
|
3442
|
+
o >= t.length - 1 && !e.shiftKey && this._closeDropdown();
|
|
3427
3443
|
break;
|
|
3428
3444
|
}
|
|
3429
3445
|
}, this._handleWindowResize = () => {
|
|
@@ -3453,19 +3469,19 @@ const Ft = class Ft extends f {
|
|
|
3453
3469
|
if (!e) return null;
|
|
3454
3470
|
let t = document.getElementById(e);
|
|
3455
3471
|
if (t) return t;
|
|
3456
|
-
const
|
|
3457
|
-
for (const n of Array.from(
|
|
3472
|
+
const o = (s) => {
|
|
3473
|
+
for (const n of Array.from(s.querySelectorAll("*"))) {
|
|
3458
3474
|
const i = n.shadowRoot;
|
|
3459
3475
|
if (i) {
|
|
3460
3476
|
const l = i.getElementById(e);
|
|
3461
3477
|
if (l) return l;
|
|
3462
|
-
const c =
|
|
3478
|
+
const c = o(i);
|
|
3463
3479
|
if (c) return c;
|
|
3464
3480
|
}
|
|
3465
3481
|
}
|
|
3466
3482
|
return null;
|
|
3467
3483
|
};
|
|
3468
|
-
return
|
|
3484
|
+
return o(document);
|
|
3469
3485
|
}
|
|
3470
3486
|
_connectTrigger() {
|
|
3471
3487
|
const e = this._findTrigger();
|
|
@@ -3479,7 +3495,7 @@ const Ft = class Ft extends f {
|
|
|
3479
3495
|
}
|
|
3480
3496
|
_getMenuItems() {
|
|
3481
3497
|
return (this.shadowRoot?.querySelector("slot")?.assignedElements({ flatten: !0 }) || []).filter(
|
|
3482
|
-
(
|
|
3498
|
+
(o) => o && !o.hasAttribute("disabled")
|
|
3483
3499
|
);
|
|
3484
3500
|
}
|
|
3485
3501
|
async _focusOnFirstItem() {
|
|
@@ -3510,20 +3526,20 @@ const Ft = class Ft extends f {
|
|
|
3510
3526
|
this._applyPosition(t);
|
|
3511
3527
|
}
|
|
3512
3528
|
_setUserPosition(e) {
|
|
3513
|
-
const t = this._checkSpaceAvailable(),
|
|
3529
|
+
const t = this._checkSpaceAvailable(), o = this._menuElement.getBoundingClientRect();
|
|
3514
3530
|
return this._checkPositionFits(
|
|
3515
3531
|
e,
|
|
3516
3532
|
t,
|
|
3517
|
-
|
|
3518
|
-
) ? e : this._findBestAlternative(e, t,
|
|
3533
|
+
o
|
|
3534
|
+
) ? e : this._findBestAlternative(e, t, o);
|
|
3519
3535
|
}
|
|
3520
3536
|
/**
|
|
3521
3537
|
* Auto Positioning of the dropdown menu relies on the best surrounding space available
|
|
3522
3538
|
* to select the desirable position.
|
|
3523
3539
|
*/
|
|
3524
3540
|
_autoPosition() {
|
|
3525
|
-
const e = this._checkSpaceAvailable(), t = this._menuElement.getBoundingClientRect(),
|
|
3526
|
-
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);
|
|
3527
3543
|
}
|
|
3528
3544
|
/**
|
|
3529
3545
|
* Checks if the dropdown menu fits inside the viewport on the given side of the trigger.
|
|
@@ -3532,16 +3548,16 @@ const Ft = class Ft extends f {
|
|
|
3532
3548
|
_checkSpaceAvailable() {
|
|
3533
3549
|
if (!this._trigger)
|
|
3534
3550
|
return { top: 0, bottom: 0, start: 0, end: 0 };
|
|
3535
|
-
const e = this._trigger.getBoundingClientRect(), t = window.innerWidth,
|
|
3551
|
+
const e = this._trigger.getBoundingClientRect(), t = window.innerWidth, o = window.innerHeight;
|
|
3536
3552
|
return {
|
|
3537
3553
|
top: e.top,
|
|
3538
|
-
bottom:
|
|
3554
|
+
bottom: o - e.bottom,
|
|
3539
3555
|
start: e.left,
|
|
3540
3556
|
end: t - e.right
|
|
3541
3557
|
};
|
|
3542
3558
|
}
|
|
3543
|
-
_checkPositionFits(e, t,
|
|
3544
|
-
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;
|
|
3545
3561
|
return c && h;
|
|
3546
3562
|
}
|
|
3547
3563
|
/**
|
|
@@ -3551,23 +3567,23 @@ const Ft = class Ft extends f {
|
|
|
3551
3567
|
* @param space
|
|
3552
3568
|
* @param menuRect
|
|
3553
3569
|
*/
|
|
3554
|
-
_findBestAlternative(e, t,
|
|
3555
|
-
const [
|
|
3556
|
-
`${
|
|
3570
|
+
_findBestAlternative(e, t, o) {
|
|
3571
|
+
const [s, n] = e.split("-"), i = [
|
|
3572
|
+
`${s === "bottom" ? "top" : "bottom"}-${n}`,
|
|
3557
3573
|
// Flip vertical
|
|
3558
|
-
`${
|
|
3574
|
+
`${s}-${n === "start" ? "end" : "start"}`,
|
|
3559
3575
|
// Flip horizontal
|
|
3560
|
-
`${
|
|
3576
|
+
`${s === "bottom" ? "top" : "bottom"}-${n === "start" ? "end" : "start"}`
|
|
3561
3577
|
// Flip both
|
|
3562
3578
|
];
|
|
3563
3579
|
for (const l of i)
|
|
3564
|
-
if (this._checkPositionFits(l, t,
|
|
3580
|
+
if (this._checkPositionFits(l, t, o))
|
|
3565
3581
|
return l;
|
|
3566
3582
|
return this._findMostAvailableSpace(t);
|
|
3567
3583
|
}
|
|
3568
3584
|
_findMostAvailableSpace(e) {
|
|
3569
|
-
const t = e.bottom >= e.top ? "bottom" : "top",
|
|
3570
|
-
return `${t}-${
|
|
3585
|
+
const t = e.bottom >= e.top ? "bottom" : "top", o = e.start >= e.end ? "start" : "end";
|
|
3586
|
+
return `${t}-${o}`;
|
|
3571
3587
|
}
|
|
3572
3588
|
/**
|
|
3573
3589
|
* A valid ideal position has been chosen.
|
|
@@ -3578,9 +3594,9 @@ const Ft = class Ft extends f {
|
|
|
3578
3594
|
_calculateCoordinates(e) {
|
|
3579
3595
|
if (!this._trigger || !this._menuElement)
|
|
3580
3596
|
return { top: 0, left: 0 };
|
|
3581
|
-
const t = this._trigger.getBoundingClientRect(),
|
|
3597
|
+
const t = this._trigger.getBoundingClientRect(), o = this._menuElement.getBoundingClientRect(), [s, n] = e.split("-");
|
|
3582
3598
|
let i = 0, l = 0;
|
|
3583
|
-
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 };
|
|
3584
3600
|
}
|
|
3585
3601
|
_applyPosition(e) {
|
|
3586
3602
|
this._menuElement && (this._menuElement.style.top = `${e.top}px`, this._menuElement.style.left = `${e.left}px`);
|
|
@@ -3610,10 +3626,10 @@ Ot([
|
|
|
3610
3626
|
], Ie.prototype, "position");
|
|
3611
3627
|
customElements.get("nys-dropdownmenu") || customElements.define("nys-dropdownmenu", Ie);
|
|
3612
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)}';
|
|
3613
|
-
var Ar = Object.defineProperty, It = (r, e, t,
|
|
3614
|
-
for (var
|
|
3615
|
-
(i = r[n]) && (
|
|
3616
|
-
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;
|
|
3617
3633
|
};
|
|
3618
3634
|
const _t = class _t extends f {
|
|
3619
3635
|
// allows use of elementInternals' API
|
|
@@ -3645,17 +3661,17 @@ It([
|
|
|
3645
3661
|
customElements.get("nys-errormessage") || customElements.define("nys-errormessage", He);
|
|
3646
3662
|
async function Vr(r, e) {
|
|
3647
3663
|
if (!e || e.trim() === "") return !0;
|
|
3648
|
-
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() : "";
|
|
3649
3665
|
for (const n of t)
|
|
3650
|
-
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)
|
|
3651
3667
|
return !0;
|
|
3652
3668
|
return !1;
|
|
3653
3669
|
}
|
|
3654
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)}}';
|
|
3655
|
-
var Ir = Object.defineProperty, $t = (r, e, t,
|
|
3656
|
-
for (var
|
|
3657
|
-
(i = r[n]) && (
|
|
3658
|
-
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;
|
|
3659
3675
|
};
|
|
3660
3676
|
const mt = class mt extends f {
|
|
3661
3677
|
constructor() {
|
|
@@ -3671,11 +3687,11 @@ const mt = class mt extends f {
|
|
|
3671
3687
|
);
|
|
3672
3688
|
}
|
|
3673
3689
|
splitFilename(e) {
|
|
3674
|
-
const t = e.lastIndexOf("."),
|
|
3675
|
-
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 };
|
|
3676
3692
|
}
|
|
3677
3693
|
render() {
|
|
3678
|
-
const { startPart: e, endPart: t, extension:
|
|
3694
|
+
const { startPart: e, endPart: t, extension: o } = this.splitFilename(this.filename);
|
|
3679
3695
|
return d`
|
|
3680
3696
|
<div
|
|
3681
3697
|
class="file-item ${this.status}"
|
|
@@ -3692,7 +3708,7 @@ const mt = class mt extends f {
|
|
|
3692
3708
|
<div class="file-item__info-name">
|
|
3693
3709
|
<span class="file-item__info-name-start">${e}</span>
|
|
3694
3710
|
<span class="file-item__info-name-end"
|
|
3695
|
-
>${t}${
|
|
3711
|
+
>${t}${o}</span
|
|
3696
3712
|
>
|
|
3697
3713
|
</div>
|
|
3698
3714
|
${this.errorMessage ? d`<p
|
|
@@ -3749,10 +3765,10 @@ $t([
|
|
|
3749
3765
|
], Se.prototype, "errorMessage");
|
|
3750
3766
|
customElements.define("nys-fileitem", Se);
|
|
3751
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)}';
|
|
3752
|
-
var qr = Object.defineProperty, U = (r, e, t,
|
|
3753
|
-
for (var
|
|
3754
|
-
(i = r[n]) && (
|
|
3755
|
-
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;
|
|
3756
3772
|
};
|
|
3757
3773
|
let Rr = 0;
|
|
3758
3774
|
const We = class We extends f {
|
|
@@ -3770,14 +3786,14 @@ const We = class We extends f {
|
|
|
3770
3786
|
if (this._selectedFiles.length === 0)
|
|
3771
3787
|
return `${this.label + " " + this.description}`;
|
|
3772
3788
|
const e = this._selectedFiles.some(
|
|
3773
|
-
(
|
|
3789
|
+
(s) => s.status === "error"
|
|
3774
3790
|
);
|
|
3775
3791
|
let t = "";
|
|
3776
3792
|
if (this._selectedFiles.length === 1)
|
|
3777
3793
|
t = `You have selected ${this._selectedFiles[0].file.name}.`;
|
|
3778
3794
|
else {
|
|
3779
|
-
const
|
|
3780
|
-
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}`;
|
|
3781
3797
|
}
|
|
3782
3798
|
return `${t}${e ? " Error: One or more files are not valid file types." : ""}`;
|
|
3783
3799
|
}
|
|
@@ -3807,8 +3823,8 @@ const We = class We extends f {
|
|
|
3807
3823
|
const e = this._selectedFiles.map((t) => t.file);
|
|
3808
3824
|
if (e.length > 0) {
|
|
3809
3825
|
const t = new FormData();
|
|
3810
|
-
e.forEach((
|
|
3811
|
-
t.append(this.name,
|
|
3826
|
+
e.forEach((o) => {
|
|
3827
|
+
t.append(this.name, o);
|
|
3812
3828
|
}), this._internals.setFormValue(t);
|
|
3813
3829
|
} else
|
|
3814
3830
|
this._internals.setFormValue(null);
|
|
@@ -3835,10 +3851,10 @@ const We = class We extends f {
|
|
|
3835
3851
|
}
|
|
3836
3852
|
_validate() {
|
|
3837
3853
|
const e = this._selectedFiles.some(
|
|
3838
|
-
(
|
|
3854
|
+
(s) => s.status === "error"
|
|
3839
3855
|
), t = this.required && this._selectedFiles.length === 0;
|
|
3840
|
-
let
|
|
3841
|
-
t ?
|
|
3856
|
+
let o = "";
|
|
3857
|
+
t ? o = this.errorMessage || "Please upload a file." : e && (o = "One or more files are invalid."), this._setValidityMessage(o);
|
|
3842
3858
|
}
|
|
3843
3859
|
// This helper function is called to perform the element's native validation.
|
|
3844
3860
|
checkValidity() {
|
|
@@ -3857,8 +3873,8 @@ const We = class We extends f {
|
|
|
3857
3873
|
e.preventDefault(), this._validate();
|
|
3858
3874
|
const t = this._innerNysButton;
|
|
3859
3875
|
if (t) {
|
|
3860
|
-
const
|
|
3861
|
-
|
|
3876
|
+
const o = this._internals.form;
|
|
3877
|
+
o ? Array.from(o.elements).find(
|
|
3862
3878
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
3863
3879
|
) === this && (t.focus(), t.classList.add("active-focus")) : (t.focus(), t.classList.add("active-focus"));
|
|
3864
3880
|
}
|
|
@@ -3870,14 +3886,14 @@ const We = class We extends f {
|
|
|
3870
3886
|
// Store the files to be displayed
|
|
3871
3887
|
async _saveSelectedFiles(e) {
|
|
3872
3888
|
if (this._selectedFiles.some(
|
|
3873
|
-
(
|
|
3889
|
+
(s) => s.file.name == e.name
|
|
3874
3890
|
) || !this.multiple && this._selectedFiles.length >= 1) return;
|
|
3875
|
-
const
|
|
3891
|
+
const o = {
|
|
3876
3892
|
file: e,
|
|
3877
3893
|
progress: 0,
|
|
3878
3894
|
status: "pending"
|
|
3879
3895
|
};
|
|
3880
|
-
this._selectedFiles.push(
|
|
3896
|
+
this._selectedFiles.push(o), await this._processFile(o), this._setValue(), this._validate();
|
|
3881
3897
|
}
|
|
3882
3898
|
// Read the contents of stored files, this will indicate loading progress of the uploaded files
|
|
3883
3899
|
async _processFile(e) {
|
|
@@ -3887,17 +3903,17 @@ const We = class We extends f {
|
|
|
3887
3903
|
e.status = "error", e.errorMsg = "File type is invalid.", this.requestUpdate();
|
|
3888
3904
|
return;
|
|
3889
3905
|
}
|
|
3890
|
-
const
|
|
3891
|
-
|
|
3892
|
-
if (
|
|
3893
|
-
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);
|
|
3894
3910
|
e.progress = n, this.requestUpdate();
|
|
3895
3911
|
}
|
|
3896
|
-
},
|
|
3912
|
+
}, o.onload = () => {
|
|
3897
3913
|
e.progress = 100, e.status = "done", this.requestUpdate();
|
|
3898
|
-
},
|
|
3914
|
+
}, o.onerror = () => {
|
|
3899
3915
|
e.status = "error", e.errorMsg = "Failed to load file.", this.requestUpdate();
|
|
3900
|
-
},
|
|
3916
|
+
}, o.readAsArrayBuffer(e.file);
|
|
3901
3917
|
} catch {
|
|
3902
3918
|
e.status = "error", e.errorMsg = "Error validating file.", this.requestUpdate();
|
|
3903
3919
|
}
|
|
@@ -3940,20 +3956,20 @@ const We = class We extends f {
|
|
|
3940
3956
|
*/
|
|
3941
3957
|
// Access the selected files & add new files to the internal list via the hidden <input type="file">
|
|
3942
3958
|
_handleFileChange(e) {
|
|
3943
|
-
const
|
|
3944
|
-
(
|
|
3959
|
+
const o = e.target.files;
|
|
3960
|
+
(o ? Array.from(o) : []).map((n) => {
|
|
3945
3961
|
this._saveSelectedFiles(n);
|
|
3946
3962
|
}), this.requestUpdate(), this._dispatchChangeEvent(), this._handlePostFileSelectionFocus();
|
|
3947
3963
|
}
|
|
3948
3964
|
_handleFileRemove(e) {
|
|
3949
3965
|
const t = e.detail.filename;
|
|
3950
3966
|
if (this._selectedFiles = this._selectedFiles.filter(
|
|
3951
|
-
(
|
|
3967
|
+
(o) => o.file.name !== t
|
|
3952
3968
|
), this._selectedFiles.length === 0) {
|
|
3953
|
-
const
|
|
3969
|
+
const o = this.shadowRoot?.querySelector(
|
|
3954
3970
|
"input"
|
|
3955
3971
|
);
|
|
3956
|
-
|
|
3972
|
+
o && (o.value = "");
|
|
3957
3973
|
}
|
|
3958
3974
|
this._setValue(), this._validate(), this.requestUpdate(), this._dispatchChangeEvent();
|
|
3959
3975
|
}
|
|
@@ -3969,10 +3985,10 @@ const We = class We extends f {
|
|
|
3969
3985
|
e.preventDefault(), this._dragActive = !1, this.requestUpdate();
|
|
3970
3986
|
const t = e.dataTransfer?.files;
|
|
3971
3987
|
if (!t) return;
|
|
3972
|
-
const
|
|
3973
|
-
this.multiple ?
|
|
3974
|
-
this._saveSelectedFiles(
|
|
3975
|
-
}) : 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();
|
|
3976
3992
|
}
|
|
3977
3993
|
render() {
|
|
3978
3994
|
return d`<div
|
|
@@ -4774,10 +4790,10 @@ const Pr = {
|
|
|
4774
4790
|
</g>
|
|
4775
4791
|
</svg>`
|
|
4776
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)}";
|
|
4777
|
-
var Tr = Object.defineProperty, Pe = (r, e, t,
|
|
4778
|
-
for (var
|
|
4779
|
-
(i = r[n]) && (
|
|
4780
|
-
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;
|
|
4781
4797
|
};
|
|
4782
4798
|
const Nt = class Nt extends f {
|
|
4783
4799
|
constructor() {
|
|
@@ -4791,8 +4807,8 @@ const Nt = class Nt extends f {
|
|
|
4791
4807
|
getIcon() {
|
|
4792
4808
|
const e = Pr[this.name];
|
|
4793
4809
|
if (!e) return null;
|
|
4794
|
-
const
|
|
4795
|
-
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;
|
|
4796
4812
|
}
|
|
4797
4813
|
render() {
|
|
4798
4814
|
const e = this.getIcon();
|
|
@@ -4821,10 +4837,10 @@ Pe([
|
|
|
4821
4837
|
], le.prototype, "size");
|
|
4822
4838
|
customElements.get("nys-icon") || customElements.define("nys-icon", le);
|
|
4823
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)}';
|
|
4824
|
-
var Fr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Ue = (r, e, t,
|
|
4825
|
-
for (var
|
|
4826
|
-
(i = r[n]) && (
|
|
4827
|
-
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;
|
|
4828
4844
|
};
|
|
4829
4845
|
const jt = class jt extends f {
|
|
4830
4846
|
constructor() {
|
|
@@ -4843,8 +4859,8 @@ const jt = class jt extends f {
|
|
|
4843
4859
|
_handleLabelClick(e) {
|
|
4844
4860
|
if (!this.for) return;
|
|
4845
4861
|
const t = this.getRootNode().host;
|
|
4846
|
-
let
|
|
4847
|
-
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());
|
|
4848
4864
|
}
|
|
4849
4865
|
render() {
|
|
4850
4866
|
return d`
|
|
@@ -4905,10 +4921,10 @@ Ue([
|
|
|
4905
4921
|
], ce.prototype, "tooltip", 1);
|
|
4906
4922
|
customElements.get("nys-label") || customElements.define("nys-label", ce);
|
|
4907
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}}';
|
|
4908
|
-
var Wr = Object.defineProperty, Ce = (r, e, t,
|
|
4909
|
-
for (var
|
|
4910
|
-
(i = r[n]) && (
|
|
4911
|
-
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;
|
|
4912
4928
|
};
|
|
4913
4929
|
let Yr = 0;
|
|
4914
4930
|
const Wt = class Wt extends f {
|
|
@@ -4947,9 +4963,9 @@ const Wt = class Wt extends f {
|
|
|
4947
4963
|
async _restorePrevFocused() {
|
|
4948
4964
|
const e = this._prevFocusedElement;
|
|
4949
4965
|
if (e && e.tagName.toLowerCase() === "nys-button") {
|
|
4950
|
-
const
|
|
4951
|
-
if (
|
|
4952
|
-
|
|
4966
|
+
const o = await e.getButtonElement();
|
|
4967
|
+
if (o) {
|
|
4968
|
+
o.focus();
|
|
4953
4969
|
return;
|
|
4954
4970
|
}
|
|
4955
4971
|
} else
|
|
@@ -4978,8 +4994,8 @@ const Wt = class Wt extends f {
|
|
|
4978
4994
|
if (!this._actionButtonSlot) return;
|
|
4979
4995
|
const e = window.innerWidth <= 480;
|
|
4980
4996
|
this._actionButtonSlot.assignedElements().forEach((t) => {
|
|
4981
|
-
t.querySelectorAll("nys-button").forEach((
|
|
4982
|
-
e ?
|
|
4997
|
+
t.querySelectorAll("nys-button").forEach((o) => {
|
|
4998
|
+
e ? o?.setAttribute("fullWidth", "") : o?.removeAttribute("fullWidth");
|
|
4983
4999
|
});
|
|
4984
5000
|
});
|
|
4985
5001
|
}
|
|
@@ -5023,29 +5039,29 @@ const Wt = class Wt extends f {
|
|
|
5023
5039
|
if (this.open && (e.key === "Escape" && !this.mandatory && (e.preventDefault(), this._closeModal()), e.key === "Tab")) {
|
|
5024
5040
|
const t = this.shadowRoot?.querySelector(".nys-modal");
|
|
5025
5041
|
if (!t) return;
|
|
5026
|
-
const
|
|
5027
|
-
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);
|
|
5028
5044
|
const i = Array.from(t.querySelectorAll("slot"));
|
|
5029
5045
|
for (const l of i) {
|
|
5030
5046
|
const c = l.assignedElements({ flatten: !0 });
|
|
5031
5047
|
for (const h of c)
|
|
5032
|
-
h instanceof HTMLElement && h.matches(
|
|
5048
|
+
h instanceof HTMLElement && h.matches(o) && s.push(h), h.querySelectorAll("nys-button").forEach(
|
|
5033
5049
|
(u) => {
|
|
5034
|
-
|
|
5050
|
+
s.push(u);
|
|
5035
5051
|
}
|
|
5036
5052
|
);
|
|
5037
5053
|
}
|
|
5038
|
-
if (
|
|
5039
|
-
const l =
|
|
5040
|
-
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(
|
|
5041
5057
|
h
|
|
5042
5058
|
);
|
|
5043
5059
|
if (e.shiftKey) {
|
|
5044
5060
|
e.preventDefault();
|
|
5045
5061
|
let p = u - 1;
|
|
5046
|
-
p < 0 && (p =
|
|
5047
|
-
const v =
|
|
5048
|
-
|
|
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();
|
|
5049
5065
|
} else
|
|
5050
5066
|
h === c && (e.preventDefault(), l.tagName.toLowerCase() === "nys-button" ? (await l.getButtonElement())?.focus() : l.focus());
|
|
5051
5067
|
}
|
|
@@ -5126,10 +5142,10 @@ Ce([
|
|
|
5126
5142
|
], ee.prototype, "hasActionSlots");
|
|
5127
5143
|
customElements.get("nys-modal") || customElements.define("nys-modal", ee);
|
|
5128
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}}';
|
|
5129
|
-
var Gr = Object.defineProperty, ot = (r, e, t,
|
|
5130
|
-
for (var
|
|
5131
|
-
(i = r[n]) && (
|
|
5132
|
-
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;
|
|
5133
5149
|
};
|
|
5134
5150
|
let Qr = 0;
|
|
5135
5151
|
const Yt = class Yt extends f {
|
|
@@ -5144,8 +5160,8 @@ const Yt = class Yt extends f {
|
|
|
5144
5160
|
if (this.totalPages < 1 && (this.totalPages = 1), e.has("currentPage") || e.has("totalPages")) {
|
|
5145
5161
|
const t = this._clampPage(this.currentPage);
|
|
5146
5162
|
t !== this.currentPage && (this.currentPage = t);
|
|
5147
|
-
const
|
|
5148
|
-
|
|
5163
|
+
const o = this.currentPage === this.totalPages - 2;
|
|
5164
|
+
o !== this._twoBeforeLast && (this._twoBeforeLast = o);
|
|
5149
5165
|
}
|
|
5150
5166
|
}
|
|
5151
5167
|
connectedCallback() {
|
|
@@ -5170,7 +5186,7 @@ const Yt = class Yt extends f {
|
|
|
5170
5186
|
@nys-click="${() => this._handlePageClick(c)}"
|
|
5171
5187
|
></nys-button>
|
|
5172
5188
|
`);
|
|
5173
|
-
},
|
|
5189
|
+
}, o = (c) => {
|
|
5174
5190
|
e.push(
|
|
5175
5191
|
d`<nys-button
|
|
5176
5192
|
label="..."
|
|
@@ -5181,7 +5197,7 @@ const Yt = class Yt extends f {
|
|
|
5181
5197
|
></nys-button>`
|
|
5182
5198
|
);
|
|
5183
5199
|
}, n = this.totalPages, i = this.currentPage - 1, l = this.currentPage + 1;
|
|
5184
|
-
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;
|
|
5185
5201
|
}
|
|
5186
5202
|
/**
|
|
5187
5203
|
* Event Handlers
|
|
@@ -5259,10 +5275,10 @@ ot([
|
|
|
5259
5275
|
], be.prototype, "_twoBeforeLast");
|
|
5260
5276
|
customElements.get("nys-pagination") || customElements.define("nys-pagination", be);
|
|
5261
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}`;
|
|
5262
|
-
var Xr = Object.defineProperty, Z = (r, e, t,
|
|
5263
|
-
for (var
|
|
5264
|
-
(i = r[n]) && (
|
|
5265
|
-
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;
|
|
5266
5282
|
};
|
|
5267
5283
|
let Jr = 0;
|
|
5268
5284
|
const Ye = class Ye extends f {
|
|
@@ -5293,22 +5309,22 @@ const Ye = class Ye extends f {
|
|
|
5293
5309
|
// Updates the "require" attribute of the first radiobutton underneath a radiogroup.
|
|
5294
5310
|
// This will make sure there's a requirement for all radiobutton under the same name/group
|
|
5295
5311
|
_setRadioButtonRequire() {
|
|
5296
|
-
this.querySelectorAll("nys-radiobutton").forEach((t,
|
|
5297
|
-
this.required &&
|
|
5312
|
+
this.querySelectorAll("nys-radiobutton").forEach((t, o) => {
|
|
5313
|
+
this.required && o === 0 && t.setAttribute("required", "required");
|
|
5298
5314
|
});
|
|
5299
5315
|
}
|
|
5300
5316
|
async _manageRequire() {
|
|
5301
|
-
const e = this.errorMessage || "Please select an option.",
|
|
5302
|
-
|
|
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(
|
|
5303
5319
|
{ valueMissing: !0 },
|
|
5304
5320
|
e,
|
|
5305
|
-
|
|
5321
|
+
o
|
|
5306
5322
|
// pass the custom element, not shadow input
|
|
5307
|
-
) : (this.showError = !1, this._internals.setValidity({}, "",
|
|
5323
|
+
) : (this.showError = !1, this._internals.setValidity({}, "", o)));
|
|
5308
5324
|
}
|
|
5309
5325
|
checkValidity() {
|
|
5310
5326
|
const e = Array.from(this.querySelectorAll("nys-radiobutton"));
|
|
5311
|
-
return !this.required || e.some((
|
|
5327
|
+
return !this.required || e.some((o) => o.checked);
|
|
5312
5328
|
}
|
|
5313
5329
|
// Need to account for if radiogroup already have a radiobutton checked at initialization
|
|
5314
5330
|
_initializeCheckedRadioValue() {
|
|
@@ -5325,18 +5341,18 @@ const Ye = class Ye extends f {
|
|
|
5325
5341
|
async _handleKeyDown(e) {
|
|
5326
5342
|
if (!["ArrowUp", "ArrowDown", " ", "Enter"].includes(e.key)) return;
|
|
5327
5343
|
e.preventDefault();
|
|
5328
|
-
const
|
|
5344
|
+
const o = this._getAllRadios().filter((u) => !u.disabled), n = o.find((u) => u.matches(":focus")) || o.find((u) => u.checked) || o[0];
|
|
5329
5345
|
let i = 0;
|
|
5330
5346
|
["ArrowUp", "ArrowLeft"].includes(e.key) ? i = -1 : ["ArrowDown", "ArrowRight"].includes(e.key) && (i = 1);
|
|
5331
|
-
let l =
|
|
5332
|
-
l < 0 && (l =
|
|
5333
|
-
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];
|
|
5334
5350
|
(await c.getInputElement())?.click(), await this.updateComplete, this._updateGroupTabIndex(), c.focus();
|
|
5335
5351
|
}
|
|
5336
5352
|
_updateGroupTabIndex() {
|
|
5337
|
-
const e = this._getAllRadios(), t = e.find((
|
|
5338
|
-
e.forEach((
|
|
5339
|
-
|
|
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;
|
|
5340
5356
|
});
|
|
5341
5357
|
}
|
|
5342
5358
|
// This callback is automatically called when the parent form is reset.
|
|
@@ -5386,7 +5402,7 @@ const Ye = class Ye extends f {
|
|
|
5386
5402
|
const t = this.shadowRoot?.querySelector(
|
|
5387
5403
|
'slot[name="description"]'
|
|
5388
5404
|
)?.assignedNodes({ flatten: !0 }) || [];
|
|
5389
|
-
this._slottedDescriptionText = t.map((
|
|
5405
|
+
this._slottedDescriptionText = t.map((o) => o.textContent?.trim()).filter(Boolean).join(", ");
|
|
5390
5406
|
}
|
|
5391
5407
|
/**
|
|
5392
5408
|
* Event Handlers
|
|
@@ -5394,16 +5410,16 @@ const Ye = class Ye extends f {
|
|
|
5394
5410
|
*/
|
|
5395
5411
|
// Keeps radiogroup informed of the name and value of its current selected radiobutton at each change
|
|
5396
5412
|
_handleRadioButtonChange(e) {
|
|
5397
|
-
const { name: t, value:
|
|
5398
|
-
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();
|
|
5399
5415
|
}
|
|
5400
5416
|
async _handleInvalid(e) {
|
|
5401
5417
|
if (e.preventDefault(), this._internals.validity.customError) {
|
|
5402
|
-
const
|
|
5403
|
-
if (
|
|
5404
|
-
const
|
|
5405
|
-
if (
|
|
5406
|
-
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();
|
|
5407
5423
|
return;
|
|
5408
5424
|
}
|
|
5409
5425
|
}
|
|
@@ -5414,8 +5430,8 @@ const Ye = class Ye extends f {
|
|
|
5414
5430
|
"nys-radiobutton"
|
|
5415
5431
|
);
|
|
5416
5432
|
if (t) {
|
|
5417
|
-
const
|
|
5418
|
-
|
|
5433
|
+
const o = this._internals.form;
|
|
5434
|
+
o ? Array.from(o.elements).find(
|
|
5419
5435
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
5420
5436
|
) === this && t.focus() : t.focus();
|
|
5421
5437
|
}
|
|
@@ -5423,11 +5439,11 @@ const Ye = class Ye extends f {
|
|
|
5423
5439
|
}
|
|
5424
5440
|
_handleChildError(e) {
|
|
5425
5441
|
e.stopPropagation();
|
|
5426
|
-
const { message: t, sourceRadio:
|
|
5427
|
-
|
|
5442
|
+
const { message: t, sourceRadio: o } = e.detail;
|
|
5443
|
+
o && (this.showError = !0, this._internals.setValidity(
|
|
5428
5444
|
{ customError: !0 },
|
|
5429
5445
|
t || "Please complete this field.",
|
|
5430
|
-
|
|
5446
|
+
o
|
|
5431
5447
|
));
|
|
5432
5448
|
}
|
|
5433
5449
|
render() {
|
|
@@ -5508,10 +5524,10 @@ Z([
|
|
|
5508
5524
|
_()
|
|
5509
5525
|
], I.prototype, "_slottedDescriptionText");
|
|
5510
5526
|
customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", I);
|
|
5511
|
-
var en = Object.defineProperty, F = (r, e, t,
|
|
5512
|
-
for (var
|
|
5513
|
-
(i = r[n]) && (
|
|
5514
|
-
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;
|
|
5515
5531
|
};
|
|
5516
5532
|
let tn = 0;
|
|
5517
5533
|
var k;
|
|
@@ -5595,11 +5611,15 @@ const T = (k = class extends f {
|
|
|
5595
5611
|
}
|
|
5596
5612
|
// Handle focus event
|
|
5597
5613
|
_handleFocus() {
|
|
5598
|
-
this.dispatchEvent(
|
|
5614
|
+
this.dispatchEvent(
|
|
5615
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
5616
|
+
);
|
|
5599
5617
|
}
|
|
5600
5618
|
// Handle blur event
|
|
5601
5619
|
_handleBlur() {
|
|
5602
|
-
this.dispatchEvent(
|
|
5620
|
+
this.dispatchEvent(
|
|
5621
|
+
new Event("nys-blur", { bubbles: !0, composed: !0 })
|
|
5622
|
+
), setTimeout(() => {
|
|
5603
5623
|
this.other && this.checked && (this._hasUserInteracted = !0, this._validateOtherAndEmitError());
|
|
5604
5624
|
}, 50);
|
|
5605
5625
|
}
|
|
@@ -5611,8 +5631,8 @@ const T = (k = class extends f {
|
|
|
5611
5631
|
e && (e.focus(), e.click());
|
|
5612
5632
|
}
|
|
5613
5633
|
_handleTextInput(e) {
|
|
5614
|
-
let
|
|
5615
|
-
this.value =
|
|
5634
|
+
let o = e.target.value;
|
|
5635
|
+
this.value = o, this._hasUserInteracted && this._validateOtherAndEmitError(), this._emitOtherInputEvent();
|
|
5616
5636
|
}
|
|
5617
5637
|
_handleTextInputBlur() {
|
|
5618
5638
|
this._hasUserInteracted = !0, this._validateOtherAndEmitError();
|
|
@@ -5742,10 +5762,10 @@ F([
|
|
|
5742
5762
|
], T.prototype, "isMobile");
|
|
5743
5763
|
let sn = T;
|
|
5744
5764
|
customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", sn);
|
|
5745
|
-
var on = Object.defineProperty, rt = (r, e, t,
|
|
5746
|
-
for (var
|
|
5747
|
-
(i = r[n]) && (
|
|
5748
|
-
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;
|
|
5749
5769
|
};
|
|
5750
5770
|
class ge extends f {
|
|
5751
5771
|
constructor() {
|
|
@@ -5789,10 +5809,10 @@ rt([
|
|
|
5789
5809
|
], ge.prototype, "hidden");
|
|
5790
5810
|
customElements.define("nys-option", ge);
|
|
5791
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)}';
|
|
5792
|
-
var nn = Object.defineProperty, j = (r, e, t,
|
|
5793
|
-
for (var
|
|
5794
|
-
(i = r[n]) && (
|
|
5795
|
-
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;
|
|
5796
5816
|
};
|
|
5797
5817
|
let an = 0;
|
|
5798
5818
|
const Ke = class Ke extends f {
|
|
@@ -5844,8 +5864,8 @@ const Ke = class Ke extends f {
|
|
|
5844
5864
|
return;
|
|
5845
5865
|
}
|
|
5846
5866
|
});
|
|
5847
|
-
const
|
|
5848
|
-
|
|
5867
|
+
const s = Array.from(t.options).find((n) => n.selected);
|
|
5868
|
+
s && (this.value = s.value, this._internals.setFormValue(this.value));
|
|
5849
5869
|
}
|
|
5850
5870
|
/**
|
|
5851
5871
|
* Form Integration
|
|
@@ -5864,8 +5884,8 @@ const Ke = class Ke extends f {
|
|
|
5864
5884
|
const t = this.shadowRoot?.querySelector("select");
|
|
5865
5885
|
if (!t) return;
|
|
5866
5886
|
this.showError = !!e, this._originalErrorMessage?.trim() && e !== "" ? this.errorMessage = this._originalErrorMessage : this.errorMessage = e;
|
|
5867
|
-
const
|
|
5868
|
-
this._internals.setValidity(
|
|
5887
|
+
const o = e ? { customError: !0 } : {};
|
|
5888
|
+
this._internals.setValidity(o, this.errorMessage, t);
|
|
5869
5889
|
}
|
|
5870
5890
|
_validate() {
|
|
5871
5891
|
const e = this.shadowRoot?.querySelector("select");
|
|
@@ -5892,8 +5912,8 @@ const Ke = class Ke extends f {
|
|
|
5892
5912
|
e.preventDefault(), this._hasUserInteracted = !0, this._validate(), this.showError = !0;
|
|
5893
5913
|
const t = this.shadowRoot?.querySelector("select");
|
|
5894
5914
|
if (t) {
|
|
5895
|
-
const
|
|
5896
|
-
|
|
5915
|
+
const o = this._internals.form;
|
|
5916
|
+
o ? Array.from(o.elements).find(
|
|
5897
5917
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
5898
5918
|
) === this && t.focus() : t.focus();
|
|
5899
5919
|
}
|
|
@@ -5915,11 +5935,15 @@ const Ke = class Ke extends f {
|
|
|
5915
5935
|
}
|
|
5916
5936
|
// Handle focus event
|
|
5917
5937
|
_handleFocus() {
|
|
5918
|
-
this.dispatchEvent(
|
|
5938
|
+
this.dispatchEvent(
|
|
5939
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
5940
|
+
);
|
|
5919
5941
|
}
|
|
5920
5942
|
// Handle blur event
|
|
5921
5943
|
_handleBlur() {
|
|
5922
|
-
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
|
+
);
|
|
5923
5947
|
}
|
|
5924
5948
|
// Check if the current value matches any option, and if so, set it as selected
|
|
5925
5949
|
updated(e) {
|
|
@@ -6022,10 +6046,10 @@ j([
|
|
|
6022
6046
|
], H.prototype, "width");
|
|
6023
6047
|
customElements.get("nys-select") || customElements.define("nys-select", H);
|
|
6024
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}';
|
|
6025
|
-
var cn = Object.defineProperty, Zs = (r, e, t,
|
|
6026
|
-
for (var
|
|
6027
|
-
(i = r[n]) && (
|
|
6028
|
-
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;
|
|
6029
6053
|
};
|
|
6030
6054
|
const Kt = class Kt extends f {
|
|
6031
6055
|
constructor() {
|
|
@@ -6076,10 +6100,10 @@ Zs([
|
|
|
6076
6100
|
], et.prototype, "href");
|
|
6077
6101
|
customElements.get("nys-skipnav") || customElements.define("nys-skipnav", et);
|
|
6078
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}}';
|
|
6079
|
-
var dn = Object.defineProperty, Le = (r, e, t,
|
|
6080
|
-
for (var
|
|
6081
|
-
(i = r[n]) && (
|
|
6082
|
-
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;
|
|
6083
6107
|
};
|
|
6084
6108
|
const Gt = class Gt extends f {
|
|
6085
6109
|
constructor() {
|
|
@@ -6153,10 +6177,10 @@ Le([
|
|
|
6153
6177
|
a({ type: Number })
|
|
6154
6178
|
], oe.prototype, "stepNumber");
|
|
6155
6179
|
customElements.get("nys-step") || customElements.define("nys-step", oe);
|
|
6156
|
-
var hn = Object.defineProperty, nt = (r, e, t,
|
|
6157
|
-
for (var
|
|
6158
|
-
(i = r[n]) && (
|
|
6159
|
-
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;
|
|
6160
6184
|
};
|
|
6161
6185
|
let un = 0;
|
|
6162
6186
|
const Qt = class Qt extends f {
|
|
@@ -6166,10 +6190,10 @@ const Qt = class Qt extends f {
|
|
|
6166
6190
|
(i) => i instanceof HTMLElement && i.tagName.toLowerCase() === "nys-step"
|
|
6167
6191
|
);
|
|
6168
6192
|
if (!t) return;
|
|
6169
|
-
const
|
|
6193
|
+
const o = Array.from(this.querySelectorAll("nys-step")), s = o.findIndex(
|
|
6170
6194
|
(i) => i.hasAttribute("current")
|
|
6171
|
-
), n =
|
|
6172
|
-
|
|
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);
|
|
6173
6197
|
};
|
|
6174
6198
|
}
|
|
6175
6199
|
connectedCallback() {
|
|
@@ -6180,23 +6204,23 @@ const Qt = class Qt extends f {
|
|
|
6180
6204
|
}
|
|
6181
6205
|
_validateSteps() {
|
|
6182
6206
|
Array.from(this.children).forEach((e) => {
|
|
6183
|
-
const t = e instanceof HTMLElement && e.tagName.toLowerCase() === "nys-step",
|
|
6184
|
-
!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(
|
|
6185
6209
|
"Only <nys-step> elements or the <div slot='actions'> container are allowed as direct children of <nys-stepper>. Removing:",
|
|
6186
6210
|
e
|
|
6187
6211
|
), e.remove());
|
|
6188
6212
|
});
|
|
6189
6213
|
}
|
|
6190
6214
|
_validateButtonSlot(e) {
|
|
6191
|
-
const
|
|
6192
|
-
if (
|
|
6215
|
+
const o = e.target.assignedElements();
|
|
6216
|
+
if (o.length !== 1 || o[0].tagName.toLowerCase() !== "div") {
|
|
6193
6217
|
console.warn(
|
|
6194
6218
|
"The 'actions' slot must have exactly one <div> as a direct child."
|
|
6195
6219
|
);
|
|
6196
6220
|
return;
|
|
6197
6221
|
}
|
|
6198
|
-
const
|
|
6199
|
-
Array.from(
|
|
6222
|
+
const s = o[0];
|
|
6223
|
+
Array.from(s.children).forEach((n) => {
|
|
6200
6224
|
n instanceof HTMLElement && n.tagName.toLowerCase() === "nys-button" ? (n.setAttribute("size", "sm"), n.hasAttribute("fullWidth") && (n.style.flex = "1 1 0")) : (console.warn(
|
|
6201
6225
|
"The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:",
|
|
6202
6226
|
n
|
|
@@ -6209,10 +6233,10 @@ const Qt = class Qt extends f {
|
|
|
6209
6233
|
e = "Back to Form", this.style.height = "-webkit-fit-content", this.style.height = "-moz-fit-content", this.style.height = "fit-content";
|
|
6210
6234
|
else {
|
|
6211
6235
|
this.style.height = "auto";
|
|
6212
|
-
const t = this.querySelectorAll("nys-step"),
|
|
6236
|
+
const t = this.querySelectorAll("nys-step"), o = Array.from(t).findIndex(
|
|
6213
6237
|
(n) => n.hasAttribute("selected")
|
|
6214
|
-
),
|
|
6215
|
-
e =
|
|
6238
|
+
), s = t.length;
|
|
6239
|
+
e = o >= 0 ? `Step ${o + 1} of ${s}` : `Step 1 of ${s}`;
|
|
6216
6240
|
}
|
|
6217
6241
|
e !== this.counterText && (this.counterText = e);
|
|
6218
6242
|
}
|
|
@@ -6221,11 +6245,11 @@ const Qt = class Qt extends f {
|
|
|
6221
6245
|
this._stepsNumbered || (e.forEach((n, i) => {
|
|
6222
6246
|
n.stepNumber = i + 1;
|
|
6223
6247
|
}), this._stepsNumbered = !0);
|
|
6224
|
-
let t = !1,
|
|
6248
|
+
let t = !1, o = !1, s = !1;
|
|
6225
6249
|
e.forEach((n, i) => {
|
|
6226
|
-
n.hasAttribute("current") && (
|
|
6227
|
-
}),
|
|
6228
|
-
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);
|
|
6229
6253
|
}) : e.length > 0 && (e[0].setAttribute("current", ""), e[0].setAttribute("selected", ""))), this._updateCounter();
|
|
6230
6254
|
}
|
|
6231
6255
|
_toggleCompact() {
|
|
@@ -6278,10 +6302,10 @@ nt([
|
|
|
6278
6302
|
], _e.prototype, "isCompactExpanded");
|
|
6279
6303
|
customElements.get("nys-stepper") || customElements.define("nys-stepper", _e);
|
|
6280
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}';
|
|
6281
|
-
var yn = Object.defineProperty, ue = (r, e, t,
|
|
6282
|
-
for (var
|
|
6283
|
-
(i = r[n]) && (
|
|
6284
|
-
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;
|
|
6285
6309
|
};
|
|
6286
6310
|
let fn = 0;
|
|
6287
6311
|
const Xt = class Xt extends f {
|
|
@@ -6306,15 +6330,15 @@ const Xt = class Xt extends f {
|
|
|
6306
6330
|
);
|
|
6307
6331
|
if (!e || !t) return;
|
|
6308
6332
|
t.innerHTML = "";
|
|
6309
|
-
const
|
|
6310
|
-
if (!
|
|
6311
|
-
const n =
|
|
6333
|
+
const s = e.assignedElements({ flatten: !0 }).find((i) => i.tagName === "TABLE");
|
|
6334
|
+
if (!s) return;
|
|
6335
|
+
const n = s.cloneNode(!0);
|
|
6312
6336
|
this._normalizeTableDOM(n), this.sortable && this._addSortIcons(n), t.appendChild(n);
|
|
6313
6337
|
}
|
|
6314
6338
|
_normalizeTableDOM(e) {
|
|
6315
|
-
const t = e.querySelector("thead"),
|
|
6316
|
-
if (t &&
|
|
6317
|
-
const
|
|
6339
|
+
const t = e.querySelector("thead"), o = e.querySelector("tbody");
|
|
6340
|
+
if (t && o) return;
|
|
6341
|
+
const s = e.querySelector(
|
|
6318
6342
|
"caption"
|
|
6319
6343
|
), n = Array.from(e.querySelectorAll("tr"));
|
|
6320
6344
|
if (n.length === 0) return;
|
|
@@ -6334,10 +6358,10 @@ const Xt = class Xt extends f {
|
|
|
6334
6358
|
p !== c && l.appendChild(u);
|
|
6335
6359
|
});
|
|
6336
6360
|
}
|
|
6337
|
-
if (e.innerHTML = "",
|
|
6361
|
+
if (e.innerHTML = "", s && e.appendChild(s), this.sortable) {
|
|
6338
6362
|
const h = document.createElement("span");
|
|
6339
|
-
if (h.setAttribute("class", "sr-only"), h.textContent = "Column headers with buttons are sortable.",
|
|
6340
|
-
|
|
6363
|
+
if (h.setAttribute("class", "sr-only"), h.textContent = "Column headers with buttons are sortable.", s)
|
|
6364
|
+
s.appendChild(h);
|
|
6341
6365
|
else {
|
|
6342
6366
|
const u = document.createElement("caption");
|
|
6343
6367
|
u.appendChild(h), e.appendChild(u);
|
|
@@ -6347,63 +6371,68 @@ const Xt = class Xt extends f {
|
|
|
6347
6371
|
}
|
|
6348
6372
|
willUpdate() {
|
|
6349
6373
|
const e = Array.from(this.children).find(
|
|
6350
|
-
(
|
|
6374
|
+
(s) => s.tagName === "TABLE"
|
|
6351
6375
|
);
|
|
6352
6376
|
if (!e) return;
|
|
6353
|
-
const
|
|
6354
|
-
this._captionText !==
|
|
6377
|
+
const o = e.querySelector("caption")?.textContent?.trim() ?? "";
|
|
6378
|
+
this._captionText !== o && (this._captionText = o);
|
|
6355
6379
|
}
|
|
6356
6380
|
_addSortIcons(e) {
|
|
6357
6381
|
const t = Array.from(e.querySelectorAll("thead th"));
|
|
6358
|
-
t.length !== 0 && t.forEach((
|
|
6359
|
-
if (
|
|
6360
|
-
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();
|
|
6361
6385
|
if (!n) return;
|
|
6362
|
-
|
|
6386
|
+
o.textContent = "";
|
|
6363
6387
|
const i = document.createElement("nys-button");
|
|
6364
6388
|
i.setAttribute("part", "sort-button"), i.setAttribute("variant", "ghost"), i.setAttribute("label", n), i.setAttribute("suffixIcon", "slotted"), i.setAttribute("fullWidth", "true");
|
|
6365
6389
|
const l = document.createElement("nys-icon");
|
|
6366
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) => {
|
|
6367
|
-
c.stopPropagation(), this._onSortClick(
|
|
6368
|
-
}),
|
|
6391
|
+
c.stopPropagation(), this._onSortClick(s, e);
|
|
6392
|
+
}), o.appendChild(i);
|
|
6369
6393
|
});
|
|
6370
6394
|
}
|
|
6371
6395
|
_updateSortIcons(e) {
|
|
6372
|
-
e.querySelectorAll("thead th").forEach((
|
|
6373
|
-
const n =
|
|
6396
|
+
e.querySelectorAll("thead th").forEach((o, s) => {
|
|
6397
|
+
const n = o.querySelector("nys-button[part='sort-button']"), i = n?.querySelector(
|
|
6374
6398
|
"nys-icon[slot='suffix-icon']"
|
|
6375
6399
|
);
|
|
6376
6400
|
if (!(!n || !i))
|
|
6377
|
-
if (
|
|
6378
|
-
switch (
|
|
6401
|
+
if (s === this._sortColumn)
|
|
6402
|
+
switch (o.classList.add("nys-table__sortedcolumn"), this._sortDirection) {
|
|
6379
6403
|
case "asc":
|
|
6380
|
-
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");
|
|
6381
6405
|
break;
|
|
6382
6406
|
case "desc":
|
|
6383
|
-
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");
|
|
6384
6408
|
break;
|
|
6385
6409
|
}
|
|
6386
6410
|
else
|
|
6387
|
-
|
|
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");
|
|
6388
6412
|
});
|
|
6389
6413
|
}
|
|
6390
6414
|
_onSortClick(e, t) {
|
|
6391
|
-
|
|
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));
|
|
6392
6421
|
}
|
|
6393
|
-
_sortTable(e, t,
|
|
6394
|
-
const
|
|
6395
|
-
if (!
|
|
6396
|
-
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"));
|
|
6397
6426
|
n.sort((i, l) => {
|
|
6398
6427
|
const c = i.children[t]?.textContent?.trim() ?? "", h = l.children[t]?.textContent?.trim() ?? "", u = Number(c), p = Number(h);
|
|
6399
6428
|
let v;
|
|
6400
|
-
return !isNaN(u) && !isNaN(p) ? v = u - p : v = c.localeCompare(h),
|
|
6401
|
-
}), 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);
|
|
6402
6431
|
}
|
|
6403
6432
|
_updateSortedColumnStyles(e) {
|
|
6404
|
-
e.querySelectorAll("tbody tr").forEach((
|
|
6405
|
-
Array.from(
|
|
6406
|
-
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");
|
|
6407
6436
|
});
|
|
6408
6437
|
});
|
|
6409
6438
|
}
|
|
@@ -6412,7 +6441,23 @@ const Xt = class Xt extends f {
|
|
|
6412
6441
|
e.href = this.download, e.download = this.download.split("/").pop() || "table-data.csv", document.body.appendChild(e), e.click(), document.body.removeChild(e);
|
|
6413
6442
|
}
|
|
6414
6443
|
/****************** Event Handlers ******************/
|
|
6415
|
-
|
|
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 ******************/
|
|
6416
6461
|
render() {
|
|
6417
6462
|
return d`
|
|
6418
6463
|
<div class="nys-table">
|
|
@@ -6462,10 +6507,10 @@ ue([
|
|
|
6462
6507
|
], Q.prototype, "_captionText");
|
|
6463
6508
|
customElements.get("nys-table") || customElements.define("nys-table", Q);
|
|
6464
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}';
|
|
6465
|
-
var bn = Object.defineProperty, O = (r, e, t,
|
|
6466
|
-
for (var
|
|
6467
|
-
(i = r[n]) && (
|
|
6468
|
-
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;
|
|
6469
6514
|
};
|
|
6470
6515
|
let gn = 0;
|
|
6471
6516
|
const Ge = class Ge extends f {
|
|
@@ -6535,8 +6580,8 @@ const Ge = class Ge extends f {
|
|
|
6535
6580
|
e.preventDefault(), this._hasUserInteracted = !0, this._validate();
|
|
6536
6581
|
const t = this.shadowRoot?.querySelector("textarea");
|
|
6537
6582
|
if (t) {
|
|
6538
|
-
const
|
|
6539
|
-
|
|
6583
|
+
const o = this._internals.form;
|
|
6584
|
+
o ? Array.from(o.elements).find(
|
|
6540
6585
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
6541
6586
|
) === this && t.focus() : t.focus();
|
|
6542
6587
|
}
|
|
@@ -6558,11 +6603,15 @@ const Ge = class Ge extends f {
|
|
|
6558
6603
|
}
|
|
6559
6604
|
// Handle focus event
|
|
6560
6605
|
_handleFocus() {
|
|
6561
|
-
this.dispatchEvent(
|
|
6606
|
+
this.dispatchEvent(
|
|
6607
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
6608
|
+
);
|
|
6562
6609
|
}
|
|
6563
6610
|
// Handle blur event
|
|
6564
6611
|
_handleBlur() {
|
|
6565
|
-
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
|
+
);
|
|
6566
6615
|
}
|
|
6567
6616
|
_handleSelect(e) {
|
|
6568
6617
|
const t = e.target;
|
|
@@ -6693,10 +6742,10 @@ O([
|
|
|
6693
6742
|
], S.prototype, "errorMessage");
|
|
6694
6743
|
customElements.get("nys-textarea") || customElements.define("nys-textarea", S);
|
|
6695
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}';
|
|
6696
|
-
var mn = Object.defineProperty, x = (r, e, t,
|
|
6697
|
-
for (var
|
|
6698
|
-
(i = r[n]) && (
|
|
6699
|
-
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;
|
|
6700
6749
|
};
|
|
6701
6750
|
let Cn = 0;
|
|
6702
6751
|
const Qe = class Qe extends f {
|
|
@@ -6719,16 +6768,16 @@ const Qe = class Qe extends f {
|
|
|
6719
6768
|
// Ensure the "width" property is valid after updates
|
|
6720
6769
|
async updated(e) {
|
|
6721
6770
|
if (e.has("disabled") && (this._validateButtonSlot("startButton"), this._validateButtonSlot("endButton")), e.has("type")) {
|
|
6722
|
-
const t = this._maskPatterns[this.type],
|
|
6723
|
-
if (
|
|
6771
|
+
const t = this._maskPatterns[this.type], o = this.shadowRoot?.querySelector("input");
|
|
6772
|
+
if (o)
|
|
6724
6773
|
if (t)
|
|
6725
|
-
|
|
6774
|
+
this.maxlength === null && (o.maxLength = t.length), this._updateOverlay(o.value, t);
|
|
6726
6775
|
else {
|
|
6727
|
-
|
|
6728
|
-
const
|
|
6776
|
+
this.maxlength === null && o.removeAttribute("maxLength");
|
|
6777
|
+
const s = this.shadowRoot?.querySelector(
|
|
6729
6778
|
".nys-textinput__mask-overlay"
|
|
6730
6779
|
);
|
|
6731
|
-
|
|
6780
|
+
s && (s.textContent = "");
|
|
6732
6781
|
}
|
|
6733
6782
|
}
|
|
6734
6783
|
if (e.has("readonly") || e.has("required")) {
|
|
@@ -6753,15 +6802,15 @@ const Qe = class Qe extends f {
|
|
|
6753
6802
|
const t = this.shadowRoot?.querySelector("input");
|
|
6754
6803
|
if (!t) return;
|
|
6755
6804
|
this.showError = !!e, this._originalErrorMessage?.trim() && e !== "" ? this.errorMessage = this._originalErrorMessage : this.errorMessage = e;
|
|
6756
|
-
const
|
|
6757
|
-
this._internals.setValidity(
|
|
6805
|
+
const o = e ? { customError: !0 } : {};
|
|
6806
|
+
this._internals.setValidity(o, this.errorMessage, t);
|
|
6758
6807
|
}
|
|
6759
6808
|
_validate() {
|
|
6760
6809
|
const e = this.shadowRoot?.querySelector("input");
|
|
6761
6810
|
if (!e) return;
|
|
6762
6811
|
const t = e.validity;
|
|
6763
|
-
let
|
|
6764
|
-
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);
|
|
6765
6814
|
}
|
|
6766
6815
|
// This callback is automatically called when the parent form is reset.
|
|
6767
6816
|
formResetCallback() {
|
|
@@ -6782,8 +6831,8 @@ const Qe = class Qe extends f {
|
|
|
6782
6831
|
e.preventDefault(), this._hasUserInteracted = !0, this._validate();
|
|
6783
6832
|
const t = this.shadowRoot?.querySelector("input");
|
|
6784
6833
|
if (t) {
|
|
6785
|
-
const
|
|
6786
|
-
|
|
6834
|
+
const o = this._internals.form;
|
|
6835
|
+
o ? Array.from(o.elements).find(
|
|
6787
6836
|
(i) => typeof i.checkValidity == "function" && !i.checkValidity()
|
|
6788
6837
|
) === this && t.focus() : t.focus();
|
|
6789
6838
|
}
|
|
@@ -6792,28 +6841,28 @@ const Qe = class Qe extends f {
|
|
|
6792
6841
|
this.showPassword = !this.showPassword;
|
|
6793
6842
|
}
|
|
6794
6843
|
_updateOverlay(e, t) {
|
|
6795
|
-
const
|
|
6844
|
+
const o = this.shadowRoot?.querySelector(
|
|
6796
6845
|
".nys-textinput__mask-overlay"
|
|
6797
6846
|
);
|
|
6798
|
-
if (!
|
|
6799
|
-
const
|
|
6800
|
-
|
|
6847
|
+
if (!o) return;
|
|
6848
|
+
const s = e, n = t.slice(s.length);
|
|
6849
|
+
o.textContent = s + n;
|
|
6801
6850
|
}
|
|
6802
6851
|
_applyMask(e, t) {
|
|
6803
|
-
const
|
|
6804
|
-
let
|
|
6852
|
+
const o = e.replace(/\D/g, "");
|
|
6853
|
+
let s = "";
|
|
6805
6854
|
if (this.type === "tel")
|
|
6806
|
-
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;
|
|
6807
6856
|
let n = 0;
|
|
6808
6857
|
for (let i = 0; i < t.length; i++)
|
|
6809
6858
|
if (t[i] === "_" || t[i].match(/[d9]/i))
|
|
6810
|
-
if (n <
|
|
6811
|
-
|
|
6859
|
+
if (n < o.length)
|
|
6860
|
+
s += o[n++];
|
|
6812
6861
|
else
|
|
6813
6862
|
break;
|
|
6814
6863
|
else
|
|
6815
|
-
|
|
6816
|
-
return
|
|
6864
|
+
s += t[i];
|
|
6865
|
+
return s;
|
|
6817
6866
|
}
|
|
6818
6867
|
/**
|
|
6819
6868
|
* Event Handlers
|
|
@@ -6822,9 +6871,9 @@ const Qe = class Qe extends f {
|
|
|
6822
6871
|
// Handle input event to check pattern validity
|
|
6823
6872
|
_handleInput(e) {
|
|
6824
6873
|
const t = e.target;
|
|
6825
|
-
let
|
|
6826
|
-
const
|
|
6827
|
-
|
|
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(
|
|
6828
6877
|
new CustomEvent("nys-input", {
|
|
6829
6878
|
detail: { id: this.id, value: this.value },
|
|
6830
6879
|
bubbles: !0,
|
|
@@ -6834,27 +6883,31 @@ const Qe = class Qe extends f {
|
|
|
6834
6883
|
}
|
|
6835
6884
|
// Handle focus event
|
|
6836
6885
|
_handleFocus() {
|
|
6837
|
-
this.dispatchEvent(
|
|
6886
|
+
this.dispatchEvent(
|
|
6887
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
6888
|
+
);
|
|
6838
6889
|
}
|
|
6839
6890
|
// Handle blur event
|
|
6840
6891
|
_handleBlur() {
|
|
6841
|
-
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
|
+
);
|
|
6842
6895
|
}
|
|
6843
6896
|
_validateButtonSlot(e) {
|
|
6844
6897
|
const t = this.shadowRoot?.querySelector(
|
|
6845
6898
|
'slot[name="' + e + '"]'
|
|
6846
|
-
),
|
|
6899
|
+
), o = this.shadowRoot?.querySelector(
|
|
6847
6900
|
".nys-textinput__buttoncontainer"
|
|
6848
6901
|
);
|
|
6849
|
-
if (!t || !
|
|
6850
|
-
const
|
|
6902
|
+
if (!t || !o) return;
|
|
6903
|
+
const s = t.assignedElements();
|
|
6851
6904
|
let n = !1;
|
|
6852
|
-
|
|
6905
|
+
s.forEach((i) => {
|
|
6853
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(
|
|
6854
6907
|
"The '" + e + "' slot only accepts a single <nys-button> element. Removing invalid or extra node:",
|
|
6855
6908
|
i
|
|
6856
6909
|
), i.remove());
|
|
6857
|
-
}), e === "startButton" ?
|
|
6910
|
+
}), e === "startButton" ? o.classList.toggle("has-start-button", n) : e === "endButton" && o.classList.toggle("has-end-button", n);
|
|
6858
6911
|
}
|
|
6859
6912
|
render() {
|
|
6860
6913
|
return d`
|
|
@@ -7011,10 +7064,10 @@ x([
|
|
|
7011
7064
|
], m.prototype, "showPassword");
|
|
7012
7065
|
customElements.get("nys-textinput") || customElements.define("nys-textinput", m);
|
|
7013
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}}';
|
|
7014
|
-
var xn = Object.defineProperty, se = (r, e, t,
|
|
7015
|
-
for (var
|
|
7016
|
-
(i = r[n]) && (
|
|
7017
|
-
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;
|
|
7018
7071
|
};
|
|
7019
7072
|
let kn = 0;
|
|
7020
7073
|
const Xe = class Xe extends f {
|
|
@@ -7052,11 +7105,15 @@ const Xe = class Xe extends f {
|
|
|
7052
7105
|
}
|
|
7053
7106
|
// Handle focus event
|
|
7054
7107
|
_handleFocus() {
|
|
7055
|
-
this.dispatchEvent(
|
|
7108
|
+
this.dispatchEvent(
|
|
7109
|
+
new Event("nys-focus", { bubbles: !0, composed: !0 })
|
|
7110
|
+
);
|
|
7056
7111
|
}
|
|
7057
7112
|
// Handle blur event
|
|
7058
7113
|
_handleBlur() {
|
|
7059
|
-
this.dispatchEvent(
|
|
7114
|
+
this.dispatchEvent(
|
|
7115
|
+
new Event("nys-blur", { bubbles: !0, composed: !0 })
|
|
7116
|
+
);
|
|
7060
7117
|
}
|
|
7061
7118
|
_handleClick() {
|
|
7062
7119
|
this.disabled || (this.checked = !this.checked, this._emitChangeEvent());
|
|
@@ -7154,10 +7211,10 @@ se([
|
|
|
7154
7211
|
], N.prototype, "size");
|
|
7155
7212
|
customElements.get("nys-toggle") || customElements.define("nys-toggle", N);
|
|
7156
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)}}`;
|
|
7157
|
-
var En = Object.defineProperty, Sn = Object.getOwnPropertyDescriptor, Te = (r, e, t,
|
|
7158
|
-
for (var
|
|
7159
|
-
(i = r[n]) && (
|
|
7160
|
-
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;
|
|
7161
7218
|
};
|
|
7162
7219
|
let Ln = 0;
|
|
7163
7220
|
const Jt = class Jt extends f {
|
|
@@ -7184,8 +7241,8 @@ const Jt = class Jt extends f {
|
|
|
7184
7241
|
".nys-tooltip__content"
|
|
7185
7242
|
), t = this._getReferenceElement();
|
|
7186
7243
|
if (!e || !t) return;
|
|
7187
|
-
const
|
|
7188
|
-
!
|
|
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);
|
|
7189
7246
|
}, this._handleScrollOrResize = () => {
|
|
7190
7247
|
!this._active || this._hideTimeout || this._showTooltip();
|
|
7191
7248
|
}, this._handleEscapeKey = (e) => {
|
|
@@ -7244,19 +7301,19 @@ const Jt = class Jt extends f {
|
|
|
7244
7301
|
if (!e) return null;
|
|
7245
7302
|
let t = document.getElementById(e);
|
|
7246
7303
|
if (t) return t;
|
|
7247
|
-
const
|
|
7248
|
-
for (const n of Array.from(
|
|
7304
|
+
const o = (s) => {
|
|
7305
|
+
for (const n of Array.from(s.querySelectorAll("*"))) {
|
|
7249
7306
|
const i = n.shadowRoot;
|
|
7250
7307
|
if (i) {
|
|
7251
7308
|
const l = i.getElementById(e);
|
|
7252
7309
|
if (l) return l;
|
|
7253
|
-
const c =
|
|
7310
|
+
const c = o(i);
|
|
7254
7311
|
if (c) return c;
|
|
7255
7312
|
}
|
|
7256
7313
|
}
|
|
7257
7314
|
return null;
|
|
7258
7315
|
};
|
|
7259
|
-
return
|
|
7316
|
+
return o(document);
|
|
7260
7317
|
}
|
|
7261
7318
|
// We need to pass `ariaLabel` or `ariaDescription` to the nys-components so they can announce both their label and the tooltip's text
|
|
7262
7319
|
async _passAria(e) {
|
|
@@ -7281,8 +7338,8 @@ const Jt = class Jt extends f {
|
|
|
7281
7338
|
async _applyFocusBehavior(e) {
|
|
7282
7339
|
if (e.style.cursor = "pointer", e.tagName.toLowerCase() === "nys-icon") {
|
|
7283
7340
|
"updateComplete" in e && await e.updateComplete;
|
|
7284
|
-
const
|
|
7285
|
-
|
|
7341
|
+
const o = e.shadowRoot?.querySelector("svg");
|
|
7342
|
+
o && o.setAttribute("tabindex", "0");
|
|
7286
7343
|
}
|
|
7287
7344
|
}
|
|
7288
7345
|
/**
|
|
@@ -7290,13 +7347,13 @@ const Jt = class Jt extends f {
|
|
|
7290
7347
|
* Used for auto-positioning. Ignores text overflow for now.
|
|
7291
7348
|
*/
|
|
7292
7349
|
_doesPositionFit(e) {
|
|
7293
|
-
const t = this._getReferenceElement(),
|
|
7294
|
-
if (!t || !
|
|
7295
|
-
const
|
|
7296
|
-
top:
|
|
7297
|
-
left:
|
|
7298
|
-
bottom: window.innerHeight -
|
|
7299
|
-
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
|
|
7300
7357
|
};
|
|
7301
7358
|
return {
|
|
7302
7359
|
top: l.top >= n.height,
|
|
@@ -7317,11 +7374,11 @@ const Jt = class Jt extends f {
|
|
|
7317
7374
|
".nys-tooltip__content"
|
|
7318
7375
|
);
|
|
7319
7376
|
if (!e || !t) return;
|
|
7320
|
-
const
|
|
7321
|
-
top:
|
|
7322
|
-
left:
|
|
7323
|
-
bottom: window.innerHeight -
|
|
7324
|
-
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
|
|
7325
7382
|
};
|
|
7326
7383
|
let i = [
|
|
7327
7384
|
"top",
|
|
@@ -7349,24 +7406,24 @@ const Jt = class Jt extends f {
|
|
|
7349
7406
|
);
|
|
7350
7407
|
e && (e.style.top = "0px", e.style.left = "0px");
|
|
7351
7408
|
}
|
|
7352
|
-
_positionTooltipElement(e, t,
|
|
7353
|
-
const
|
|
7409
|
+
_positionTooltipElement(e, t, o) {
|
|
7410
|
+
const s = e.getBoundingClientRect(), n = t.getBoundingClientRect(), i = 8;
|
|
7354
7411
|
let l = 0, c = 0;
|
|
7355
|
-
switch (
|
|
7412
|
+
switch (o) {
|
|
7356
7413
|
case "top":
|
|
7357
|
-
l =
|
|
7414
|
+
l = s.top - n.height - i, c = s.left + s.width / 2 - n.width / 2;
|
|
7358
7415
|
break;
|
|
7359
7416
|
case "bottom":
|
|
7360
|
-
l =
|
|
7417
|
+
l = s.bottom + i, c = s.left + s.width / 2 - n.width / 2;
|
|
7361
7418
|
break;
|
|
7362
7419
|
case "left":
|
|
7363
|
-
l =
|
|
7420
|
+
l = s.top + s.height / 2 - n.height / 2, c = s.left - n.width - i;
|
|
7364
7421
|
break;
|
|
7365
7422
|
case "right":
|
|
7366
|
-
l =
|
|
7423
|
+
l = s.top + s.height / 2 - n.height / 2, c = s.right + i;
|
|
7367
7424
|
break;
|
|
7368
7425
|
default:
|
|
7369
|
-
l =
|
|
7426
|
+
l = s.top - n.height - i, c = s.left + s.width / 2 - n.width / 2;
|
|
7370
7427
|
break;
|
|
7371
7428
|
}
|
|
7372
7429
|
t.style.top = `${l}px`, t.style.left = `${c}px`;
|
|
@@ -7385,7 +7442,7 @@ const Jt = class Jt extends f {
|
|
|
7385
7442
|
_shiftTooltipIntoViewport(e) {
|
|
7386
7443
|
const t = this._getReferenceElement();
|
|
7387
7444
|
if (!t) return;
|
|
7388
|
-
const
|
|
7445
|
+
const o = t.getBoundingClientRect(), s = e.getBoundingClientRect(), n = o.left + o.width / 2, i = s.left < 0, l = s.right > window.innerWidth;
|
|
7389
7446
|
i ? (e.style.left = "10px", e.style.transform = "none") : l && (e.style.right = "0px", e.style.left = "auto", e.style.transform = "none");
|
|
7390
7447
|
const c = e.getBoundingClientRect(), h = (n - c.left) / c.width, u = Math.max(0, Math.min(1, h)) * 100;
|
|
7391
7448
|
e.style.setProperty("--arrow-offset-x", `${u}%`);
|
|
@@ -7450,10 +7507,10 @@ const Dn = `<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewB
|
|
|
7450
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"/>
|
|
7451
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"/>
|
|
7452
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}}';
|
|
7453
|
-
var zn = Object.defineProperty, we = (r, e, t,
|
|
7454
|
-
for (var
|
|
7455
|
-
(i = r[n]) && (
|
|
7456
|
-
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;
|
|
7457
7514
|
};
|
|
7458
7515
|
const es = class es extends f {
|
|
7459
7516
|
constructor() {
|
|
@@ -7494,9 +7551,9 @@ const es = class es extends f {
|
|
|
7494
7551
|
_toggleTrustbar(e) {
|
|
7495
7552
|
if (this.trustbarVisible = !this.trustbarVisible, this.trustbarVisible && (this.languageVisible = !1, this.searchDropdownVisible = !1), e === "no focus") return;
|
|
7496
7553
|
if (e === "nys-unavheader__know--inline" || !e) {
|
|
7497
|
-
const
|
|
7554
|
+
const o = this.trustbarVisible ? "nys-unavheader__closetrustbar" : "nys-unavheader__know--inline";
|
|
7498
7555
|
this.updateComplete.then(() => {
|
|
7499
|
-
this.shadowRoot?.getElementById(
|
|
7556
|
+
this.shadowRoot?.getElementById(o)?.focus();
|
|
7500
7557
|
});
|
|
7501
7558
|
}
|
|
7502
7559
|
}
|
|
@@ -7518,8 +7575,8 @@ const es = class es extends f {
|
|
|
7518
7575
|
if (e.url)
|
|
7519
7576
|
window.location.href = e.url;
|
|
7520
7577
|
else {
|
|
7521
|
-
const
|
|
7522
|
-
window.location.href = `https://${
|
|
7578
|
+
const o = e.code === "en" ? "" : `${e.code}.`;
|
|
7579
|
+
window.location.href = `https://${o}${window.location.hostname}`;
|
|
7523
7580
|
}
|
|
7524
7581
|
}
|
|
7525
7582
|
_handleSearchFocus() {
|
|
@@ -7535,10 +7592,10 @@ const es = class es extends f {
|
|
|
7535
7592
|
}
|
|
7536
7593
|
}
|
|
7537
7594
|
_handleSearchButton(e) {
|
|
7538
|
-
const
|
|
7595
|
+
const o = (this.shadowRoot?.getElementById(
|
|
7539
7596
|
e
|
|
7540
7597
|
)).value?.trim();
|
|
7541
|
-
|
|
7598
|
+
o !== "" && this._handleSearch(o);
|
|
7542
7599
|
}
|
|
7543
7600
|
_handleSearch(e) {
|
|
7544
7601
|
const t = new CustomEvent("nys-search-submit", {
|
|
@@ -7794,14 +7851,14 @@ we([
|
|
|
7794
7851
|
], te.prototype, "languages");
|
|
7795
7852
|
customElements.get("nys-unavheader") || customElements.define("nys-unavheader", te);
|
|
7796
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}}';
|
|
7797
|
-
var An = Object.defineProperty, it = (r, e, t,
|
|
7798
|
-
for (var
|
|
7799
|
-
(i = r[n]) && (
|
|
7800
|
-
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;
|
|
7801
7858
|
};
|
|
7802
7859
|
const ts = class ts extends f {
|
|
7803
7860
|
constructor() {
|
|
7804
|
-
super(...arguments), this.appName = "", this.agencyName = "", this.homepageLink = "", this.
|
|
7861
|
+
super(...arguments), this.appName = "", this.agencyName = "", this.homepageLink = "", this._isMobileMenuOpen = !1, this._hasLinkContent = !1;
|
|
7805
7862
|
}
|
|
7806
7863
|
/**
|
|
7807
7864
|
* Lifecycle Methods
|
|
@@ -7815,18 +7872,18 @@ const ts = class ts extends f {
|
|
|
7815
7872
|
* --------------------------------------------------------------------------
|
|
7816
7873
|
*/
|
|
7817
7874
|
_highlightActiveLink(e) {
|
|
7818
|
-
const t = Array.from(e.querySelectorAll("a")),
|
|
7819
|
-
let
|
|
7875
|
+
const t = Array.from(e.querySelectorAll("a")), o = window.location.pathname.replace(/\/+$/, "") || "/";
|
|
7876
|
+
let s = {
|
|
7820
7877
|
li: null,
|
|
7821
7878
|
length: 0
|
|
7822
7879
|
};
|
|
7823
7880
|
t.forEach((n) => {
|
|
7824
7881
|
const i = this._normalizePath(n.getAttribute("href"));
|
|
7825
|
-
i && (i === "/" &&
|
|
7882
|
+
i && (i === "/" && o === "/" ? s = { li: n.closest("li"), length: 1 } : o.startsWith(i) && i.length > s.length && (s = {
|
|
7826
7883
|
li: n.closest("li"),
|
|
7827
7884
|
length: i.length
|
|
7828
7885
|
}));
|
|
7829
|
-
}), t.forEach((n) => n.closest("li")?.classList.remove("active")),
|
|
7886
|
+
}), t.forEach((n) => n.closest("li")?.classList.remove("active")), s.li?.classList.add("active");
|
|
7830
7887
|
}
|
|
7831
7888
|
// Gets called when the slot content changes and directly appends the slotted elements into the shadow DOM
|
|
7832
7889
|
async _handleListSlotChange() {
|
|
@@ -7834,19 +7891,17 @@ const ts = class ts extends f {
|
|
|
7834
7891
|
'slot:not([name="user-actions"])'
|
|
7835
7892
|
);
|
|
7836
7893
|
if (!e) return;
|
|
7837
|
-
const t = e.assignedNodes({ flatten: !0 }).filter((
|
|
7838
|
-
|
|
7839
|
-
|
|
7840
|
-
|
|
7841
|
-
|
|
7842
|
-
|
|
7843
|
-
|
|
7844
|
-
|
|
7845
|
-
|
|
7846
|
-
|
|
7847
|
-
|
|
7848
|
-
}
|
|
7849
|
-
}), 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
|
+
}
|
|
7850
7905
|
}
|
|
7851
7906
|
// Normalize paths so that links like "name", "/name/", and "/" match window.location.pathname.
|
|
7852
7907
|
// This ensures consistent active-link behavior regardless of how hrefs are written.
|
|
@@ -7859,15 +7914,15 @@ const ts = class ts extends f {
|
|
|
7859
7914
|
}
|
|
7860
7915
|
}
|
|
7861
7916
|
_toggleMobileMenu() {
|
|
7862
|
-
this.
|
|
7917
|
+
this._isMobileMenuOpen = !this._isMobileMenuOpen;
|
|
7863
7918
|
}
|
|
7864
7919
|
// Listens for click events on links to mark them active
|
|
7865
7920
|
_listenLinkClicks() {
|
|
7866
7921
|
this.shadowRoot?.querySelectorAll(
|
|
7867
7922
|
".nys-globalheader__content, .nys-globalheader__content-mobile"
|
|
7868
7923
|
)?.forEach((t) => {
|
|
7869
|
-
t?.addEventListener("click", (
|
|
7870
|
-
const n =
|
|
7924
|
+
t?.addEventListener("click", (o) => {
|
|
7925
|
+
const n = o.target.closest("a");
|
|
7871
7926
|
if (!n) return;
|
|
7872
7927
|
t.querySelectorAll("li.active").forEach((l) => l.classList.remove("active"));
|
|
7873
7928
|
const i = n.closest("li");
|
|
@@ -7879,18 +7934,18 @@ const ts = class ts extends f {
|
|
|
7879
7934
|
return d`
|
|
7880
7935
|
<header class="nys-globalheader">
|
|
7881
7936
|
<div class="nys-globalheader__main-container">
|
|
7882
|
-
${this.
|
|
7937
|
+
${this._hasLinkContent ? d` <div class="nys-globalheader__button-container">
|
|
7883
7938
|
<button
|
|
7884
7939
|
class="nys-globalheader__mobile-menu-button"
|
|
7885
7940
|
@click="${this._toggleMobileMenu}"
|
|
7886
7941
|
>
|
|
7887
7942
|
<nys-icon
|
|
7888
|
-
name="${this.
|
|
7943
|
+
name="${this._isMobileMenuOpen ? "close" : "menu"}"
|
|
7889
7944
|
size="32"
|
|
7890
|
-
label="${this.
|
|
7945
|
+
label="${this._isMobileMenuOpen ? "close" : "menu"} icon"
|
|
7891
7946
|
></nys-icon>
|
|
7892
7947
|
<span class="nys-globalheader__mobile-menu-button-text"
|
|
7893
|
-
>${this.
|
|
7948
|
+
>${this._isMobileMenuOpen ? "CLOSE" : "MENU"}</span
|
|
7894
7949
|
>
|
|
7895
7950
|
</button>
|
|
7896
7951
|
</div>` : ""}
|
|
@@ -7933,7 +7988,7 @@ const ts = class ts extends f {
|
|
|
7933
7988
|
</div>
|
|
7934
7989
|
</header>
|
|
7935
7990
|
<div
|
|
7936
|
-
class="nys-globalheader__content-mobile ${this.
|
|
7991
|
+
class="nys-globalheader__content-mobile ${this._isMobileMenuOpen ? "" : "close"}"
|
|
7937
7992
|
></div>
|
|
7938
7993
|
`;
|
|
7939
7994
|
}
|
|
@@ -7951,16 +8006,16 @@ it([
|
|
|
7951
8006
|
], me.prototype, "homepageLink");
|
|
7952
8007
|
it([
|
|
7953
8008
|
_()
|
|
7954
|
-
], me.prototype, "
|
|
8009
|
+
], me.prototype, "_isMobileMenuOpen");
|
|
7955
8010
|
it([
|
|
7956
8011
|
_()
|
|
7957
|
-
], me.prototype, "
|
|
8012
|
+
], me.prototype, "_hasLinkContent");
|
|
7958
8013
|
customElements.get("nys-globalheader") || customElements.define("nys-globalheader", me);
|
|
7959
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)}}';
|
|
7960
|
-
var On = Object.defineProperty, Ht = (r, e, t,
|
|
7961
|
-
for (var
|
|
7962
|
-
(i = r[n]) && (
|
|
7963
|
-
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;
|
|
7964
8019
|
};
|
|
7965
8020
|
const ss = class ss extends f {
|
|
7966
8021
|
constructor() {
|
|
@@ -7983,19 +8038,19 @@ const ss = class ss extends f {
|
|
|
7983
8038
|
if (!e) return;
|
|
7984
8039
|
const t = e?.assignedNodes({ flatten: !0 }).filter((n) => n.nodeType === Node.ELEMENT_NODE);
|
|
7985
8040
|
await Promise.resolve(), this.slotHasContent = t.length > 0;
|
|
7986
|
-
const
|
|
8041
|
+
const o = this.shadowRoot?.querySelector(
|
|
7987
8042
|
".nys-globalfooter__content"
|
|
7988
|
-
),
|
|
8043
|
+
), s = t?.some(
|
|
7989
8044
|
(n) => n.tagName === "H4"
|
|
7990
8045
|
);
|
|
7991
|
-
|
|
8046
|
+
o && (o.classList.toggle("columns", s), o.classList.toggle("small", !s), o.innerHTML = "", t.forEach((i) => {
|
|
7992
8047
|
if (i.nodeType === Node.ELEMENT_NODE) {
|
|
7993
8048
|
const l = i.cloneNode(!0);
|
|
7994
8049
|
["script", "iframe", "object", "embed", "img"].forEach((h) => {
|
|
7995
8050
|
l.querySelectorAll(h).forEach((u) => u.remove());
|
|
7996
|
-
}),
|
|
8051
|
+
}), o.appendChild(l), i.remove();
|
|
7997
8052
|
}
|
|
7998
|
-
}),
|
|
8053
|
+
}), o.querySelectorAll("span").forEach((i) => {
|
|
7999
8054
|
const l = document.createElement("nys-divider");
|
|
8000
8055
|
l.classList.add("divider"), i.insertAdjacentElement("afterend", l);
|
|
8001
8056
|
}));
|